- 博客(23)
- 收藏
- 关注
RSS订阅
原创 vue-router 使用 addRoute 给已注册的路由动态添加子路由
如何用addRoute实现子路由动态添加？前几天遇见过这个问题，记录一下我的解决方案。 routers=[{ path: "/", name: "layout", component: layout, meta: { }, children: [ { path: "/door",
2021-10-23 19:18:29
11374
5
原创 vue源码阅读解析（超详细、监听数组变化、Watch监听的实现、computed实现、nextTick原理）
文章目录源码目录1. new Vue初始化流程2. 双向数据绑定原理解析3. 监听数组变化4. Watch监听的实现5. computed实现6. nextTick原理7. Vue.extend原理前言：使用 vue 也有一段时间了，前段时间看了看 vue 的源码，很多小伙伴看到vue几万行的源码都是望而止步了，当时看源码看得也很费劲，下面分享一下我对vue源码的一些理解和感触。源码目录下面会把部分不是很重要的代码进行简化，方便大家观看1. new Vue初始化流程新建一个 html 文件引入v
2021-10-10 19:14:37
1098
1
原创 webpack5 静态资源管理 devServer static使用和copy-webpack-plugin区别
webpack5 静态资源管理 devServer static使用和copy-webpack-plugin区别
2022-10-22 22:42:05
2416
原创 单点登录（SSO）实现
单点登录（SSO）实现1. 说明单点登录（Single Sign On），简称为 SSO，是目前比较流行的企业业务整合的解决方案之一SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统SSO 一般都需要一个独立的认证中心（passport），子系统的登录均得通过passport，子系统本身将不参与登录操作当一个系统成功登录以后，passport将会颁发一个令牌给各个子系统，子系统可以拿着令牌会获取各自的受保护资源，为了减少频繁认证，各个子系统在被passport授权以
2022-04-25 17:42:24
781
原创 前端跨域问题
前端常见问题和技术解决方案1、同源策略浏览器同源策略限制请求同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。限制以下行为Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 Js对象无法获得AJAX 请求不能发送有三个标签是允许跨域加载资源：<img src=XXX><link href=XXX><script src=XXX>2、解决方案1）通过jsonp跨域script
2022-04-25 16:31:53
175
原创 vue 使用 cookie 实现记住密码功能和过期时间
页面结构： <el-form :model="ruleForm" status-icon ref="ruleForm" class="flex-j-center-column-center mt50"> <el-form-item :rules="cxsTest('required | mobile', '手机号不能为空')" prop="username" class="mb50 h60"> <el-input prefix-icon="el-icon
2021-10-29 21:59:38
908
原创 vue-srr 实现原理内附完整代码（ vuex、vue-router、syncData )
vue-ssr demo 链接 https://github.com/zenghao1998/vue-ssr/tree/mainVue SSR什么是 SSR服务端渲染：凡是是从服务器返回的html页面，均算作是服务端渲染，包括php，jsp,nodejs，SSR 的优点更好的 SEO更快的内容到达时间为什么使用 SSR在传统 vue 单页面应用中，页面的渲染都是由 js 完成，在服务端返回的html文件中，body中只有一个div标签和一个script标签，页面其余的dom结构都
2021-10-20 14:22:14
569
原创 利用TravisCI持续集成自动测试GitHub项目
2021年6月15日后，使用travis ci做持续测试1. 什么是持续集成？Travis CI 提供的是持续集成服务（Continuous Integration，简称 CI）。它绑定 Github上面的项目，只要有新的代码，就会自动抓取。然后，提供一个运行环境，执行测试，完成构建，还能部署到服务器。持续集成的好处在于，每次代码的小幅变更，就能看到运行结果，从而不断累积小的变更，而不是在开发周期结束时，一下子合并一大块代码。2. 准备工作Travis CI 只支持 Github，不
2021-10-07 20:16:18
316
原创 使用Karma+Mocha做button组件单元测试
使用Karma+Mocha做button组件单元测试1. Karma 是一个测试运行器，它可以呼气浏览器，记载测试脚本，然后运行测试用例。2. Mocha 是一个单元测试框架/库，它可以用来写测试用例，提供describe和it函数。3. Sinon 是一个spy / stub / mock 库，用以辅助测试，用于代理一个函数。4. chai 这个玩意儿就是对你写的代码进行一个单元测试，能够使开发人员尽早的发现代码中的 bug。步骤1. 安装各种工具。npm i karma karma-chr
2021-10-07 01:15:06
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人