HUANG QING BLOG

天行健,君子以自强不息。地势坤,君子以厚德载物。

Jquery多库共存的方案

Jquery有多库共存的方案,那就是Jquery.noconfilct()功能。 <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript" src="customize.js"></script> <scri...

原生JS快速实现拖放

drag and drop

基本思路 从最古老的方式开始讲起。 onmousedown:模拟开始拖拽事件。 鼠标按键按下即发生onmousedown事件。 获取鼠标位置,获取被拖拽元素的位置,记录两者之间的纵横坐标的差值。 对document元素绑定onmousemove,onmouseup事件。 为什么是对document绑定而不是对被拖动的元素绑定呢?原来是如果对被拖动元素绑定的话当鼠标拖动过...

优化打包资源

原则 打包会有两方面的意思,第一在于提高打包的速度,第二在于对打包后的静态资源的优化。而对于静态资源的优化又不仅仅是打包提及的缩减。 对于打包资源优化的总体原则,在于尽可能的减少或者延迟模块的引用。主要遵循以下三点: 减小打包的整体体积 Code Splitting: 按需加载,优化页面首次加载体积。如根据路由按需加载,根据是否可见按需加载 Bundle Splittin...

Wx

开发工具 微信开发者工具 VSCode https://zh.snipaste.com/ VSCode插件 小程序开发助手 minapp css tree vscode开发微信小程序安装的插件: wechat-snippet 微信小程序代码辅助,代码片段自动完成 minapp 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 ...

前端设置任何颜色作为主题色

过渡

element-ui中主题,可以随意指定。 它其实是通过把前端选择的主题色,当做参数,然后发送给后端,然后让后端生成一个新的css文件,再发给前端。然后再通过js,将css设置到head中的style上,完成主题切换。 返回的css文件,不仅仅是简单的将颜色替换为我们刚才选择的那个主题色,还需要进行一些“颜色的计算”。例如:button在hover时,会在主题色上有个减淡的效果。也就是说...

前端工程技术栈(索引)

编程方式 命令式编程 面向对象编程 函数式编程 响应式编程 语言 C# JavaScript ES5 ES6 TypeScript HTML5 ...

前端开发者必备的Nginx知识

ConardLi

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写 nginx现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用程序中所担任的角色,以及如何解决这些...

大BOM的展示浏览和编辑问题

现状 浏览器只能支持IE9+,原因是使用了OCX。建议弃用OCX使用Chrome。 名称 IE Chrome Chrome vs IE 市场占有率 6.37% 67.39% Chrome绝对优势领先 对标 ...

JavaScript数据可视化库

D3.js star 数:88K D3.js 可能是最流行和使用最广泛的 JavaScript 数据可视化库。D3 用于基于数据的文档操作,并使用 HTML、SVG 和 CSS 让数据活起来。它基于 Web 标准,结合现代浏览器,不需要与专有框架耦合,将可视化组件和数据驱动的方法结合到 DOM 操作上。它允许你将任意数据绑定到文档对象模型(DOM),然后在文档上应用数据转换。 这里有一...

圈复杂度

前端代码质量 ConardLi

定义 圈复杂度 (Cyclomatic complexity) 是一种代码复杂度的衡量标准,也称为条件复杂度或循环复杂度,它可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立现行路径条数,也可理解为覆盖所有的可能情况最少使用的测试用例数。简称 CC 。其符号为 VG 或是 M 。 圈复杂度 在 1976 年由 Thomas J. McCabe, Sr. 提出。 衡量标准 ...