- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue老项目性能优化
Vue老项目性能优化1. webpack版本的升级webpack 升级到4.x，性能可以提升60%2. Vue-cli的升级Vue-cli升级到3.0 性能可以提升30%左右3. dll的运用dllPlugin将vue, vuex, vue-route 等打入 vue-bucket.dll.js 内， 然后用DllReferencePlugin在webpack.base.conf.j...
2019-08-21 18:06:35
583
1
原创 Springboot项目与vue项目整合打包
后端：准备工作：安装JDK配置环境变量安装IDEA一. 在IDEA中新建SpringBoot项目点击File -> new -> Project然后选择Spring initializr， 之后选择自己的JDK， 我测试安装的是12.0版本， 一般开发使用的是1.8稳定版选择好相应的JDK之后点击next， 根据个人需求进行相应的修改， 然后next然后选择...
2019-08-18 11:33:19
11247
2
原创 Vue2.0使用Axios实现跨域访问（解决跨域问题）
Axiso实现跨域访问配置BaseUrl在main.js中，配置下我们访问的Url前缀：axios.defaults.baseURL = '/api' // 开发本地代理axios.defaults.headers.post['Contenst-Type'] = 'application/json;'axios.defaults.headers.common['token'] = s...
2019-01-09 14:30:18
7738
2
原创 使用Vue2.0在http请求头中添加token（详解含代码）
使用Vue在http请求头中添加token用到的技术：Vue， Vue-router， axios， Vuex1.在Login.vue中通过发送http请求获取token//根据api接口获取token submitForm (formName) { this.$refs[formName].validate(valid => { if (valid) {...
2019-01-09 11:02:34
27152
3
原创 vue2.0项目搭建步骤
vue项目搭建步骤第一步 node环境安装node的下载地址：https://nodejs.org/en/ （截止到2018/12/28时可用）第二步下载git 并安装git的下载地址https://gitforwindows.org/ （截止到2018/12/28时可用）第三步git 和node 的全局变量配置（这里不做详细的配置说明了可以参考https://ww...
2018-12-28 18:18:29
7635
1
原创 for in 和for of 的区别(js)
同时也可以使用Object.keys() 来获取对象的属性集合（但是Object.keys()不会遍历对象的原型属性）for of 不能遍历对象，可以遍历set map array string等iterable。for in 可以遍历数组和对象， 得到的是对象的属性集合或string类型的数组下标。for in一般会用来遍历对象， 来获取到对象的属性集合。2. 遍历对象的时候可以遍历原型上的属性。1. 得到的数组下标类型是string。3. 遍历的顺序可能不是实际内部的顺序。for of 获得的是值。
2023-12-30 22:15:00
420
1
原创 发布自己的npm包
控制台使用命令, 输入用户名和密码以及邮箱，然后按回车键，查看邮箱的验证码，输入到one-time password 中按回车键。在项目的根目录创建LICENSE 文件，添加内容， 将日期和姓名修改成当前月份和自己的名称。输入相应的信息然后回车就能一步一步进入确认阶段，输入yes之后package.json就会创建成功。如果遇到名称重复的问题，可以修改package.json中的name值，重新publish一下即可。2. 创建并进入文件夹（xxx为自己需要创建的文件夹名称， 需要根据自己的实际情况替换）
2023-12-30 10:00:00
958
原创 git将一个分支的内容强制覆盖到另一个分支(以dev覆盖test为例)
3. 将本地test分支强制提交到远程test分支。2. 将本地test重制到dev 分支。1. 切换到需要被强制覆盖的分支。
2023-12-29 23:30:00
834
原创 js 七种继承方法
缺点： 共享引用类型的值（在A子类修改父类的引用类型值，B子类访问时会受影响）， 会覆盖子类原来的原型（可通过子类.prototype.constructor = 子类来纠正），子类创建实例时无法向父类构造函数穿参。组合继承是常用的经典继承模式，不过，组合继承最大的问题就是无论什么情况下，都会调用两次父类构造函数；本质上，就是使用寄生式继承来继承超类型的原型，然后再将结果指定给子类型的原型。核心: 利用 in 关键字可以遍历到自己和原型上的成员, 把父类实例的所有内容, 遍历一份到子类的原型上。
2023-12-29 23:00:00
596
原创 vue3生命周期函数
注册一个钩子，在组件即将因为响应式状态变更而更新其 DOM 树之前调用。注册一个回调函数，在组件因为响应式状态变更而更新其 DOM 树之后调用。注册一个调试钩子，当组件渲染过程中追踪到响应式依赖时调用。注册一个调试钩子，当响应式依赖的变更触发了组件渲染时调用。注册一个钩子，在捕获了后代组件传递的错误时调用。注册一个回调函数，在组件实例被卸载之后调用。注册一个回调函数，在组件挂载完成后执行。注册一个钩子，在组件实例被卸载之前调用。注册一个钩子，在组件被挂载之前被调用。注册一个回调函数，若组件实例是。
2023-12-29 22:30:00
339
原创 如何预防cookie被盗用
虽然方式1能防止攻击者通过javascript脚本的方式窃取cookie，但是没办法防止攻击者通过fiddler等抓包工具直接截取请求数据包的方式获取cookie信息，这时候设置secure属性就显得很重要，当设置了secure=true时，那么cookie就只能在https协议下装载到请求数据包中，在http协议下就不会发送给服务器端，https比http更加安全，这样就可以防止cookie被加入到http协议请求包暴露给抓包工具啦。
2023-12-29 10:28:59
561
原创 解决docker: Error response from daemon: pull access denied for ..
重启一下docker。
2023-12-29 10:16:21
6145
2
原创 linux服务器安装nodejs
注意： 本文针对的是有linux操作基础， 会使用vim的基本操作的同学。故有些很基础的东西没有赘述，如果是纯小白的同学，看起来可能会感觉缺失一些东西。
2023-06-17 08:14:39
1045
原创 TCP三次握手和TCP四次挥手
MSL是报文的最大结束时间一个是让客户端发送的确认报文能够到达服务器，避免和新的连接报文出现交叉，二是如果服务端在一段时间内没有接收到确认报文就会重新发送一个报文，等待时间就能保证客户端能接收到所有的服务器端发送的报文，防止这个时间段内出现其他报文没有接收到的情况。
2023-06-17 08:10:56
364
原创 手写-js节流（定时器+时间差两种方式）
开始时间startTime我们初始值为0就好, 当第一次执行时, nowTime获取的时间戳是一个非常大的值, 得到的结果waitTime是负值, 所以第一次执行节流函数, 一定会立即执行, 这也符合我们要封装的效果。waitTime = interval - (nowTime - startTime), 当前的时间减去开始的时间得到结果, 再使用间隔时间减去这个结果, 就可以得到等待时间。: 实现节流函数, 我们使用定时器是不方便管理的, 实现节流函数我们采用另一个思路。
2023-06-17 08:09:35
758
原创 手写防抖（含立即执行和取消）
特定时间内多次触发事件，事件处理函数只能执行一次，并且是在触发操作结束时执行。也就是说，当一个事件被触发准备执行事件函数前，会等待一定的时间（这时间是码农自己去定义的，比如 1 秒），如果没有再次被触发，那么就执行，如果被触发了，那就本次作废，重新从新触发的时间开始计算，并再次等待 1 秒，直到能最终执行！2.立即执行防抖函数1（立即执行，规定时间内触发多次防抖函数，只执行第一次和最后一次）3. 立即执行防抖函数2（只执行特定时间内的首次触发）
2023-06-07 18:13:57
451
原创 vscode 自用项目插件推荐（vue3）
1. path-alias: 别名路径提示，需要注意的是需要在自己项目的package.json中添加配置。5. Auto Rename Tag 修改标签名称时，自动修改闭合标签的名称。6. Code Spell Checker 检查单词拼写。8.Parameter Hints 自动参数显示。4. Auto Close Tag 自动闭合标签。7.Image preview 图片预览。需要在设置里选择显示的语言。2.vscode 中文插件。3. git历史查看。
2023-03-15 14:49:52
3475
1
原创 mac crontab 定时部署前端项目，以及crontab中的npm 问题解决
mac crontab 定时部署项目，以及crontab中的npm 问题解决
2022-11-28 16:54:48
452
原创 element-plus 从1.x测试版升级到2.x稳定版
1. 卸载项目里原来的element-plusnpm uninstall element-plus2. 安装最新的element-plusnpm install element-plus --save3. 在vue.config.js的configureWebpack参数中添加配置module: { rules: [ { test: /\.mjs$/, include: /node_modules/, type: "javascrip
2022-03-10 14:08:07
5766
5
原创 GIt常用命令动图展示
一. 合并git merge使用场景： 如果想把dev分支上的代码合并到master上。操作步骤： 切换到master分支，然后输入命令： git merge devGit merge 存在两种合并方式，第一种为fast-merge 即master分支没有代码提交，dev 上的代码merge到master上之后是直接提交和并操作，不会有新的提交生成。第二种： 第一种情况为理想情况，很多时候，当我们的dev分支发生改变的时候，我们的master也有可能会发生其他的更改， 这时候.
2022-01-06 10:32:39
1080
原创 使用vue-cli4生成vue3代码
Vue3 使用心得前提更新Vue-cli脚手架（更新到最新版）卸载Vue-cli2卸载Vue-cli3安装 最新的脚手架前提本文主要是为有 Vue 2 经验的用户希望了解 Vue 3 的新功能和更改而提供的。更新Vue-cli脚手架（更新到最新版）卸载Vue-cli2npm uninstall vue-cli -g;卸载Vue-cli3npm uninstall -g @vue/cli安装 最新的脚手架npm install -g @vue/cli # OR yarn global a
2021-12-10 16:44:32
139
原创 git常用命令
其他人修改了该文件提交到版本库中，而我本地也修改了该文件，致使拉去代码的时候发生冲突解决办法——贮存更改依次进行如下操作git stash 将工作区恢复到上次提交的内容，同时备份本地所做的修git pull origin <branchName> 拉取git stash pop 弹出自己最近保存的内容.........
2021-07-21 09:38:30
142
1
原创 使用Vite搭建vue3.0 + Naive UI 项目
使用Vite搭建vue3.0项目1. 使用NPM安装2. 安装2.1 输入项目名称选择要创建的框架（我们选择Vue）2.2 选择vue-ts 如下图所示2.3 按照指示进入创建的目录结构查看2.4 安装依赖2.5 启动2.6 启动成功3. 安装Naive UI3.1 使用webstrom3.2 安装Naive UI3.3 新建测试文件Test3.4 按需引入3.5 将Test组件使用到首页3.6 查看效果1. 使用NPM安装npm init @vitejs/app效果如下图：2. 安装2.1 输
2021-06-13 01:58:08
5210
5
原创 我常用的代码优化技巧
分享一下项目内code review的过程中总结出的一些前端开发经常容易忽略的地方，这篇仅列出基础的情况。1. 多表达式多 if 判断我们可以在数组中存储多个值，并且可以使用数组include方法。// 长if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //todo}// 短if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //todo}2. 简写 if else
2021-02-04 14:45:05
163
原创 vue-cli4搭建项目
使用Vue-Cli 4.x脚手架项目初步搭建1. 前提：node的版本要在8.11.0+2. 如果之前电脑中安装多其他版本的脚手架需要卸载掉其他的版本， 重新安装4.x版本**npm uninstall -g vue-cli**3. 安装最新版本脚手架npm install -g @vue/cli# ORyarn global add @vue/cli安装后查看脚手架的版本...
2020-02-22 20:58:57
820
原创 scss使用总结
scss使用总结前言less 和 sass 是两种 css 预编译语言，其目的是为了更快、更结构的编写 css 文件，是一种强大的 css 编译语言，都能使用 变量、运算符、判断、方法等等。先有的 sass 后有的 scss， scss 比 sass 写法更严谨scss中的& 代指父类， 其样式的优先级和不用&的优先级一样，.icon { &:hover ...
2020-02-19 15:03:35
764
原创 手动书写一个vue+java +spring Boot的项目
手动书写一个vue + java +spring Boot的项目准备条件：1.1. 安装JDK1.2. 配置JDK的环境变量选择 Spring 然后选择自己的JDK， 我安装的是JDK 12.x， 一般我们实际开发用的1.8稳定版本的点击next 后创建项目会报如图的错误然后新建项目之后启动...
2020-02-19 15:03:03
329
原创 eggJS开发微信公众号
eggjs开发微信公众号搭建eggjs框架$ npm i egg-init -g$ egg-init wechat_public_number_demo --type=simple$ cd wechat_public_number_demo$ npm install$ npm run dev$ open http://127.0.0.1:7001/将eggjs的端口号修改成80端...
2020-02-19 15:02:08
2812
原创 vuecli2升级到vuecli3
vuecli2升级到vuecli31. 卸载老版本vuecli（1.x， 2.x）npm uninstall vue-cli -g或者yarn global remove vue-cli卸载掉之前的老的版本的vuecli2. node安装最新版本的（8.x）3. 安装最新的vueclinpm install -g @vue/cli4. 查看已经安装的版本号vue --ve...
2019-09-26 10:41:48
860
原创 使用脚手架搭建Egg.js 应用
使用脚手架搭建Egg.js 应用准备工作快速初始化准备工作操作系统：支持 macOS，Linux，Windows运行环境：建议选择 LTS 版本，最低要求 8.x。快速初始化推荐直接使用脚手架，只需几条简单指令，即可快速生成项目$ npm init egg --type=simpleproject name 项目名project description 项目描述proj...
2019-08-15 19:44:25
1347
1
react 18代码模版
2024-01-08
jemeter-websocket依赖包.zip
2020-06-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人