方塘禾丰

看完一篇长文《资深Web技术专家曹刘阳：2016年前端技术观察》。感受有这么几点： 关于前端的核心竞争力我是认同的。前端的核心竞争力就是三大基础：HTML、JS、CSS，其他新技术都是对这三项的改进、辅助、工程化，遇到深入、定制化的开发，这时就见基本功了。因此，把基础打牢，建立…

最近几个项目常用到svg图片，往往步骤还不少，每次都要上网查一遍怎么配置，不如自己走一遍，深入理解下，记录下来。 在Vue-CLI中配置svg的icon，可以参照下面的步骤。 需要用到雪碧图的loader，解析svg。 配置vue.config.js，加入sprite-load…

工作中对数组和字符串的操作很频繁，尤其是一些截取操作。字符串和数组的一些操作函数名还有不少相同的，为了不总是混淆，总结下来以备查阅。 start：可选。指定子字符串开始位置，默认为0。可以为负数，-1表示最后一位，-2表示倒数第二位。 end：可选。指定子字符串结束位置，可以为…

CSS1(Cascading Style Sheets, level 1)， 最早的一代CSS。早期的HTML页面很简陋，多数用标签来表示元素的样式，这时的CSS主要用来进行HTML元素的表现，因此包含的主要内容是文字、颜色、背景、盒子模型。 CSS2(Cascading St…

公司有一个业务，希望唤起第三方客服时，自动发送一条消息，类似淘宝里退换货，唤起客服就有有关退换流程的信息。 1. 询问第三方 毫无疑问，第一步当然是问第三方客服是不是支持这样的功能，很遗憾，不支持。技术文档里有一个初步唤起的功能，可以自动发送一个打招呼的信息，但这只限于第一次，…

国内有关viewport的文章和信息，我想大多来源于PPK的文章（篇一，篇二）。从二手资料获取到的信息总是不够深， 也有限，我就有很多地方没法理解，看完原文才理解地透彻，推荐你去看看。有时间我想把这两篇文章翻译出来，既锻炼翻译能力，又学习技术，一举两得；若是对大家还有点帮助，那…

做一个Vue的项目时，遇到频繁切换标签的问题。由于不同标签请求的ajax的结果所需时间不同，点击不同标签时，响应时间最慢的数据会覆盖之前响应的数据，显示数据跟所点击标签不对应。当时为了处理这个问题，没想到好方法，只好控制在点击下一个标签前，必须等前一个标签的结果回来之后进行。 …

静态代码检测是VScode开发工具端的代码检测，错误会在代码上显示。 1. VScode安装插件 进入“偏好(preferences)" -> "扩展(extensions)"，安装如下两个编辑器插件，使VScode支持ESlint代码检查。 2. 安装项目依赖 可以将esli…

camelCase（驼峰式，也叫小驼峰命名，e.g. userInfo） PascalCase（帕斯卡命名式，也叫大驼峰命名，e.g. UserInfo） kebab-case（短横线连接式，e.g. user-info） snake_case（下划线连接式，e.g. user…