随记

摘要： 如图： 图片加载失败了，在浏览器会默认显示一张破图。受各种网速、浏览器等因素影响，我们无法保证图片能够完全加载成功。加载失败时如何更友好的显示是前端要考虑的主要因素。 常见做法都是使用一张默认图代替加载失败的图片，比如一个 logo 、一张主题图片等。 做法一 使用 JS 懒加载图片，如果图片加载失 阅读全文

摘要： 解析 <path> 标签应该算是 SVG 中最为强大的标签了，各种图形都可以用他绘制。本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线。 用法 <path d="M30 90 Q115 139 200 90"></path> <path> 标签常用指令： M = moveto L = line 阅读全文

摘要： 正常提示如下： 然而我的提示没了，本以为是插件问题，把所有插件禁用不行！卸载重装vscode还是不行！！但是其他电脑的1.41.1版本，同样代码确没问题！！！简直日了*了 折腾大半天，发下问题如下： 如果刚好你的项目没了语法提示，又刚好是1.41版本，再刚好你的项目有@types/node@12.1 阅读全文

摘要： 平时使用animate只用于dom节点的动画，无意间发现JQuery内置的animate方法可实现数字动画，JQ还是挺强大的！ 动画效果为从0一步步跳到84，代码如下： 阅读全文

摘要： 报错信息： ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 报错写法如下： 报错 阅读全文

摘要： 坑爹的微信分享，设置图片链接必须要满足如下条件： 1. 微信分享图链接必须是绝对路径，写相对地址不行。 比如图片地址写成 './assets/images/share.jpg' 不行！！！ 必须写成 'http://www.xxxxx.com/assets/images/share.jpg' 2. 阅读全文

摘要： 编辑器：网页不常用的功能，但却又是不可少的功能，如果要造个编辑器轮子，它可以把人玩死！！前端几大禁忌就有富文本， 为什么都说富文本编辑器是天坑? 下面记录一下常见的一些编辑器，该文随时更新： 富文本编辑器 Tinymce tinymce 是一家老牌做富文本的公司，它的产品经受了市场的认可，不管是文档 阅读全文

摘要： 话不多说，先看例子，外链 效果截图如下： 蚁行线 马赛克背景 代码： 蚁行线代码如下： /* <!-- HTML代码 --> <div class="ant"></div> */ /* 蚁行线动画 */ .ant { width: 200px; height: 200px; margin: 40px 阅读全文

摘要： 新建分支: git checkout -b new 它是下面两条命令的简写： git branch newgit checkout new 列出本地分支： git branch 查看全部分支： git branch -a 查看本地分支： git branch -l 查看远程分支： git branc 阅读全文

摘要： 项目多多少少应该都遇到有公用文件这种情况，比如说偶尔某一天产品来找你，能不能明天把网站的这个颜色给我改下？第二天再来给我换回来？ 如果再css2.x时代，不使用css预处理技术，这一改只能“查找替换”了，使用预处理不使用变量也只有“查找替换”了。 当然，css3的时代就另当别论了，因为css3本身已 阅读全文