11 2020 档案
摘要：git reset --hard commit_id git reset --hard HEAD~100 git reset --hard HEAD^ 背景 在多人协作时，对代码的管理，难免会出现错误。如果出现错误，我们分析下来是要进行一些回退操作，那么解决办法有如下两种：git resetgit
阅读全文
摘要：1.创建本地分支 git branch 分支名，例如：git branch 2.0.1.20120806 注： 2.0.1.20120806是分支名称，可以随便定义。 2.切换本地分支 git checkout 分支名，例如从master切换到分支：git checkout 2.0.1.201208
阅读全文
摘要：github新建一个远程仓库 git init git add . git commit -m "注释语句" 关联到远程仓库 git remote add origin https://github.com/hanhailong/CustomRatingBar git pull origin mas
阅读全文
摘要：webpack对于PWA的打包配置 typescript的打包配置 WebpackDevServer 实现请求转发 webpack-dev-server解决单页面应用路由问题 EsLint 在 Webpack 中的配置
阅读全文
摘要：webpack默认打包之后的代码形式是这样的（假设我导出 module.exports = 'hello world' ） (function () { return 'hello world' })() 注意：代码是一个自执行函数，外界想获取函数里面的返回值怎么办（也就是模块的导出结果 hello
阅读全文
摘要：Tree Shaking Develoment 和 Production 模式的区分打包 方式一：不同模式用不同配置文件打包 1.安装webpack-merge合并多个配置文件 npm install webpack-merge -d 2.webpack-common.js做公共的配置 const
阅读全文
摘要：一、直接下载 针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入URL即可触发浏览器的下载功能。 同类的还有window.location.href、window.open 地址栏输入文件URL window.location.href = URL window.open(URL) 二、直接下
阅读全文
摘要：看完这篇还搞不懂webpack，求你打我 - 简书 (jianshu.com) 1，静态资源打包 file-loader npm install --save-dev file-loader module.exports = { module: { rules: [ { test: /\.(png|
阅读全文
摘要：bulid:项目构建相关代码 config：配置目录，包括端口号等 node_modules:npm加载的依赖模块 src:我们要开发的目录，基本上要做的事情都在这个目录里。里面包括几个目录及文件： assets:放置一些图片 components:组件文件，可以不用 router：配置路由跳转 v
阅读全文
摘要：安装 npm install --save-dev cross-env 使用 { "scripts": { "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js" } } NODE_ENV环境
阅读全文
摘要：一、安装lib-flexible npm i lib-flexible -D 二、在main.js中引入 import 'lib-flexible/flexible' 三、在index.html文件中设置meta标签: <meta name='viewport' content='width=dev
阅读全文
摘要：一、配置 resolve.modules 1，优化原理 （1）webpack 的 resolve.modules 是用来配置模块库（即 node_modules）所在的位置。当 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，它便会到 node_modules 目录下去
阅读全文
摘要：像滚动条的控制样式我们基本知道，看下： ::-webkit-scrollbar // 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar // 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button // 滚动条两端的按钮 ::-webkit-s
阅读全文
摘要：使用场景: 防抖经常用在我们搜索框输入搜索，点击提交，防止等； 而节流一般在onresize、mousemove、滚动事件等事件中使用，防止过多的请求造成服务器压力 原因 节流函数：让一个函数无法在短时间内连续调用，只有当上一次函数执行后，过了规定的时间间隔，才能进行下一次该函数的调用。或者说你在操
阅读全文
摘要：为什么要使用 在编写调试Node.js项目，修改代码后，需要频繁的手动close掉，然后再重新启动，非常繁琐。现在，我们可以使用nodemon这个工具，它的作用是监听代码文件的变动，当代码改变之后，自动重启。 如何使用 nodemon 下载 cnpm install -g nodemon 安装在全局
阅读全文
摘要：1.nrm nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换 2.安装nrm 在命令行执行命令，npm install -g nrm，全局安装nrm。 3.使用 执行命令nrm ls查看可选的源。 nrm ls
阅读全文
摘要：比如 if(!!name) 这个就表示 if(name|| false)。将判断的类型，强转成boolean类型。如果name是null（或者undefine）的话，！name，返回的就是true 。 加了两个叹号后，明确的设置了变量的值，返回的boolean就是根据变量的实际值返回的。（如果是实际
阅读全文
摘要：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html html css 效果如下： 接下来再细聊每个属性的特性。 任何一个容器都能使用flex布局，这里有一个flex-container的概念。ul即为flex-container，li是容
阅读全文
摘要：componentWillReceiveProps 挂载组件第一次不会调用这个组件，即组件将要接收新的props信息调用
阅读全文
摘要：一、router是一个全局路由对象，是new Router的实例，先上console... 从console的结果看起来，在页面上拿到的$router对象正是new VueRouter所创建router对象。 进一步往里看，路由类上的一些方法就是眼熟的beforeEach、push
阅读全文
摘要：配置开发环境 "scripts": { "serve": "vue-cli-service serve --mode development", "serve:test": "vue-cli-service serve --mode test", "serve:pre": "vue-cli-serv
阅读全文
摘要：1.display 和 visibility 属性都是用来设置或检索对象是否及如何显示。 2.使用diplay 隐藏对象时,在文档流中不占空间.后续对象会占据隐藏对象位置。 3.使用 visibility 隐藏对象时,在文档流中会保留隐藏对象所占用的空间。 4.overflow 主要用来检索或设置当
阅读全文
摘要：├─ src //主文件 │ ├─ api //接口文件夹 | | |- config.js //后端接口地址的配置,将测试、开发、生产环境分开 | | └─ user.js //接口文件，配置了token请求头，具体接口根据需求修改 │ ├─ assets //资源文件 │ ├─ componen
阅读全文
摘要：<div class="left-content-table"> <el-table :data="resourceData" style="width: 100%" :header-cell-style="tableHeader"> <el-table-column label="资源"> <te
阅读全文
摘要：子传父 vue子传父使用$emit传值 子组件： <template> <div> <button @click="toParent">点击传到父级</button> </div> </template> <script> export default { name: 'child', method
阅读全文
摘要：Git push 在使用git commit命令将修改从暂存区提交到本地版本库后，只剩下最后一步将本地版本库的分支推送到远程服务器上对应的分支了，如果不清楚版本库的构成，可以查看我的另一篇，git 仓库的基本结构。 git push的一般形式为 git push <远程主机名> <本地分支名> <远
阅读全文
