笨小孩

摘要：这种要实时监听.getBoundingClientRect().top <div></div> 1. 获取可视区域高度 height = document.body.offsetHeight 2. 获取元素距离浏览器 body 的 top border的距离 distanceBodyAbove = 阅读全文

摘要：设置编码方式，不合适的编码方式可能导致乱码，一般都是用utf-8 <meta charset="utf-8"> 设置关键字，为搜索引擎提供关键字，方便被搜索到 <meta name="keywords" content="手表,购物,手机,服装" > 添加对网页的描述 <meta name="des 阅读全文

摘要：##防抖 防抖是，用户频繁触发事件（如：oninput/onscroll），但是只要最后一次，等用户输入完 / 滚完，就只执行最后一次 初稿 let timer = null input.oninput = function() { if(timer !== null) { clearTimeout 阅读全文

摘要：将文件同时从工作区，暂存区，分支上删除 git rm -f file_name git add . git commit -m "xxx" 只从工作区，分支上删除，任然存在工作区中 git rm -r --cached file_name git add . git commit -m "xxx" 阅读全文

摘要：回到指定版本 git reset --hard 版本号 版本号在这里找，右边那串符号就是版本号（每次commit的时候一定把备注写清楚，版本追溯的时候才能快速准确找到想要的那个版本） 阅读全文

摘要：git config --global user.email "邮箱地址" git config --globale user.name "用户名" 阅读全文

摘要：git是分布式管理 svn是集中式管理 git会一次把所有版本的代码都拉取到本地，即使断网了也可以随意切换版本，svn断网的话就不能随便切 阅读全文

摘要：公理： 箭头函数的this在定义时就确定了，不会再改变 鉴于网上的各种对this的解释我记不住，记住了也常有和实践不符的情况，我自己形成一套找this的方法，可能与理论不符合，但是目前能够解释我实践的结果 我的歪理 箭头函数的 this 是定义该函数的层级 的父层级的this { b { a } } 阅读全文

摘要：main.ts Vue.prototype.$bus = new Vue() xxx.vue import CombinedVueInstance from 'vue' export default class XXX extends Vue { $bus!: CombinedVueInstance 阅读全文

摘要：<section class="layout grid"> <article class="left-center-right"> <div class="left">我是 left</div> <div class="center"> <h1>网格布局解决方案</h1>我是 center </di 阅读全文

摘要：页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement.scrollTop。 页面没有DTD，即没指定DOCTYPE时，使用document.body.scrollTop。 各浏览器下 scrollTop的差异 IE： 对于没有doctype声明的页面，使用 阅读全文

摘要：slice(start, end) 从start到end间的字符，包含start，不包含end，end必须大于start，否则返回空字符 substr(start, count) 从start开始往后选count个，包含start，count > 0否则返沪空字符串 substring(index1 阅读全文

摘要：###文件目录 |-store |-index.ts |modules |-home.ts |-about.ts ###根模块，index.ts import Vue from 'vue' import Vuex from 'vuex' import { IHomeState } from './m 阅读全文

摘要：import { Componenet, Vue } from 'vue-property-decorator' @Component export default class CompnentName extends Vue { } ###@Component 和 下面的类是不相通的，他们都可以在 阅读全文

摘要：module.exports = { mode: 'development', devtool: 'eval', devServer: { static: './dist', hot: true, //就是这个hot，它默认是true打开的，但是好像也没什么效果（暂时没试出来） proxy: { ' 阅读全文

摘要：只能在开发环境下使用 当请求某个地址时，前面的域名都是重复且长，除了包装请求工具之外，还可以通过 devServe 的 proxy 实现 module.exports = { devServer: { static: './dist', proxy: { '/abc': { //当请求任何一个以 / 阅读全文

摘要：首先需要安装 webpack-dev-server npm install -D webpack-dev-server 配置 webpack.config.js 和 package.json webpack: module.exports = { devServer: { static: './di 阅读全文

摘要：当我再 sub.js 里写了错误代码 明明错误再第8行，报错却说在第11行 因为这是打包后文件的错误位置，但这不利于我们修改错误，故需要也能够射出错误在源代码中的位置 在这里配置：devtool 阅读全文

摘要：当直接 webpack 打包的时候，所打包的 css 都是全局通用的，但这可能不是我们想要的。故需要 css 模块化 avator.scss body { .avator { width: 300px; height: 300px; transform: translateX(100px); } } 阅读全文

摘要：###作用：在写 css 时，不需要再一些属性钱加上 -webkit-，-moz 等浏览器标识，可以通过 postcss 在 webpack 打包时自动加上 可以在webpack的loader里看postcss-loader的使用方法 点击查看原文： 来到这里，按指示往下配置 / 下载 在 webp 阅读全文

摘要：const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const { CleanWebpackPlugin } = require('clean-webpack-plugin') m 阅读全文

摘要：当需要打包图片的时候 npm i file-loader 或者 url-loader 区别： url-loader 更高级，可以更具图片的大小，选择打包的方式（转化成base64存在js里 / 转换成 url 通过网络请求获取） 当图片较小如1-2kb时放在js里可以减少请求次数，但图片过大时，转换 阅读全文

摘要：npm i html-webpack-plugin const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') //引入 module.exports = { entry: { main: 阅读全文

摘要：const path = require('path') module.exports = { entry: { //此处从两个入口进入，打包产生两个文件 main: path.join(__dirname, './src/js/main.js'), sub: path.join(__dirname 阅读全文

摘要：npm i webpack webpack-cli --save-dev ###单个打包文件 默认配置 npx webpack index.js //这就会把 index.js 及其依赖打包到 dist 文件夹下，生成一个同名文件 自定义配置，需要 wepack.config.js，在根目录下创建该 阅读全文

摘要：优先级比extends高 阅读全文

摘要：和env不同，env是声明全局环境的，globals是声明全局变量的，比方说要声明 $ 做全局变量，并声明其是否可修改，还是”只读“ >> //当我声明 $ 符号为true后，就不会报错了，可以修改 $ 符号，为其赋新值 globals: { $: 'writeabls' //等价于true，推荐w 阅读全文

摘要：安装： npm install eslint 初始化： npx eslint --init 此命令后经过若干初始化选择，然后会在根目录生成 .eslintrc.js 配置文件 手动操作的几个常用命令： npx eslint demo.js //对指定文件进行检查 npx eslint demo.js 阅读全文

摘要：这里选择的是standard样式，这是eslint init时可供选择的现成的样式之一，在选择这之后有很多，比方说env里的browser：true就不用我们手动配置，因为standard里面有， 而这整个eslint规范是继承自extends的，故我手动所做的都是在standard的基础上增加的， 阅读全文

摘要：这个配置项 env的优先级 < extends的优先级 即env里配置的只能在extends的基础上添加，如果冲突，以extends为准。 extneds多数情况是用的流行的（现成的）规范，里面不包含jquery，故我在js里直接用 $ 时会报错，但是通过以下配置就不会报错 env: { jquer 阅读全文

摘要：微信小程序超级大坑之40029（invalid code） 在小程序新建的时候就应该输入你正式的AppID，如果使用修改的AppID，则无法使用。 jscode2session会返回{"errcode":40029,"errmsg":"invalid code, hints: [ req_id: m 阅读全文