随笔分类 - Web前端
分享关于Web前端开发的一些技巧
摘要：目录1、前言2、介绍 Web Worker3、使用须知及兼容性3.1、使用须知3.2、兼容性4、使用 Web Worker4.1、创建 Web Worker4.2、与主线程通信4.3、终止 Web Worker4.4、监听错误信息5、使用 Shared Worker4.5、调试 Shared Wor
阅读全文
摘要：目录1、前言2、思路3、实现 1、前言 最近做的大数据平台，里面很多地方用到了ECharts，其中有个功能，要求将图表分组，根据用户选择的组，来确定ECharts要显示那些线条和柱子，也就是动态的显示option.series。 2、思路 找了一下EChart的文档，发现可以通过控制option.l
阅读全文
摘要：本文主要分享一个项目的规范约束从0到1的流程，从通过vue-cli创建项目，到团队协作插件安装（husky、eslint、commitlint、prettier等）
阅读全文
摘要：1，什么是 Cookie？ Cookie是一些数据, 存储于你电脑上的文本文件中。 当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。当用户访问web页面时，他的名字可以记录在Cookie中。在该用户下一次访问该页
阅读全文
摘要：1，前言 bind、call和apply在函数式编程时候非常有用，本文旨在记录一下我遇到过的一些用法和知识点，也记录一下在装饰器中的用法。 1，call call() 方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。它的第一个参数是你需要指向的this目标，后面的参数是你需要传
阅读全文
摘要：目录1，前言2，效果展示3，属性说明3.1 scroll-snap-type3.2，scroll-snap-align4，实际使用4.1，兼容性 1，前言 今天摸鱼的时候，发现一个很有意思的css属性scroll-snap-type，属性的解释是：定义在滚动容器中的一个临时点如何被严格的执行。听起来
阅读全文
摘要：1，需求 最近有一个需求，在web页面上有一个按钮，点击按钮，调起本地的.exe程序客户端，我在网上找了很多，感觉都不完整，所以自己总结写一下。 2，效果图 3，实现原理 主要实现方式是添加注册表； 新建一个qq.txt文本文档（ps:文件名字随便起），把下面这段代码复制进去，根据下面的注意事项图片
阅读全文
摘要：(目录) 1，循环 循环，就是根据某个条件，重复执行一段代码 1.1，for循环 语法： for (1 声明循环变量; 2 判断循环条件; 3 更新循环变量) { // 4 要执行的代码块 } // 执行顺序 1 -> 2 -> 4 -> 3 例子： for(let i = 0; i < 10; i
阅读全文
摘要：(目录) 1 前言 for...in和for...of都是JavaScript中遍历数据的方法，让我们来了解一下他们的区别。 2，for...in for...in是为遍历对象属性而构建的，它以任意顺序遍历一个对象的除Symbol以外的可枚举属性，可用break或者throw跳出 语法： for (
阅读全文
摘要：(目录) 1，介绍 Promise是异步编程的一种解决方案，比回调函数和事件更合理且更强大。可以理解为一个容器，里面保存着某个未来才会结束的事件的结果。 2，特点 Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败），该状态不受外界影响。
阅读全文
摘要：(目录) 1，前言 发现了一个很好用的全屏API，是HTML5自带的方法，记录一下 2，兼容性 3，API介绍 Document.exitFullscreen()，用于让当前文档退出全屏模式 Element.requestFullscreen()，用于发出异步请求使元素进入全屏模式 不仅如此，浏览器
阅读全文
摘要：(目录) 1，前言 记录一些很好用的css属性 1，calc() calc()函数用于动态计算长度值，任何长度值都可以使用calc()函数进行计算，需要注意的是，运算符前后都需要保留一个空格，例如： .box{ width: calc(100% - 10px) height: calc(100% -
阅读全文
摘要：(目录) 1，前言 今早看了一篇文章《JavaScrip实现：如何写出漂亮的条件表达式》，原创于：华为云开发者社区，作者：查尔斯。抱着随便逛逛的心态看了一下，受益匪浅，于是记录一下，我认为对我有用的几点。 2，多条件if语句优化 在写业务代码的过程中，经常会碰到需要判断多个条件的if语句，如下： f
阅读全文
摘要：(目录) 1，前言 注意：此教程仅限Windows，Mac可能不适用 在我们的日常开发中可能会遇到这种情况：手上有好几个项目，每个项目的需求不同，进而不同项目必须依赖不同版的node.js，如果没有一个合适的工具，这个问题将非常棘手。所以，nvm应运而生。 2，安装nvm 1，首先需要卸载已安装的n
阅读全文
摘要：(目录) 1，前言 博主收录了一些在实际开发过程中，很实用且方便的JS操作符，熟练掌握的话，不仅代码看上去高大上（实为装逼），而且简洁大方。 2，代码+应用 2.1，短路运算符 || 从左往右 1，只要有一个条件为true时，结果就为true。 2，当两个条件都为false时，结果才为false。
阅读全文
摘要：(目录) 1，实现效果 2，实现原理 主要原理是利用css变量设置颜色，用js动态修改变量，使颜色变化，兼容性如下； 实现换肤之前先要了解一下伪类选择器 :root ，还有css的 var() 函数和 setProperty()函数 :root是一个伪类，表示文档根元素，非IE及IE8及以上浏览器都
阅读全文
摘要：(目录) 1，DataUrl转为File /** * DataUrl转为File * @param {String} dataUrl - dataUrl地址 * @param {String} fileName - file文件名 */ dataURLtoFile(dataUrl, fileName
阅读全文
