05 2021 档案
摘要：图片转base64-在线工具 <!Doctype html> <html> <head> <meta charset="utf-8" /> <title>html5 image to base64</title> </head> <body> <script type="text/javascrip
阅读全文
摘要：为什么要用this： function identify() { console.log("Hello,I'm " + this.name); } let me = { name: "Kyle" }; let you = { name: "Reader" }; identify.call(me);
阅读全文
摘要：基本用法 比如模块A 向外部提供变量a1和函数fn供其他模块调用，那么我们在模块B中调用a1和fn。 //A.js var a1=111 function fn(){ } export {a1,fn} //在文件的底部统一导出，即使有时候导出的变量只有一个也这样写 那么在B.js中调用的形式就是这样
阅读全文
摘要：BUG MetaMask 遇到了一个错误 Try again by reloading the page, or contact support 这里. 错误详情 信息：Incorrect locale information provided 代码：RangeError 栈： RangeError
阅读全文
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch
阅读全文
摘要：给项目增加gzip打包 yarn add compression-webpack-plugin -D（默认安装的是7以上的最新版本） 修改vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugi
阅读全文
摘要：1. 元素偏移量 offset 系列 1.1 offset 概述 offset — 偏移量， 使用 offset 系列相关属性可动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置；获得元素自身的大小（宽度高度）。注： 返回的数值都不带单位 offset 系列常用属性： off
阅读全文
摘要：offset offset 即偏移量，使用 offset 系列相关属性可以 动态的 获取该元素的位置（偏移）、大小等，如： 元素距离带有定位父元素的位置 获取元素自身的大小（宽度高度） 注：返回的数值不带单位 offset 系列常用的属性包括： element.offsetParent 返回作为该元
阅读全文
摘要：弹出层时，蒙版下还可以滚动页面 移动端 在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.prevent></div> PC端 弹层显示时调用 stopMove()停止页面滚动 ，弹层消失时调用 Move()开启页面滚动 //
阅读全文
摘要：Java SE Development Kit 8 Downloads 选择合适电脑系统的版本进行下载安装-【可能需要登录后才能下载】 右键开始菜单 jdk安装位置 设置环境变量 添加 jdk根目录JAVA_HOMED:\ProgramFiles\java\JDK1.8 添加 libClassPat
阅读全文
摘要：white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本又最让人迷惑的三个属性了，我也是用了n次都经常搞混，必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 在线测试代码 html代码： <div id="box"> Hi &n
阅读全文
摘要：1、使用css实现鼠标滑动切换图片效果 <ul class="ullist"> <li class="img1"> <img src="../assets/image/icon/ic1.png" alt="" /> </li> <li class="img2"> <img src="../asset
阅读全文
摘要：BigNumber.js-文档 特征 整数和小数简单的API，但功能齐全比Java的BigDecimal的JavaScript版本更快，更小，甚至更容易使用缩小并压缩8 KB复制toExponential，toFixed，toPrecision和toStringJavaScript的数字类型的方法包
阅读全文
摘要：指数运算符（**） console.log(2 ** 2); // 4 console.log(3 ** 2); // 9 console.log('3' ** '2'); // 9 console.log((() => { let x = 2; let y = 3; x **= y; return
阅读全文
摘要：mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。对应的移除事件是mouseout mouseenter:当鼠标移除元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡，对应的移除事件是mouseleave 异同体现在两个方面： 1. 是否支持冒泡 2.事件
阅读全文
摘要：call,apply,bind的基本介绍 语法： fun.call(thisArg, param1, param2, ...) fun.apply(thisArg, [param1,param2,...]) fun.bind(thisArg, param1, param2, ...) 返回值： ca
阅读全文
摘要：var有预解析，alert(a);var a=5;先使用，后定义也仍然不会报错，只是获取不到后面赋的值。因为变量提升（只要在同个作用域有定义就能预解析）。相当于 var a；alert(a); a=5;//undefined;因此如果先使用，后面赋值与否没有意义。 var a=12; functio
阅读全文
摘要：应用：数据交互 ajax返回的数据 let [a,b,c]=[12,5,6]; console.log(a,b,c); let json={ name:'bill', age:'18', job:'程序猿' }; let{name,age,job}=json; console.log(name,ag
阅读全文
摘要：安装 npm install terser-webpack-plugin -D vue.config.js中插件配置 module.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV 'production'){ conf
阅读全文
摘要：打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验 安装 npm install compression-webpack-plugin --save-dev vue.config.js修改 const Compres
阅读全文
摘要：面向对象拥有属性和方法，构造函数在es5及之前的写法如下： function Per(name,age){ this.name=name; this.age=age; this.showName=function(){ return `名字为${this.name}`; } } Per.protot
阅读全文
摘要：``是字符串模板最外层符号，内部可以任意换行，插入变量格式${data}; let name='weiyi',age=18,str=`我的名字是${name},年龄是${age}`; console.log(str); 示例 let data=[ {title:'标题党基督教',read:120},
阅读全文
摘要：var obj = { foo: function () { console.log(this.bar) }, bar: 1 }; var foo = obj.foo; var bar = 2; obj.foo() // 1 foo() // 2 上述结果之所以不同，是因为函数体内部使用了this关
阅读全文
摘要：nodeJs，fs.readFile实例演示，用三种方法读取文件 promisegenratorasync （1）promise方法 const fs = require('fs'); //promise方法 //简单封装 fs封装成一个promise const readFile = functi
阅读全文
摘要：安装 //以下几种都可以用： 1、引入js-cookie.js 1.直接饮用cdn：<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> 2.本地下载下来后：<script src=
阅读全文
摘要：Object.is() ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（ ）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。 ES6 提出“Same
阅读全文
摘要：为什么会有300ms延迟 在正常情况下，如果不进行特殊处理，移动端在触发点击事件时，会有300ms的延迟。换句话说，当我们在点击移动端页面后不会立即做出反应，而是会等待300ms才会触发click事件。在移动web兴起初期，用户对300ms的延迟没有太大的感觉，但随着用户对交互体验的要求的提高，如今
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
阅读全文
摘要：vue2.x的生命周期 vue3的生命周期 与 2.x 版本生命周期相对应的组合式 API beforeCreate -> 使用 setup()created -> 使用 setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpd
阅读全文
摘要：vue2的响应式 核心: 对象: 通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视/拦截)数组: 通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持 Object.defineProperty(data, 'count', { get () {}, set ()
阅读全文
摘要：#include "math.h" main() { int n; void f(int n); scanf("%d",&n); printf("%d=",n); if(n<0) printf("-"); n=fabs(n); fun(n); } void fun(int n) { int k,r;
阅读全文
摘要：目标 学习完本教程希望对下面这个 .eslintrc.js 文件能够做到心里有数 // .eslintrc.js module.exports = { "extends": "airbnb", "rules": { "semi": [2, "never"], "no-console": 0, "co
阅读全文
摘要：JavaScript 内置对象，使用正则表达式(RegExp)可以进行强大的模式匹配、文本检索以及替换功能、验证指定数据格式是否符合要求 等 创建正则表达式的方式 通过直接量的形式创建正则表达式: var re = /\d/g; 通过构造函数创建正则表达式: var re = new RegExp(
阅读全文
摘要：效果 面包屑作用 面包屑应该是我们在项目中经常使用的一个功能，一般情况下它用来表示我们当前所处的站点位置，也可以帮助我们能够更快的回到上个层级 原始方式 最笨的方法就是在每个需要面包屑的页面中固定写好 <template> <div class="example-container"> <el-br
阅读全文
摘要：在线使用-线上测试-源码 //代码： <div id="app"> <input v-model="name" type="text"> <h1>｛｛ name ｝｝</h1> </div> <script src="./js/observer.js"></script> <script src="
阅读全文
摘要：项目开发中给元素添加/删除 class 是非常常见的行为之一， 例如网站导航都会给选中项添加一个 active 类用来区别选与未选中的样式，除了导航之外其他很多地方也都会用到这种方式处理选中与未选中。 除了设置 class 我们在项目中也经常设置元素的内联样式 style，在 jquery 时代我们
阅读全文
摘要：报错内容 gyp verb ensuring that file exists: C:\Python27\python.exe gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python",
阅读全文
摘要：发挥CSS预处器的作用是一种很有挑战性的事情。CSS预处器有不同的语言，有不同的语法和功能。 在这篇文章中,我们将介绍三种不同CSS预处器的蛮量、功能以及他们的好处——sass、less 和stylus。 介绍 CSS预处理器是一种语言，用来编写一些CSS的特性,而且无需考虑浏览器兼容性的问题。他们
阅读全文
摘要：warning package.json warning package.json: "dependencies" has dependency "eslint" with range "^6.8.0" that collides with a dependency in "devDependenc
阅读全文
摘要：报错内容 报错：无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本 全局安装 yarn npm install -g yarn 或 npm install yarn@latest -g 1.win+X键，使用管理员身份运行power shell
阅读全文
摘要：报错内容 C:\Users\user>nrm test internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ [TypeError [ERR_INVALID_ARG_TYPE]: The
阅读全文
摘要：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSR
阅读全文
摘要：CSS 选择器 选择器例子例子描述.class.intro选择 class="intro" 的所有元素。.class1.class2.name1.name2选择 class 属性中同时有 name1 和 name2 的所有元素。.class1 .class2.name1 .name2选择作为类名 n
阅读全文
