12 2019 档案
摘要：Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将 ECMAScript 2015+ （ES6+，IE不支持ES6+语法，所以要支持IE，项目中引入Babel还是很有必要的）版本的代码转换为向后兼容(向后兼容 ：兼容以前的；向前兼容：兼容未来的 )的 JavaSc
阅读全文
摘要：package.json文件下dependencies和devDependencies区别 devDependencies：用于开发环境dependencies：用于线上环境 重点dependencies依赖的包不仅线上环境可以用，开发环境也能使用，反之则不行 注意默认情况下，在哪个文件夹下运行np
阅读全文
摘要：上图为网易云盾的滑动拼图验证码，同一张图片裁剪的位置是固定的，猜想其应该有一个专门的图片库，保存了被裁剪的背景图和可移动的滑块。我的想法是，随机生成图片，随机生成位置，再用canvas裁剪出滑块和背景图。下面介绍具体步骤。 1、首先随便找一张图片渲染到canvas上，这里#canvas作为画布，#b
阅读全文
摘要：copy以下两部分代码即可实现： 1.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="./gVerify.js"></script> <style
阅读全文
摘要：适用于 web 端用户界面和播放器的轻量级弹幕组件，demo： 一、用途 为你的 视频播放器、图片浏览器 等元素挂载弹幕动画 用于实现 B 站(bilibili.com) 风格的 蒙版弹幕 效果 二、安装 yarn add barrage-ui 或 npm install --save barrag
阅读全文
摘要：1.简化遍历操作实现的语法糖 我们知道如果要要某个类型支持遍历就必须要实现系统接口IEnumerable，这个接口后续实现比较繁琐要写一大堆代码才能支持真正的遍历功能。举例说明： using System; using System.Collections.Generic; using System
阅读全文
摘要：这是一个实验中的功能，用于设置元素上遮罩层的图像。 一、Values none：默认值，透明的黑色图像层，也就是没有遮罩层。 <mask-source>：<mask>或CSS图像的url<image>图片作为遮罩层 二、语法： .demo1 { background : url("images/lo
阅读全文
摘要：1.安装 全局安装 npm install eslint -g 局部安装 npm install eslint --save 2.初始化一个配置文件 eslint --init 执行后根据项目需要回答几个问题，最后会在根目录生成一个.eslintrc.js文件： module.exports = {
阅读全文
摘要：一、Webpacked Assets 为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue 组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 <img src="./logo.png">和 back
阅读全文
摘要：下载地址：https://www.typora.io/#windows 一、工具界面： 二、使用工具编辑： 三、导出为html： 四、打开html查看： Markdown语法教程：https://www.runoob.com/markdown/md-tutorial.html
阅读全文
摘要：1.在插件tab搜索GitLens 2.安装成功后将光标移至代码行即会显示代码编写者 3.在VsCode左侧菜单栏，点击GitLens图标即可查看History，也可以查看全部的日志 4.查看上下push记录 参照：https://www.jianshu.com/p/a91cb8a2e55d
阅读全文
摘要：1.在插件tab搜索background 2.打开vscode的配置页 添加配置（图片放到D:/其他/美图/yibo.jpg）： "background.useDefault": false, "background.customImages": ["file:///D:/其他/美图/yibo.jp
阅读全文
摘要：Iconfont 是采用字体的方式来做图标，它不但可以提高网页性能也能适用在 iOS 和 Android App 平台。再加上现在扁平化设计席卷互联网，它变得越来越流行。它的原理就是将很多 icon 做成字体库，通过样式或者字体对应的字符集来显示这个 icon。 Iconfont 的优点 减少请求次
阅读全文
摘要：指定名为"myFirstFont"的字体，并指定在哪里可以找到它的URL： @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */ }
阅读全文
摘要：这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 1.windows: 属性：-webkit-font-smoothing 示例： body{ -webkit-font-smoothing: antialiased; } 它有三个属性： none 对低像素的文本比较好 subpixe
阅读全文
摘要：获取图片一张图片的大小 let img = new Image() img.src = imgUrl if ( img.width != 375 || img.height != 200 ) { message.error(‘请上传375*200大小的图片’) return false } 发现有时
阅读全文
摘要：一、问题 今天工作中解决bug发现是由“for循环的异步函数，回调引用的循环值始终是最后的值”的现象导致的，如： for (var i = 0; i < files.length; i++) { var itemFile = files[i]; fs.stat("./uploads/" + item
阅读全文
摘要：1.安装npm包 npm install --save-dev gulp-strip-debug 2.使用 const gulp = require('gulp'); const stripDebug = require('gulp-strip-debug'); gulp.task('default
阅读全文
