明皈依的博客

CSS 专业技巧 一个帮你提升 CSS 技巧的收藏集。 对于其他收藏集合可以查看 @sindresorhus 创建的收藏集合 Awesome Lists. github地址：https://github.com/AllThingsSmitty/css-protips 目录 专业技巧 支持情况 贡献准则 专业技巧 使用CSS复位 继承 box-sizing 使用unset而不是重置所有属性 使用 :not() 选择器来决定表单是否显示边框 檢查字體是否在本地安裝 为 body 元素添加行高 为表单

使用koa结合mock，主要提供给前端开发人员的模拟数据测试，必要的时候，也可以用于代理转发、和基于Koa开发新的系统

使用canvas绘制圆环进度条 技术要求 需要一点点数学基础 需要对 canvas 的常见的方法熟悉 一点点数学基础 已知圆心，半径，角度，求圆上的点坐标 canvas 常见的方法 菜鸟教程 扬帆起航 首先创建一个canvas ，并将这个dom添加在html中 方法名称：createCanvas // 需要申明两个全局变量 let isIconLoadSuccess = false; let iconLoading = null; // 以下是一个方法 const canvas = docum

基础 computed 和 watch computed 和 watch 的区别 computed 有缓存，data 不变则不会重新计算 watch 监听引用类型，拿不到 oldVal watch 如何深度监听？ <template> <div> <p>{{ message }}</p> </div> </template> <script> export default{ dat

浅谈Vue2和Vue3的数据响应 一、数据响应是什么？ “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 二、Vue2中如何实现的呢？ 在Vue2中使用的是Object.defineProperty实现的数据劫持响应。 /** * 使用 Object.defineProperty 测试响应式 */ (function () { const data = { name: "admin", ag

浅谈Vue的生命周期（一） 在谈vue的生命周期之前，你能正视以下几个问题吗？ vue3来了，vue2会被淘汰吗？ vue3的生命周期和vue2有那些不一样呢？ 我们先来看看vue2和vue3生命周期的对比图 上面的图片很形象的阐述了 Vue 的基本生命周期了。 如果上述的图片不够清晰，请小伙伴们异步到这里查看vue2和vue3基本生命周期对比图 如果对上面的Vue生命周期了解的小伙伴，此时此刻，有几个问题，你看看是否能回答出来？ 面试问题（待完善） 假设现在我们有A、B两个页面，均无缓存的、配置