- 博客(23)
- 收藏
- 关注
RSS订阅原创 Electron + antdesignPro + electron-builder 开发及打包
之前用的electron-package 打包比较麻烦还通过 nsis 打出的安装包，配置图标。这一版用的 electron-builder。
2023-08-22 14:06:42
298
原创 文档碎片对象的角度看 减少对 dom 的操作
文档碎片对象的角度看 减少对 dom 的操作减少dom操作通常我们总是在使用各种 前端框架时， 会说减少dom操作；尽可能多的使用前端框架所带的方法去操作元素，为什么要减少dom操作？我们平时每次对dom的操作都会触发"重排"（重新渲染界面，发生重绘或回流），这严重影响到能耗，一般通常采取的做法是尽可能的减少 dom操作来减少"重排"，怎样减少dom操作？文档碎片 可以帮我们；** 什么是文档碎片？**文档碎片： document.createDocumentFragment
2022-03-03 13:56:10
256
原创 js - 根据输入内容自动切换输入框
js - 根据输入内容自动切换输入框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-12-09 17:11:46
469
原创 uniapp 代码和打包优化
uniapp 代码和打包优化uniapp 代码和打包优化1. 代码优化1.1 代码书写规范性1.2 组件或插件按需引入2. 打包优化uniapp 代码和打包优化uniapp 打包，优化思路：1. 代码优化1.1 代码书写规范性这里主要是书写代码的规范， 避免不必要的备注，console等；这里推荐可以使用 uniapp 插件市场的 eslint-js点击 工具 --> 插件安装 --> eslint-js --> 配置这里具体配置依个人而定： 主要是换行，多余空格，分号，
2020-10-14 09:33:25
3746
2
原创 批处理 bat 文件的 并发和顺序执行
批处理1：单命令的批处理2: 多命令的批处理2.1 方法1（多个bat文件依次点击运行）；2.2 方法2(并发)；2.3 方法3（按顺序执行）；1：单命令的批处理:: 跳转文件夹cd /d D:\a\b:: 2： 运行的命令npm start:: 创建 bat 文件；名称自定义；将上述四行 存放入 bat文件内2: 多命令的批处理方法1: 可以写多个 bat文件；方法2：一个 bat 文件内 写多个 运行命令； 同步执行；；方法3：一个 bat 文件内 写多个 运行命
2020-09-14 13:37:58
21817
1
原创 JS 深入学习1.2 prompt
二级标题JS 深入学习1.2prompt显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字语法result = window.prompt(text, value);result 用来存储用户输入文字的字符串，或者是 null。text 用来提示用户输入文字的字符串，如果没有任何提示内容，该参数可以省略不写。value 文本输入框中的默认值，该参数也可以省略不写。不过在 Internet Explorer 7 和 8 中，省略该参数会导致输入框中显示默认值"undefined"。
2020-06-29 10:20:55
184
原创 JS深入学习1.1 let 与 var 区别
JS深入学习1.1let 与 var 区别var 有变量的提升； let 无var 可以重新声明。let 不可以 （reason: 没有理由重新声明变量）let 具有块级作用于特性； 使用在 for循环中可以避免 i++ 的异步问题链接: link....
2020-06-29 10:05:18
75
原创 nginx + compression-webpack-plugin 实现打包压缩
nginx + compression-webpack-plugin 实现打包压缩**前端：安装 ： npm i compression-webpack-pluginvue.config.js 配置 const CompressionWebpackPlugin = require("compression-webpack-plugin");const productionGzipEx...
2020-03-25 13:32:16
603
转载 打包分析工具 webpack-bundle-analyzer
打包分析工具 webpack-bundle-analyzer安装npm install webpack-bundle-analyzer --save-devvue.config.js配置module.exports = { chainWebpack: config => { config .plugin('webpack-bu...
2020-03-25 13:09:46
202
原创 excel @d2-projects/vue-table-export
@d2-projects/vue-table-exportexcel 导出工具安装： npm i @d2-projects/vue-table-export --save引入 ： import excel from '@d2-projects/vue-table-export';挂在： Vue.use(excel )使用： this.$export.excel({ ...
2020-01-17 19:47:18
2103
原创 node定时 任务 node-schedule
node-schedule 定时任务npm install node-schedule --saveconst schedule = require('node-schedule');const scheduleCronstyle = ()=>{ //每分钟的第30秒定时执行一次: schedule.scheduleJob('30 * * * * *',()=&g...
2020-01-17 19:35:50
477
原创 node express vue前后端小项目带导出功能-过程记录
项目结构后端： nodejs + express前端： vue ， vue-cli数据库： 无 ，暂时使用json文件，只是用来暂时用来显示,实际数据来自钉钉后台导出功能： 使用的是 @d2-projects/vue-table-exportfs文件读写 文件读写会遇到同步异步读写问题；定时同步数据 使用node-schedule麻烦点： 数据的同步请求和异步下面是基础...
2020-01-17 19:20:03
330
原创 正则表达式基本使用
正则表达式基本使用1.正则表达式基本语法两个特殊的符号’^‘和’$’。他们的作用是分别指出一个字符串的开始和结束。例子如下：“^The”：表示所有以"The"开始的字符串（“There”，"The cat"等）；“of despair”：表示开始和结尾都是"abc"的字符串——呵呵，只有"abc"自己了；“notice”：表示任何包含"notice"的字符串。最后那个例子，如果你不使用...
2020-01-06 10:37:21
1345
转载 Vuex 状态管理，简单理解
Vuex 状态管理，简单理解如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，那么接下来我们就来学习一下vuex是如何修改状态值的：我们新建一个vue项目（这里由于我们是讲解vuex，所以对于vue项目的创建我们不会讲解太详细）；在命令行输入 vue init w...
2019-12-31 13:33:58
168
原创 Vue watch handle
Vue watch handle 方法 监听$routewatch 监听路由对象 $route // 监听路由 watch:{ '$route': { handler ({ fullPath }) { // $route对象内部的fullPath this.active = fullPath this.$nextTick(() =>...
2019-12-30 19:56:34
1476
原创 Vue-route 的 beforeEach 实现导航守卫
vue-route 的 beforeEach 实现导航守卫vue-route beforeEach 可以做一些路由进入前的验证 // 全局路由const vueRouter = new Router({ routes: [ //...... { path: '/account', name: 'account...
2019-12-30 19:39:20
141
原创 JS obj 使用 {a}取key a变量
JS obj 内部的值简单引用let a = {a: 1}let aa = {a:11}let b = function ({a}) {console.log(a)}b(a)1b(aa)11
2019-12-30 16:19:07
750
转载 Vue this.$nextTick
Vue this.$nextTickVue 中的 nextTick 涉及到 Vue 中 DOM 的异步更新Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM，API 文档中官方示例如下：...
2019-12-30 15:35:32
104
原创 父亲向子组件传值
父亲向子组件传值+ 步骤既然父向子传值，肯定有必备的条件父组件 ===> 1. 调用子组件 2. 注册局部组件， 3. 注册的局部组件用来传值给儿子// 父亲调用儿子的组件import son from './components/son'// 父亲export default { name:'Father', data(){...
2019-09-07 16:31:16
174
原创 About git （简单使用）
About git （简单使用）首先创建新仓库创建新文件夹 ，然后打开执行git init 以此创建新的 git仓库**克隆版本 **git clone https://github.com/用户名/仓库名添加和提交git add实际提交改动git commit -m '提交信心'推送改动git push origin master强...
2019-09-07 16:26:47
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人