摘要: 前言 如何做一个vuejs UI 组件库?最近也是手痒没事找事做,然后就突发奇想照着葫芦画瓢模仿(站在巨人的肩膀上抄),自己也来总结并记录一下这个构建的过程 前提 你至少得用会 vue 简单的封装过一些组件 会吹牛 会给我点个赞 好了就这四点,足矣 创建一个vue的项目 如果你觉得 vue-cli 阅读全文
posted @ 2021-03-31 11:46 疯狂的严先生 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 目录结构 说在前面 关于虚拟DOM 业内大牛如何看待 svelte 关于UI svelte 与其他框架 开始打包 对比大小 性能考核 对比性能 使用svelte 模板 下载依赖 启动项目 打开页面 安装ui 简单了解语法 绑定数据 条件渲染 循环渲染 事件绑定 组件 传值 动画 生命周期 案例 注解 阅读全文
posted @ 2020-12-05 22:10 疯狂的严先生 阅读(823) 评论(0) 推荐(0) 编辑
摘要: 手写 Vue3 数据双向绑定 理解Proxy 前言 vue3的 Proxy 最近貌似各大网红公众号都有发,我也来蹭蹭热度写一篇吧!我们也可以结合vue2来看看vue3到底发生了些什么变化。 目录结构 Proxy是什么? 简单用法 尝试案例 proxy - target 参数 Proxy - hand 阅读全文
posted @ 2020-09-22 17:38 疯狂的严先生 阅读(978) 评论(0) 推荐(1) 编辑
摘要: render 函数,大部分工老油条,应该是比较了解了,但是可能有些初出茅庐的小年轻们,不是很了解,并且严老湿也去网上查阅了一些相关的文章,总结了一下,不够系统,所以今天简单聊一下,循环渐进 render 函数是什么 ​ 平常我们写 <template> 里面所使用模板HTML语法组建页面的,其实在 阅读全文
posted @ 2020-09-07 09:20 疯狂的严先生 阅读(989) 评论(0) 推荐(0) 编辑
摘要: 前言 因为最近自己建站需要添加友链,又不想每次去改静态文件,所以抽出来一个表单,准备给大家填写自己的信息然后提交到后台审核,但是我需要一个邮件来通知大家已经审核通过了,所以我就需要一个发邮件的插件 nodemailer[0] ,当然大佬们已经知道了。因为平时node玩的比较少,所以也在这里记录一下 阅读全文
posted @ 2021-01-27 17:14 疯狂的严先生 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 前言 因为自己最近在搭建一个自己的博客,需要有个评论功能,又不想自己建数据库,还想用第三方登录,仔细斟酌一番后,决定使用 gitalk [0] ,用完之后是真香,所以来给大家安利一波~ 大概长这样👇 gitalk 特点 ✅ GitHub 登录 ✅ 无需数据库 ✅ 无干扰模式(设置 distract 阅读全文
posted @ 2021-01-03 16:30 疯狂的严先生 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 目录 前言 为什么要优化 从哪里开始下手 现在开始 1.代码压缩 2.删除一些废弃的页面 3.使用 cdn 优化 4.修改路由引入方式 结果 前言 “这页面加载也太慢了!”,一个宁静的下午就此打破,在老板和 PM 的 威逼利诱之下 ,我开始了对这个祖传(shi)山项目进行了优化,因为这个项目传到我手 阅读全文
posted @ 2020-12-29 17:39 疯狂的严先生 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 目录结构 轮子篇 browser mindmap nprogress vConsole VScode 篇 DIY 代码片段 Image Preview 工具篇 markdown-nice excalidraw GitHub Readme Stats gh-pages 轮子篇 1.browser St 阅读全文
posted @ 2020-12-22 16:08 疯狂的严先生 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 目录 1.v-for 循环对象 2.动态事件 3.“双向绑定” .sync 4.获取原始DOM事件 5.小型状态管理仓库 6.构造器 Vue.extend 1.v-for 循环对象 有时候我们接口所返回数据的是一个对象,但是如果属性太多了,且是一个list,咱们不能一个一个写吧 像这样 <p>{{o 阅读全文
posted @ 2020-11-02 15:53 疯狂的严先生 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 前言 在这个之前我们需要了解render是什么? 可以去之前的文章里面看看 《 搞懂vue-render函数(入门篇)》 废话不多说,快快快 上车!!! 定义一个对象 先定义一个数据对象来作为我们的数据 let data = { tag:"h2", props:{}, children:"严老湿"} 阅读全文
posted @ 2020-09-28 10:19 疯狂的严先生 阅读(519) 评论(0) 推荐(0) 编辑