&&

原创 VueFAQ

目录FAQ资源初始化工程2.x初始化工程3.x创建一个项目拉取 2.x 模板 (旧版本)工程目录ie兼容包webpack打包img定义组件过滤器全局过滤器和加载深度监听/对象以及内部属性的监听改变数组的值常见事件监听原生事件监听路由器简单使用嵌套路由的使用/二级页问题组件定义.vue文件组件注册全局注册局部注册...

原创 docker 发布vue nginx反向代理

DockerfileFROM nginx:1.19.2#nginx:1.19.2# 拷贝配置文件#COPY default.conf /etc/nginx/COPY default2.conf /etc/nginx/conf.d/default.conf# 拷贝静态资源#COPY dist/ /usr/share/nginx/html/COPY . /usr/share/nginx/html/default2.confserver { listen 80;

原创 nestjs dockerfile 发布

FROM node:12.18.1#FROM node:14.11.0RUN mkdir /usr/share/nodeCOPY . /usr/share/nodeWORKDIR /usr/share/nodeENV HOST 0.0.0.0ENV PORT 2999# 开放端口EXPOSE 2999# 容器启动命令CMD ["node","dist/main.js"]

原创 webstorm插件

1、CodeGlance2、Rainbow Brackets5、AceJump6、Key promoter7、Markdown8、Material Theme UI9、TabNine

原创 02 element-ui源码思路 el-notification

用法特殊性，这类组件不需要在父组件‘template’中引用。可以直接调用。this.$notify({ title: '提示', message: '这是一条不会自动关闭的消息', duration: 0 });实现的关键步骤main.js文件//1.main.vue是弹出框的组件import Main from './main.vue';//2.继承得到main.vue的构造器。Vue.extend用法见vue

原创 01 element-ui源码思路 el-button

ssssssssssssssss

原创 前端组件库大合集

0. 前端自动化(Workflow)前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – ...

原创 element-ui 按需引入配置

babel.config.js​​​​​​​module.exports = { presets: [ '@vue/app', [ '@babel/preset-env', { modules: false } ] ], plugins: [ [ 'component', ...

原创 stopPropagation preventDefault

1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向documen上层蔓延，但是默认事件任然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。2.event.preventDefault()方法这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素，此方法可以控制一些按钮在点击时只...

原创 axios+formdata提交数据

1.如何提交数组1.例如数组对象2.分解数组，逐个添加到一个对象中this.followUpVisitArr.forEach((item) => { if (item.visitor_name !== '' && item.base_image !== '') { this.visitor[`visitor_img...

原创 vue-cli打包配置不同的开发和生成环境

新建 .env.development和 .env.production2. .env.development文件内容# just a flagENV = 'development' //开发模式# base apiVUE_APP_BASE_API = '/dev-api' //------------->可以通过process.evn.xxx访问# vue-cli...

原创 label标签

1.for=‘id’属性关联用法<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <i...

转载 scrollTop、offsetHeight和offsetTop等属性用法详解以及兼容性的解决

参考文章：https://www.jianshu.com/p/d267456ebc0dhttps://www.imooc.com/article/17571image.pngimage.pngimage.png详解：1.scrollHeight:所有的内容(包括肉眼看不见、溢出、被窗口遮挡的部分；)2.clientHeight:野内可见的内容和内边距，...

原创 webstorm FAQ

webstorm ctrl+shift+N搜索不到文件File --Invalidate caches/Restart

原创 axios+formdata 上传文件

最近项目要做文件上传，作为萌新表示这种操作有点鸭梨，知之为知之不知百度知，好吧百度说formdata 好那我们就动手了首先照着formdata文档来先new 一个对象let formData = new FormData()formData.append('xxx', 'yyyyy')跑一遍没报错，好像是可以的，但是就是console直接打印是空的，看文档说要这么干：console...

原创 webstorm代码自动格式化

1.安装prettiernpm install --save-dev prettier# or globallynpm install --global prettier2.File watchers--Prettier3.直接确定就行

原创 webstorm 不识别路径别名@

'use strict'const path = require('path')function resolve(dir) { return path.join(__dirname, '.', dir)}module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions:...

原创 eslint检查和自动格式化

1.vscode 搜索、安装插件 prettier2.配置prettier.eslintIntegration 为true，格式化会按eslint规则进行在首选项--设置--找到如下3.eslint开启保存格式化FAQ typescript格式化不自动修复代码题将如下代码修改为：{ "eslint.validate": [ ...

原创 命令行语法字符串

原创 lodash参数解释

原创 一些npm包

nrm是npm仓库管理工具安装：npm install -g nrm切换仓库 : nrmuse taobaoliver server开启目录服务器安装 npm i -g liver-server使用在指定目录运行命令：liver-serverbabelnpm install --save-dev babel-cli创建.babelrc配置...

原创 json schema

allOf 、anyOf 、oneOf理解表示对某一个属性生效 （allOf 、anyOf 、oneOf）里面的规则，不是全部属性对这些规则生效allOfanyOfoneOf

原创 nw.js FAQ

nw双击后，打开指定的工程1.新建nw.exe的快捷方式2.快捷方式--属性--，添加需要打开的工程目录 --nwapp=工程目录nw配置远程url和远程权限nw添加第三方插件：比如vue-devtools...

原创 es6 FAQ

浏览器不支持export importscript的标签必须为type="module"，import的时候带上.js的后缀名浏览器特性检查http://ruanyf.github.io/es-checker/index.cn.html

原创 Web Worker

http://www.ruanyifeng.com/blog/2018/07/web-worker.htmlWeb Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行。在主线程运行的同时，Worker 线程在后台运行，两者互不干扰。等到 Worker 线程完成计算任务，再把结果返回给主线程。这样的好处是，一些计算密集...

原创 弹窗B滑动，禁止下层A scroll滚动

问题：不管如何禁止（event.stopPropagation();event.preventDefault()），阻止默认事件，中断消息传播，都不行。代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name=&quot

原创 vscoder FAQ 和 插件

sass插件scss intellisense提示插件sass代码高亮Easy Sass.scss代码保存转换为csssassvariables helper变量提示typescript插件tslinttypescript importervuetypescriptsnippetsvue插件veturvue vs...

原创 04 Typescript--类

原创 09Typescript类型兼容性

原创 08Typescript类型推论

原创 07Typescript枚举

原创 03 Typescript接口

原创 02 Typescript变量声明与解构

原创 01typescript基础类型

原创 6.9Substitute algorithm（替换算法）

原创 6.8replace method with method object（以 函数对象 取代 函数）

问题： 实例：重构：      

原创 6.7Remove assignments to parameters(移除对参数的赋值)

 实例：重构：            

原创 6.6 Split Temporary Variable(分解临时变量)

  实例   

原创 6.5introduce Explaining Variable(引入解释性变量)

  案例：1.提取basePrice2.提取quantity discount3.提取shipping提取结果：按这种方式，basePrice、quantityDiscount、shipping可以在对象中全局引用      ...

原创 6.4Replac Temp with Query(以查询取代临时变量)

可以这么做实例1.提取basePrice到函数basePrice()2.提取discoutFactor为 函数discoutFactor()