随笔分类 - JavaScript
摘要：前言 如何做一个vuejs UI 组件库？最近也是手痒没事找事做，然后就突发奇想照着葫芦画瓢模仿（站在巨人的肩膀上抄），自己也来总结并记录一下这个构建的过程 前提 你至少得用会 vue 简单的封装过一些组件 会吹牛 会给我点个赞 好了就这四点，足矣 创建一个vue的项目 如果你觉得 vue-cli
阅读全文
摘要：前言 因为自己最近在搭建一个自己的博客，需要有个评论功能，又不想自己建数据库，还想用第三方登录，仔细斟酌一番后，决定使用 gitalk [0] ，用完之后是真香，所以来给大家安利一波~ 大概长这样👇 gitalk 特点 ✅ GitHub 登录 ✅ 无需数据库 ✅ 无干扰模式（设置 distract
阅读全文
摘要：目录 前言 为什么要优化 从哪里开始下手 现在开始 1.代码压缩 2.删除一些废弃的页面 3.使用 cdn 优化 4.修改路由引入方式 结果 前言 “这页面加载也太慢了！”，一个宁静的下午就此打破，在老板和 PM 的 威逼利诱之下 ，我开始了对这个祖传(shi)山项目进行了优化，因为这个项目传到我手
阅读全文
摘要：目录结构 轮子篇 browser mindmap nprogress vConsole VScode 篇 DIY 代码片段 Image Preview 工具篇 markdown-nice excalidraw GitHub Readme Stats gh-pages 轮子篇 1.browser St
阅读全文
摘要：目录结构 说在前面 关于虚拟DOM 业内大牛如何看待 svelte 关于UI svelte 与其他框架 开始打包 对比大小 性能考核 对比性能 使用svelte 模板 下载依赖 启动项目 打开页面 安装ui 简单了解语法 绑定数据 条件渲染 循环渲染 事件绑定 组件 传值 动画 生命周期 案例 注解
阅读全文
摘要：目录 1.v-for 循环对象 2.动态事件 3.“双向绑定” .sync 4.获取原始DOM事件 5.小型状态管理仓库 6.构造器 Vue.extend 1.v-for 循环对象 有时候我们接口所返回数据的是一个对象，但是如果属性太多了，且是一个list，咱们不能一个一个写吧 像这样 <p>{{o
阅读全文
摘要：前言 在这个之前我们需要了解render是什么？ 可以去之前的文章里面看看 《 搞懂vue-render函数（入门篇）》 废话不多说，快快快 上车！！！ 定义一个对象 先定义一个数据对象来作为我们的数据 let data = { tag:"h2", props:{}, children:"严老湿"}
阅读全文
摘要：手写 Vue3 数据双向绑定 理解Proxy 前言 vue3的 Proxy 最近貌似各大网红公众号都有发，我也来蹭蹭热度写一篇吧！我们也可以结合vue2来看看vue3到底发生了些什么变化。 目录结构 Proxy是什么？ 简单用法 尝试案例 proxy - target 参数 Proxy - hand
阅读全文
摘要：render 函数，大部分工老油条，应该是比较了解了，但是可能有些初出茅庐的小年轻们，不是很了解，并且严老湿也去网上查阅了一些相关的文章，总结了一下，不够系统，所以今天简单聊一下，循环渐进 render 函数是什么 平常我们写 <template> 里面所使用模板HTML语法组建页面的，其实在
阅读全文
摘要：前言 “ 地图也是很常见的一些需求了，今天老严带大家使用一个简单的地图 目录结构 准备工作 1.创建脚手架 2.安装地图 3.在main中引入 4.简单使用百度地图 5.地图缩放 6.自定义地图样式 7.地图标注 准备工作 注册百度地图并且创建 ak 先进入 http://lbsyun.baidu.
阅读全文
摘要：前言 最近可视化浪潮越发凶猛 但是有些小伙伴们就慌了，觉得自己不是很懂，或者说对里面的参数不是很清楚，所以也就印象也就很模糊 那么今天严老湿就带大家好好梳理梳理思路，顺便也带大家写几个Demo 首先得认识Echarts Echarts 商业级数据图表，它是一个纯JavaScript的图标库，兼容
阅读全文
摘要：最近公司项目（Vue + Element ）需求有用到 tree ，所以呢我去网上找了很多插件，都不是很符合我的要求。最后在GitHub上面找到了一款插件是 iview 的组织结构树 vue-org-tree ,但是由于文档不是特别易懂，自己踩了很多坑。不过定制性特别高，基本上会用到的方法都有了。所以今天来给大家讲解下。
阅读全文
摘要：雾灯似归音，风也寻音讯。、 >>>> 前言 最近发布了了两个简单一点的npm包，供大家使用，娱乐娱乐； 一个是tool-funjs，另外一个是request-funjs >>>> tool-funjs tool-funjs 是工作总结的一些工具函数，目前只暴露了一部分（20个，都是一些常用的函数），
阅读全文
摘要：
本地服务器热更新 插件 live-server 超级好用 强烈种草一波 无需安装到项目中
阅读全文
本地服务器热更新 插件 live-server 超级好用 强烈种草一波 无需安装到项目中
阅读全文
摘要：也算是踩到坑了，但不是我踩到的，不过还是得说下这个问题，很严重，对于小白和初学者是比较有帮助的，如果使用到路由传参，请选择你想要的传参方式params或者query 1.query 2.params 1.用法 query要用path来引入，params要用name来引入，接收参数都是类似的，分别是t
阅读全文
摘要：倒计时组件，比较复杂一点，大神勿调侃，精确到毫秒，因为项目中多次出现倒计时，所以拿出来分享下 使用方法：1.在父组件中引入"uni-countdown" //import uniCountdown from "./uni-countdown"; 2.在父组件中注册 uniCountdown //co
阅读全文
摘要：使用方法：1.在父组件中引入"toast.vue" //import toast from "./toast"; 2.在父组件中注册 toast //components:{toast}, 3.放在父组件中使用//<toast ref="toast"></toast> 4.调用toast组件//th
阅读全文
摘要：使用方法： 1.在父组件中引入"box.vue" //import popUpBox from "./box.vue"; 2.在父组件中注册 popUpBox //components:{popUpBox}, 3.放在父组件中使用 //<popUpBox></popUpBox> 4.调用popUpB
阅读全文
摘要：一、浏览器如何渲染网页 要了解浏览器渲染页面的过程，首先得知道一个名词——关键路径渲染。关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户在浏览器中打开一个页面，其中页面所显示的东西就是当前用户操作相关的内容，也就是浏览器从服务器那收到的HTML,C
阅读全文
摘要：面向对象其实对于初学者来说还是比较难以理解的，以前看到一个面试题目 面向对象是什么？ 面向对象是一种思想，千万别入坑了； 这次给大家带来的是一个鼠标移动产生小球的案例，不是我不想给大家分享如何去认识面向对象，因为我觉得，做案例比什么画图理解，或者是字面意思更好理解一点； 那么来吧宝贝； 先上点简单的
阅读全文
浙公网安备 33010602011771号