12 2020 档案
CommonJS 规范 与 ES6 规范
摘要：CommonJS规范即AMD：require, exports，module.exports ES6: export / import 遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调
阅读全文
大文件分片上传，断点续传，秒传
摘要：前段时间做视频上传业务，通过网页上传视频到服务器。 视频大小 小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃； 解决方案： 1，修改服务端上传的限制配置；Ngi
阅读全文
dhtmlx-gantt相关配置
摘要：一：搜索功能 上次文章里面没有写，这次提一下吧，其实dhtmlxGantt甘特图里面自带搜索功能的如图所示 下面是代码展示：第一部分里面是设置列的，这里只显示需要的列，只需要按照如下添加一个标签，就可展示搜索框，主要实现功能是下面的搜索任务那部分，可直接用 gantt.config.columns
阅读全文
babel编译
摘要：Babel的目的就是让你可以使用最新的标准来开发,然后把兼容的问题交给它来完成.比如我如何在使用ES6的语法写完之后将其转换为ES5满足通用性呢? 先用这个最常用的Babel的用法来引入吧. 一、首先在项目中新建一个package.json文件,也可以使用 npm init 自动生成. 这里简单提一
阅读全文
input placeholder属性 样式修改(颜色,大小,位置)
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 8 input::-webkit-input-placeholder { 9 /* placeholder颜色 */
阅读全文
VUE + TS
摘要：安装: npm i -S vue-property-decorator 提示: I: 首先安装上面两个模块II: 使用相应的模块,引入对应的模块** 01: @Prop 属性传递 ** ** // 使用: <h4> {{propA}} | {{propB}} | {{propC}}</h4>** @
阅读全文
html2jspdf文档
摘要：jsPDF https://github.com/eKoopmans/html2pdf.js#options https://github.com/eKoopmans/html2pdf.js#options https://html2canvas.hertzen.com/configuration
阅读全文
监听localstorage
摘要：以vue.js为例： 主要是用到 storage_event 来实现 创建方法 在main中给 Vue.protorype 注册一个全局方法，然后创建一个 StorageEvent 方法，当我在执行sessionStorage.setItem(k, val) 的时候，初始化事件 并 dispatch
阅读全文
vue插件 webpack打包 style中的element样式没有打包进去
摘要：vue插件 webpack打包 style中的element样式没有打包进去
阅读全文
css-loader导致vue中样式失效
摘要：module.exports = { ... css: { ... esModule: false } ... } 问题描述 vue文件中的样式失效 环境 vue-cli 4.4.6 css-loader 4.2.1 vue-style-loader 4.1.2 原因 vue-cli 4.4.6 v
阅读全文
vue-cli 中执行的 vue-cli-service源码中执行了webpack什么
摘要：最近又整回vue去了，不说了，还是脚手架先整吧。假设你已经通过vue create vue-base有了vue-base 项目 然后我看到 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build",
阅读全文
webpack vue-clii-service vite create-react-app umi对比
摘要：webpack vue-clii-service vite create-react-app umi对比
阅读全文
react使用antd数据改变视图没更新原因
摘要：antd中被设置了 name 属性的 Form.Item 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管，这会导致以下结果： 你不再需要也不应该用 onChange 来
阅读全文
npx
摘要：npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。 举例：使用create-react-app创建一个react项目。 老方法： npm install -g create-react-app create-react-app my-ap
阅读全文
Webpack原理—编写Loader和Plugin
摘要：编写 Loader Loader就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。 以处理SCSS文件为例： SCSS源代码会先交给sass-loader把SCSS转换成CSS； 把sass-loader输出的CSS交给css-loader处理，找出CS
阅读全文
webpack优化系列-多进程打包thread-loader
摘要：项目变的庞大，文件很多的情况下，采取多进程打包 如果小项目，文件不多，无需开启多进程打包，反而会变慢，因为开启进程是需要花费时间的 多进程打包： 1 安装 thread-loadernpm i thread-loader -D 配置如下： module.exports = { entry: './s
阅读全文
git pre-commit hook failed 解决办法
摘要：一、 git commit -m 'xxx' 出现问题 今天在上传项目的时候在commit阶段遇到一个问题,无论是在Sourcetree上传还是用命令git commit -m 'xxx'都报了一下错误: husky > npm run -s precommit (node v8.12.0) hus
阅读全文
lint-staged 教程
摘要：lint-staged 是一个在git暂存文件上运行linters的工具，当然如果你觉得每次修改一个文件就给所有文件执行一次lint检查不恶心的话，这个工具对你来说就没有什么意义了，请直接关闭即可。 npx mrm lint-staged 它将根据package.json依赖项中的代码质量工具来安装
阅读全文
使用 ESlint、lint-staged 半自动提升项目代码质量
摘要：最近在项目部署了ESlint还有一些配套的工具，比如 prettier husky lint-staged，有些心得写出来分享下。 依据本篇可以实现在git commit之时，重新格式化代码，同时进行代码检查预防一些低级错误。最终期待项目中的开发人员提交到线上的代码符合代码规范、风格统一，看起来像是
阅读全文
用webpack将多个scss文件打包成一个css文件
摘要：初始化项目 新建一个文件夹，然后执行命令 npm init -y npm install webpack webpack-cli -D 编写scss文件 新建一个src文件夹，然后将scss文件全部放在里面 以下是我的目录结构 node_modules/ src/ bg/ bg.scss borde
阅读全文
js连按键盘事件
摘要：let ot = 0; document.onkeydown = (e) => { let nt = new Date().getTime(); let ct = nt - ot; if (ct > 0 && ct < 600) { console.log(“连按了” + e.keyCode); }
阅读全文
vscode快捷键
摘要：1. 折叠所有区域代码的快捷键：ctrl+k, ctrl+0; 先按下ctrl和K，再按下ctrl和0; (注意这个是零，不是欧) 2. 展开所有折叠区域代码的快捷键：ctrl +k, ctrl+J; 先按下ctrl和K，再按下ctrl和J 3. 自动格式化代码的快捷键：ctrl+k, ctrl+f
阅读全文
vim 操作命令大全
摘要：1. 关于Vim vim是我最喜欢的编辑器，也是Linux下第二强大的编辑器。 虽然emacs是公认的世界第一，我认为使用emacs并没有使用vi进行编辑来得高效。 如果是初学vi，运行一下vimtutor是个聪明的决定。 （如果你的系统环境不是中文，而你想使用中文的vimtutor，就运行vimt
阅读全文
MAC下访问github速度慢或者无法访问的解决办法
摘要：sudo vim /etc/hosts 一般联通宽带出现这样的情况比较多，命令行访问github网速基本在2kb/s左右。拉个项目都成问题。 最后百度解决了问题，记录一下。 打开终端，编辑hosts文件 添加以下内容 # Github 151.101.185.194 github.global.ss
阅读全文
vue文件里面使用lang="scss"报错
摘要：vue文件里面使用lang="scss"，各种报错， 解决方法是：肯定要安装sass-loader和node-sass 1 npm install sass-loader node-sass --save-dev 结果还是老是报错：TypeError [ERR_INVALID_ARG_TYPE]:
阅读全文
js判断页面是否长时间未操作
摘要：const waitOperate = (callback, second) => { let count = 0; let x; let y; let timer; //监听鼠标 document.onmousemove = function (event) { const x1 = event.
阅读全文
vue插件开发
摘要：1.项目架构目录： 这里采用的是vue-cli 脚手架，版本是2.**，vue-cli 3.0 已经出来有一段了。今天暂不用3.0 的，回头会详细说上3.0的打包使用。项目目录如下： 这个项目结构直接用 vue init webapck vue-upload ,脚手架生的模版，大架构我基本没动，添加
阅读全文
