zl程序教程

前端

  • 商业智能BI行业分析思维框架:铅酸蓄电池行业(二)

    商业智能BI行业分析思维框架:铅酸蓄电池行业(二)

    在前一篇文章中,我大概介绍了铅酸蓄电池这个行业业务方面的知识。今天我们来看看,对于这样的一个行业,如果由你来做商业智能BI的顶层设计和分析框架,你会如何来规划,思考问题的角度和逻辑是什么呢?我先来分享一下我的想法,如果大家有更好的观点也可以在文章下方留言讨论。

    日期 2023-10-26 10:14:58     
  • Javascript的this用法总结

    Javascript的this用法总结

    this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分四种情况,详细讨论this的用法。 情况一:纯粹的函数调用 这是函数的最通常用

    日期 2023-10-26 10:14:58     
  • vue new Promise((resolve) => {...})的作用

    vue new Promise((resolve) => {...})的作用

    The new Promise((resolve) => {...}) 语法用于创建一个新的 Promise 对象。Promise 是一个表示异步操作的最终完成或失败的对象。resolve 函数是一个回调函数,当 Pr

    日期 2023-10-26 10:14:58     
  • node--cors

    node--cors

    node--cors 简单请求和复杂请求options复杂请求的限制跨域携带cookie再会 简单请求和复杂请求 cors分为简单请求和复杂请求,对于简单请求的限制较少&

    日期 2023-10-26 10:14:58     
  • 常见正则表达式汇总【一】

    常见正则表达式汇总【一】

    Ip as-path access-list 20 permit 850 该过滤器匹配任何包含字符串 850 的 as-path 。匹配的 as-path 例如:( 850 ),( 23 , 5 , 850 , 155 )和( 1123 , 850 , 367 )等等。 Ip as-path access-list 20 permit 850 该过滤器匹配任何包含字符串 850 的 as-

    日期 2023-10-26 10:14:58     
  • 如何做好移动时代的身份认证管理?

    如何做好移动时代的身份认证管理?

    本文讲的是 :   如何做好移动时代的身份认证管理? ,  【IT168评论】移动互联网的出现不仅彻底改变了人们的生活方式,同时也给企业的IT架构带来了根本性的变革。身份认证是企业在传统PC时代必不可少的关键一环,那么到了移动互联网时代,要如何做好身份认证管理呢?移动互联网时代身份认证又存在哪些挑战?为此,我们专门采访了龙脉科技总经理李刚。 ▲龙脉科技总经理 李刚 “如今,企业在移动平台

    日期 2023-10-26 10:14:58     
  • jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部

    jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    日期 2023-10-26 10:14:58     
  • Bootstrap 杂记

    Bootstrap 杂记

    1,Bootstrap表单生成器: http://www.bootcss.com/p/bootstrap-form-builder/ 2,表单样式: 默认模式、内联模式、水平模式: 2.1 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同,

    日期 2023-10-26 10:14:58     
  • TypeScript学习笔记(六):泛型

    TypeScript学习笔记(六):泛型

    认识泛型 TypeScript也实现了类型于C#和Java的泛型以实现类型的参数化,我们先看一个需求: 1 function identity(arg: any): any { 2 return arg; 3 } 我们希望方法identity可以传入任意类型,并且返回传入的类型,这样写可以达到效果但是不能确定返回的类型,使用泛型的写法如下: 1 function identity

    日期 2023-10-26 10:14:58     
  • 【JavaScript】以小说的方式打开学习JavaScript的新大门

    【JavaScript】以小说的方式打开学习JavaScript的新大门

    JavaScript是一种轻量级的动态编程语言,在诞生之时,JavaScript 并没有受到人们的过多关注,但是谁也想不到,在大前端快速风靡的今 天,JavaScript已经成为当今编程世界中优雅而不可或缺的一员。如果你 是一名编程初学者,刚刚学习完HTML和CSS

    日期 2023-10-26 10:14:58     
  • 这样封装echarts简单好用

    这样封装echarts简单好用

    为什么要去封装echarts? 在我们的项目中,有很多的地方都使用了echarts图表展示数据。 在有些场景,一个页面有十多个的echarts图。 这些echarts只是展示的指标不一样。 如果我们每一个echarts图都写一份配置型的话, 会有非常多的冗余代码,并且如果需要某一个配置项。 我们需要给一个图修改一次,这样不仅麻烦,还恶心。 为了方便后面的维护,我们决定将echarts做一个简单实

    日期 2023-10-26 10:14:58     
  • jquery 滑动动画

    jquery 滑动动画

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <head> <!--引入百度库--> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script&g

    日期 2023-10-26 10:14:58     
  • vue全局api原理

    vue全局api原理

    前言 此篇主要手写 Vue2.0 源码-全局 api 原理 上一篇咱们主要介绍了 Vue 计算属性原理 知道了计算属性缓存的特点是怎么实现的 到目前为止整个 Vue 源码核心内容 咱们已经基本手写了一遍 那么此篇来梳理下 Vue 的全局 api 适用人群: 1.想要深入理解 vue 源码更好的进行日常业务开发 2.

    日期 2023-10-26 10:14:58     
  • OAuth 2.0实现分布式认证授权-授权的验证配置(3)

    OAuth 2.0实现分布式认证授权-授权的验证配置(3)

    一 授权码模式交互 1.1 授权码模式配置  (1).资源拥有者打开客户端,客户端要求资源拥有者给予授权,它将浏览器被重定向到授权服务器,重定向时会 附加客户端的身份信息。如: /uaa/oauth/authorize?client_id=c1&response_type&

    日期 2023-10-26 10:14:58     
  • Angular 复习与进阶系列 – Component 组件 の Angular Component vs Web Component

    Angular 复习与进阶系列 – Component 组件 の Angular Component vs Web Component

    前言 在 初识 Angular 中我有提到, Angular Team 是一群不爱创新, 爱 follow 标准, 爱小题大做的一群人. 所以, 要理解 Angular Component, 我们就非得要先搞懂远古的 Web Component 和 MVVM 的概念.   MVVM 和 Web Component 关于 MVVM 可以大约翻看这篇.&nbs

    日期 2023-10-26 10:14:58     
  • javascript 使用btoa和atob来进行Base64转码和解码

    javascript 使用btoa和atob来进行Base64转码和解码

    javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。 好了,前言说了一大堆,开发者需要重视: 一.我们来看看,在javascript中如

    日期 2023-10-26 10:14:58     
  • 基于jquery的可拖动div

    基于jquery的可拖动div

    昨天给大家介绍了一款基于jquery ui漂亮的可拖动div实例,今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以,无需引用jquery ui。还实时记录的鼠标的坐标。一起看下效果图吧。 在线预览   源码下载 实现的代码。 html代码: <span class="text noselect">DR

    日期 2023-10-26 10:14:58     
  • Vue项目开发与规范--编码指南篇

    Vue项目开发与规范--编码指南篇

    这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue,为了回避错误、小纠结和反模式,该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的。 对于其绝大部分,我们也总体上避免就 JavaScript

    日期 2023-10-26 10:14:58     
  • WEB-INF 有关的目录路径问题总结

    WEB-INF 有关的目录路径问题总结

      1、资源文件只能放在WebContent下面,如 CSS,JS,image等.放在WEB-INF下引用不了.   2、页面放在WEB-INF目录下面,这样可以限制访问,提高安全性.如JSP,html   3、只能用转向方式来访问WEB-INF目录下的JSP,不用采用重定向的方式请求该目录里面的任何资源.如图:index.jsp >>&nb

    日期 2023-10-26 10:14:58     
  • 营销新内卷,数字人抢滩 Web 3.0

    营销新内卷,数字人抢滩 Web 3.0

    编辑导语:品牌营销的方式逐渐走向多样化,数字技术的发展也为营销方式注入了更多活力,比如数字人、元宇宙等概念,便对To B的营销格局产生了一定影响。那么,数字人营销当下进展到哪个阶段了?本文进行了一定解读,一起来看一下。 从哪一个数字人开始,吸引了你的注意?是弹吉他的清华学生华智冰,还是捉妖的美妆达人柳夜熙,或者是穿越的邓丽君、高考一战成名的度晓晓……数字人已悄然进入人们的生活。 数字人的热

    日期 2023-10-26 10:14:58     
  • JavaScript 工具

    JavaScript 工具

    JS压缩工具: https://tool.oschina.net/jscompress/

    日期 2023-10-26 10:14:58     
  • Jquery DataTables 自定义布局sdom

    Jquery DataTables 自定义布局sdom

    Jquery DataTables 自定义布局sdom JQuery Datatable sDom 配置 官网给的描述是: This initialisation variable allows you to specify exactly where in the DOM you want DataTables to inject the various controls it adds t

    日期 2023-10-26 10:14:58     
  • html的css背景图的repeat

    html的css背景图的repeat

    HTML里background-image中,可以设置background-repeat实现平铺,前面博文中关于css样式换行的(相关博文:超文本css样式换行),其中有个三个div组合的,中间的div是平铺的,但是没有设置repeat值,默认就平铺了,默认就是横向纵向都是平铺的,不需要特别设置。background-repeat通过设置为其他值,可以只横向平铺,或纵向平铺,或不平铺:no-re

    日期 2023-10-26 10:14:58     
  • 响应之返回值是ModelAndView类型

    响应之返回值是ModelAndView类型

    响应之返回值是ModelAndView类型 1.在response.jsp编写如下代码: <%-- Created by IntelliJ IDEA. User: Adair Date:

    日期 2023-10-26 10:14:58     
  • CSS中.和#区别

    CSS中.和#区别

    一.问题来源   制作导航栏,参考别人的代码,发现的。 二.解析 2.1 概述   id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;   class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。   定义HTML中的标签,如ul,img,p等时,直接写:img{}。 2.2 区别     #main和.mai

    日期 2023-10-26 10:14:58     
  • vue里使用crypto-js实现AES加解密

    vue里使用crypto-js实现AES加解密

    安装 npm install crypto-js 加密 import CryptoJS from "crypto-js"; // AES加密 function encryptByAES(word,

    日期 2023-10-26 10:14:58     
  • Vue3基础(22)___vue3中使用$forceUpdate

    Vue3基础(22)___vue3中使用$forceUpdate

    在vue2中直接 this.$forceUpdate() 在vue3中直接 import { getCurrentInstance } from "vue"; setup(){ //解构赋值 设置别名

    日期 2023-10-26 10:14:58     
  • 分享一个精简的vue.js 图片lazyload插件

    分享一个精简的vue.js 图片lazyload插件

    这个插件未压缩版本只有7.62kb,很精简,支持img标签和background-img资源的lazyload。支持vue.js 1.0 和vue.js 2.0 http://www.jianshu.com/p/443a2d7c7bd5 安转 $ npm install vue-lazyload --save

    日期 2023-10-26 10:14:58     
  • 【Vue 快速入门系列】Vue中如何使用动画与过渡

    【Vue 快速入门系列】Vue中如何使用动画与过渡

    文章目录 前言一、回忆css3中的动画二、Vue中单标签使用动画1.默认使用方法2.自定义使用方法 三、Vue中多标签实现动画效果四、使用第三方动画 前言 本篇博客将会介绍如何在Vue中使用动

    日期 2023-10-26 10:14:58     
  • 自定义H5页面规范

    自定义H5页面规范

    查看详情页也可支持自定义H5页面,用来展示更多内容。 交互规范 分屏切换,支持横向和竖向,滑动指引需清晰 若详情页加载较慢,需设计loading页,给予用户友好的提示 如有视频,需在底部加上“建议在Wi-Fi环境下播放”提示 建议一个页面不超过两种以上交互操作 设计规范 页面尺寸建议:640像素×1100像素 最小按钮宽度:160像素 最小按钮高度:60像素 页面最小字号:不小于24像素

    日期 2023-10-26 10:14:58     
  • APM 原理与框架选型

    APM 原理与框架选型

    0. APM简介 随着微服务架构的流行,一次请求往往需要涉及到多个服务,因此服务性能监控和排查就变得更复杂: 不同的服务可能由不同的团队开发、甚至可能使用不同的编程语言来实现 服务有可能布在了几千台服务器,横跨多个不同的数据中心 因此,就需要一些可以帮助理解系统行为、用于分析性能问题的工具,以便发生故障的时候,能够快速定位和解决问题,这就是APM系统,全称是(Application Per

    日期 2023-10-26 10:14:58     
  • Duktape:一个新的小巧的超精简可嵌入式JavaScript引擎

    Duktape:一个新的小巧的超精简可嵌入式JavaScript引擎

    Duktape是一个可嵌入的Javascript引擎,主要关注便携性和精简及紧凑性。 Duktape很容易集成到C/C++项目: 添加duktape.c和duktape.h到您的build中,并使用Duktape API从C代码中,调用ECMAScript代码的功能,反之亦然。 结合"引用计数"和"标记清除"的垃圾收集与回收机制 自定义功能,如协程,内置日志框架,并内置CommonJS的基础

    日期 2023-10-26 10:14:58     
  • vue笔记一

    vue笔记一

    一.Vue基本知识点 1.声明式渲染 <div id="app">{{ msg }}</div> <script> var app = new Vue({ el: '#app', data: { msg: 'hello' } }) </script>    ps:a.el指定了将vue挂载到那个元素上b.msg是响应式的,即只要改变,对

    日期 2023-10-26 10:14:58     
  • vue项目中快捷语法糖

    vue项目中快捷语法糖

    1.Vue.js是渐进式框架,采用自底向上增量开发的设计基于MVVM思想。 2.Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 3.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 4.指令带有前缀 v-,以表示它们是 Vue.js 提供的特殊属性。 5.站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 X

    日期 2023-10-26 10:14:58     
  • HTTPS双向认证指南验证过程

    HTTPS双向认证指南验证过程

    1.原理 双向认证,顾名思义,客户端和服务器端都需要验证对方的身份,在建立Https连接的过程中,握手的流程比单向认证多了几步。单向认证的过程,客户端从服务器端下载服务器端公钥证书进行验证,然后建立安全通信通道。双向通信流程,客户端除了需要从服务器端下载服务器的公钥证书进行验证外,还需要把客户端的公钥证书上传到服务器端给服务器端进行验证,等双方都认证通过了,才开始建立安全通信通道进行数据传

    日期 2023-10-26 10:14:58     
  • 精品微信小程序ssm的健身房私教预约系统+后台|前后分离vue

    精品微信小程序ssm的健身房私教预约系统+后台|前后分离vue

    《基于微信小程序ssm的健身房私教预约系统》该项目含有源码、文档等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE 技术路线 开发语言:Java、小程序 前端技术:JavaScript、VUE.j

    日期 2023-10-26 10:14:58     
  • 在不使用ssr的情况下解决Vue单页面SEO问题

    在不使用ssr的情况下解决Vue单页面SEO问题

    先说明下,上一篇的方法存在作弊行为 孤陋寡闻了,以前没接触过这些,果然不能投机取巧啊 替代方法 将原来放入隐藏标签的内容放到骨架屏中用php预渲染 这样页面就会先展示重要的内容然后再显示其他部分 麻烦点的就是如果想要好看的话需要将相关的样式都粘过来 写在最后 虽然隐藏标签有涉及到作弊,但是内容没有太多关键字应该不会有太大影响 当然还是将内容优先展示出来是最好的 或许将来还能想到更好的方

    日期 2023-10-26 10:14:58     
  • 基于HTML5 SVG炫酷文字爆炸特效

    基于HTML5 SVG炫酷文字爆炸特效

    这是一款使用html5 svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVG path属性将文字路径切割为很多小块,然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。 在线预览   源码下载 这是一款使用html5 svg、css3和js制作的炫酷文字爆炸特效。不论是HTML还是CSS都没有能力将文字分割成小块,但是SVG可以实现这个效

    日期 2023-10-26 10:14:58     
  • 网页播放rtmp流

    网页播放rtmp流

    在h5页面里播放rtmp流很简单,只需要一个viode.js库的支持。当前video.js库已经出到了6.x版本。但是6.x版本播放不了rtmp流。所以示例中只用了5.5.3版本的库。 还有,想要这个示例可以运行,要用firefox运行;如果还是不行,就搭一个apache服务器来运行。

    日期 2023-10-26 10:14:58     
  • 前端音频播放与暂停deom

    前端音频播放与暂停deom

    $(document).ready(function(){ //彩铃逻辑 // console.log($(".ringstone_audio").length) if($(".ringstone_audio").length>0){//online_id:3400 var ringstone_audio = $(".rin

    日期 2023-10-26 10:14:58     
  • 如何利用word去除网页代码中的行号

    如何利用word去除网页代码中的行号

    有的时候在网上寻找现成的代码,想直接粘贴到编辑器中就运行使用,结果麻烦来了。前面都是行号,无法去除。如果代码只有几行还好说,如果有个几百行,那就郁闷了。

    日期 2023-10-26 10:14:58     
  • Vue3中readonly 和 shallowReadonly和toRaw

    Vue3中readonly 和 shallowReadonly和toRaw

    1.readonly 深度只读 被readonly包裹的数据只能够读取。 是一个深度只读,不能够修改。 我们看一下面的代码。 我们想修改值,但是修改后视图无响应。 并且控制台警告目标为只读 readonly深度只读的应用场景: 比如我们登录后用户信息不会发生改变了。 <template> <div> <div> <div>

    日期 2023-10-26 10:14:58     
  • vue.js axios call api example

    vue.js axios call api example

    代码样例:      code: let url = '/api/xxx/yyy'; let paramObj = JSON.stringify( { } ); axios .post(url,

    日期 2023-10-26 10:14:58     
  • 转 vue实现双向数据绑定之原理及实现篇

    转 vue实现双向数据绑定之原理及实现篇

    转自:https://www.cnblogs.com/canfoo/p/6891868.html vue的双向绑定原理及实现 前言 先上个成果图来吸引各位: 代码:                                &nb

    日期 2023-10-26 10:14:58     
  • 10 个最终编译成 JavaScript 的脚本语言

    10 个最终编译成 JavaScript 的脚本语言

    与简单的网站相比,现代应用程序有更多 不同的需求 。但是,浏览器是一个拥有(大部分)固定技术的平台,而且JavaScript仍然是web应用程序的核心语言;需要在浏览器中运行的任何应用程序都必须用该语言实现。 我们都知道JavaScript并不是实现所有任务的最佳语言,当遇到复杂的应用时,它可能就不太适合。为了避免这个问题,已经创建了几种新的语言和现有语言的变体,它们都生成可以在浏览器中运行

    日期 2023-10-26 10:14:58     
  • [Javaweb]Ajax

    [Javaweb]Ajax

    文章目录 Ajax概述同步和异步Ajax基本操作 Ajax概述 AJAX (Asynchronous JavaScript And XML):异步的 JavaScript 和 XML。

    日期 2023-10-26 10:14:58     
  • PHPUnit 单元测试框架(鸡肋)

    PHPUnit 单元测试框架(鸡肋)

    学习的文章 :http://www.php100.com/html/webkaifa/PHP/PHPyingyong/2011/0216/7534.html 看了文章后 个人觉得是鸡肋,。

    日期 2023-10-26 10:14:58     
  • 在COM组件中调用JavaScript函数 .

    在COM组件中调用JavaScript函数 .

    在COM组件中调用JavaScript函数 要求是很简单的,即有COM组件A在IE中运行,使用JavaScript(JS)调用A的方法longCalc(),该方法是一个耗时的操作,要求通知IE当前的进度。 在COM组件中调用JavaScript函数 要求是很简单的,即有COM组件A在IE中运行,使用JavaScript(JS)调用A的方法longCalc(),该方法是一个耗时的操作,要求通

    日期 2023-10-26 10:14:58     
  • Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十二】

    Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十二】

      《Web 前端开发精华文章推荐》2014年第一期(总第二十二期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望

    日期 2023-10-26 10:14:58     
  • JavaScript中Array数组的方法

    JavaScript中Array数组的方法

    查找: indexOf、lastIndexOf 迭代:every、filter、forEach、map、somereduce、reduceRight 用法: 1 /* 2 1 查找方法: 3 * arr.indexOf( value ) 4 * 一个参数 返回value所在数组的位置下标 5 * 找不到的时候返回-1 6 * 7 * arr.inde

    日期 2023-10-26 10:14:58