vue 前端项目技术选型、开发工具、周边生态 声明：这不是一篇介绍 Vue 基础知识的文章，需要熟悉 Vue 相关知识 主架构：vue, vue-router, vuex UI 框架：element ui, iview, vuetify, vux, mint-ui, vue-material…

性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章…

最近的一个活动页面需要做一个可以左右滑动的抽签效果，故通过用css的transform属性和js结合来模拟可以无限滚动的效果。

基础概念 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明 选择器的分组：用逗号将需要分组的选择器分开 {代码…} 继承：通过 CSS 继承，子元素将继承最高级元素所拥有的属性。 派生选择器：通过依据…

解释型语言与编译型语言的区别翻译时间的不同。编译型语言在程序执行之前，有一个单独的编译过程，将程序翻译成机器语言，以后执行这个程序的时候，就不用再进行翻译了。解释型语言，是在运行的时候将程序翻译成…

在网上看到了有如相机功能的mix-blend-mode实现比较好看的图片样式，自己也想弄下，在这里记录下

方法一：利用letter-spacing属性和em 参考：[链接] html {代码…} css {代码…} 方法二：利用透明字占位 <text style=”opacity: 0;”>空格</text> 方法三：利用两端对齐属性 {代码…}

同源 概念：协议，域名，端口 相同。目的：保证用户信息的安全，防止恶意的网站窃取数据。限制的行为： Cookie、LocalStorage 和 IndexDB 无法读取。 DOM 无法获得。 AJAX 请求不能发送。 跨域 资源跳转： A链接…

HTML {代码…} 省略css，js是核心，以下为部分核心js代码 {代码…} 上面为radiogroup和radio添加role {代码…} 上为监听器函数 {代码…} aria-checked这个属性不用初始化，可以在焦点改变时修改

碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何让 JavaScript 让代码理解两个独立的“物体”（DOM）碰撞在一起呢。这就涉及到碰撞检测（或者叫边界检测）的问…