12 2021 档案
摘要：1.安装big.js npm install --save big.js 2.页面上引用big.js const Big = require('big.js') 3.常用操作 加法plus 0.1 + 0.2 // 0.30000000000000004 x = Big(0.1) y = x.plu
阅读全文
摘要：<el-table :data="tableData"> <el-table-column label="备注" width="210" align="center"> <template slot-scope="scope"> <span>{{changeRemarkLength(scope.ro
阅读全文
摘要：工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。 简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如如下代码： function CreatePerson(name,age,sex) { var obj = new Obje
阅读全文
摘要：使用React框架时，可以从两方面提高应用的性能： 减少不必要的Render函数的调用。 复用Dom 减少不必要的Render函数的调用 在React的生命周期里有四种方式可以触发一个组件render函数的调用，分别是： 1. 组件初始挂载时 2. props 更新时 3. 调用 setState(
阅读全文
摘要：算法策略 单节点diffing 数组节点diffing key值的使用要求 算法策略 React的调和算法，主要发生在render阶段，调和算法并不是一个特定的算法函数，而是指在调和过程中，为提高构建workInProcess树的性能，以及Dom树更新的性能，而采用的一种策略，又称diffing算法
阅读全文
摘要：mouseenter 和 mouseleave 是一对事件，分别指鼠标移入和离开当前元素， 这两个事件不冒泡； mouseover 和 mouseout 是一对事件，指鼠标移入和离开元素，但是这个两个事件是冒泡，也就是说，鼠标移入或离开当前元素的子元素时，事件会冒泡到当前元素，当前元素的事件会被触发
阅读全文
摘要：你可能错过这些非常有用的技巧。 我们知道，JavaScript 这门语言正在高速发展中。伴随着 ES2020，又有很多很棒的功能加入。老实说，您可以通过许多不同的方式编写代码。实现同样一个功能，有的代码很长而有的却很短。你可以通过一些小技巧来让你的代码更干净清晰。下面这些小技巧肯定对你接下来的开发工
阅读全文
摘要：例：http://localhost:8000/#/index/cardinfo?_k=0wnq36 1、window.location.href(设置或获取整个 URL 为字符串) var integrityurl = window.location.href;console.log(integr
阅读全文
摘要：git 使用第一步是用 git add 把文件添加进去，实际上就是把文件修改添加到暂存区；第二步是用 git commit 提交更改，实际上就是把暂存区的所有内容提交到当前分支； 当我们用 git add 把某些文件提交到暂存区之后，突然发现一个文件原本不需要这次被 add 进去，这要怎么做呢？ g
阅读全文
摘要：防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂，就会导
阅读全文
摘要：应用场景 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖（debounce）
阅读全文
摘要：今天遇到一个新的需求，点击按钮查看图片，且图片能放大缩小。如下图： 想到了使用element-ui的el-image组件，官网示例： <div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :sr
阅读全文
摘要：JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在
阅读全文
摘要：将两个对象合并起来，组合成一个对象。 使用Object.assign()方法。 <script> var obj1 = {name:'小A',sex:'女'}; var obj2 = {age:'30',job:'程序猿'}; Object.assign(obj1,obj2); console.lo
阅读全文
摘要：分析工具Coverage：查看代码的使用状况移除死代码懒加载代码webpack-bundle-analyzer：查看资源树 1. productionSourceMap:false 2.路由懒加载 3. 关闭Prefetch 4.element-ui组件按需加载 5.使用 CDN 外部加载资源-vu
阅读全文
摘要：背景 在写测试平台首页时，我想要在echarts的柱状图的点击事件中实现路由跳转功能，而直接使用this.$router.push()会报错：Uncaught TypeError: Cannot read property 'push' of undefined 解决遇到的坑 首先我想到是否可以通过
阅读全文
摘要：React组件中的函数绑定this的几种方式 在React中使用class定义组件时如果不注意this的指向问题，会带来一些麻烦。 绑定this主要有下面两种方法： 1. bind() 在class中定义函数，然后在构造方法中使用bind()绑定当前的组件对象。 class MyComponent
阅读全文
摘要：在React项目中package.json中配置 在React项目中进行本地数据联调是有跨域问题的，我们需要自己配置反向代理。 配置好之后我们就可以愉快的使用axios了，配置好切记一定要重新启动 "proxy": { //配置项 "/api": {//我们可以在这里设置个口令 "target":
阅读全文
摘要：一、概念 map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。注意： map()不会对空数组进行检测 map()不会改变原始数组 二、语法 array.map(function(currentValue, index, arr), t
阅读全文
摘要：新建项目使用typescript 如果你是要新建一个使用typescript的react项目，并且你用脚手架Create React App去创建，那没就非常的容易，你只需要在创建的时候将命令改为 npm create-react-app "你的项目的名称" --template typescrip
阅读全文
摘要：import style from "./style.module.css" color为你的类名 <div className={style.color}>引入外部的css样式</div> 后面会自动拼接唯一的hash值，css才不会污染全局 这种方式引入会污染全局css❌ import "./s
阅读全文
摘要：前言 项目过程中，经常会遇到 JS 数组合并的情况，时常为这个纠结。这里整理一下。 简单而实用的for 最容易想到的莫过于 for 了。 会变更原数组，当然也可以写成生成新数组的形式。 let arr = [1, 2] let arr2 = [3, 4] for (let i in arr2) {
阅读全文
摘要：vuex可以使同级的组件实现共享数据共享，是一个数据管理仓库 具体可以参考vuex文档 使用vuex首先需要引入： //安装包 cnpm i vuex //引入vuex import Vuex from "vuex" //使用 Vue.use(Vuex) //创建实例 const store = n
阅读全文
摘要：1.引入第三个变量 var arr = ['one','two']; var item = arr[0]; arr[0] = arr[1]; arr[1] = item; 2.splice方法, splice() 方法会直接对数组进行修改,splice() 方法向/从数组中添加/删除项目，然后返回被
阅读全文
摘要：这次使用Vue构建旅游webapp过程中，吸收和体验了keep-alive的真实作用。 相信大家只要阅读过Vue提供的官方文档就会知道，组件想要实现数据缓存就需要在App.vue中的<router-view />外层包裹<keep-alive></keep-alive>标签，就可以很容易的实现数据缓
阅读全文
摘要：出错的具体情况如下： 本地创建了一个project 并在码云上创建了一个仓库，想要将本地的仓库链接到远程仓库 我用的是如下方法： git init 初始化本地仓库 git remote add origin XXX 添加远程仓库地址 如果你在这之后就执行 git add -A， git commit
阅读全文
摘要：使用git想GitHub远程仓库上传代码的基本步骤一般是 初始化为git仓库 git init 添加所有要提交的文件 git add . 本次提交说明 git commit -m '提交说明' 关联GitHub远程仓库 git remote add origin 仓库地址（没有添加ssh key建议
阅读全文
摘要：https://github.com/bloc97/Anime4K https://www.bilibili.com/read/cv5168313/ http://www.pc6.com/softview/SoftView_790043.html https://zhuanlan.zhihu.com
阅读全文
摘要：问题描述：重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能视而不见。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： // src/router/index.js Vue.use(Router) const router = new Router({ routes
阅读全文
摘要：element-ui级联选择器(Cascader)获取级联对象 ：主要是想获取:label值、value值 效果图预览： <el-cascader :options="options" v-model="selectedOptions" :props="props" size="small" ref
阅读全文
摘要：方法一：直接引入vue.js文件的h5页面 created（）{ 变量直接存一下路径 var imgurl1 = "./img/tutu1.png" 然后直接赋值。 this.neme} 方法二：框架里面引入本地图片（在引入vue.js的情况下使用会报错） // 直接在data中引入。 data:{
阅读全文
摘要：doLayout 解决 elementui table加载数据之后错位问题 有的时候在使用elementui 的table时候，更新完数据之后。表格就会错位。这个时候只需要使用doLayout重新加载一下table就好了。 <el-table ref="tableref" ></el-table>
阅读全文
摘要：8个常用的JavaScript数组方法 数组（Array）是JavaScript中内置的全局对象，在构建诸如商品列表等组件（Component）时，时常用到。除了常见的push、pop、indexOf等方法，JS还提供了一些诸如过滤、规约等流处理方法，非常类似于Java的Stream库。 const
阅读全文
摘要：JS中常遇到的浏览器兼容问题和解决方法 JS中常遇到的浏览器兼容问题和解决方法 今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上常遇到的关于浏览器的宽高问题 // 以下均可console.log()实验 var winW=document.body.cl
阅读全文
摘要：1，vue中有提供反向代理的接口，就是config/index.js中的 proxyTable，我的脚手架版本是2.9.6，proxyTable配置初始为空，如下图。 2,将proxyTable配置如下： proxyTable: { '/api': { //需要代理的接口 target:'http:
阅读全文
摘要：[Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event. Passive Event Listeners——让页面滑动更加流畅的新特性 Passive Event Listeners - 被动事件监
阅读全文
摘要：javascript中toFixed使用的是银行家舍入规则。 银行家舍入:所谓银行家舍入法，其实质是一种四舍六入五取偶（又称四舍六入五留双）法。 简单来说就是：四舍六入五考虑，五后非零就进一，五后为零看奇偶，五前为偶应舍去，五前为奇要进一。但是不论引入toFixed解决浮点数计算精度缺失的问题也好，
阅读全文
摘要：JavaScript，会在创建变量（对象，字符串等）时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。 因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。 内存生命周期 JS 环境中分配的内存有
阅读全文
摘要：关于js浮点数计算精度不准确问题的解决办法 今天在计算商品价格的时候再次遇到js浮点数计算出现误差的问题，以前就一直碰到这个问题，都是简单的使用tofixed方法进行处理一下，这对于一个程序员来说是及其不严谨的。因此在网上收集了一些处理浮点数精度的文章。觉得别人写的挺好了，我在简单的总结一下，以方便
阅读全文
摘要：vue-cli3优化配置 1.使用cdn引入不改变的第三方库 const cdn = { // 忽略打包的第三方库 externals: { vue: 'Vue', vuex: 'Vuex', 'vue-router': 'VueRouter', axios: 'axios' }, // 通过cdn
阅读全文
摘要：最近在项目中使用了Vue CLI 3.0版本，项目中需要设置反向代理解决跨域问题，下面记录一下设置过程。 新建配置文件 在项目的根目录下新建 vue.config.js 文件，自Vue CLI 3开始，项目中所有的配置信息都写在这个文件中（2在config目录中配置）。 配置反向代理 设置代理 mo
阅读全文
摘要：创建了vue-cli3脚手架项目之后，需要自己新建一个vue.config.js文件，然后配置axios，就可以请求接口获取数据了。 实现代码： 1.vue.config.js：设置反向代理，解决跨域 proxy: { '/api': { target: '请求地址', secure: false,
阅读全文
摘要：ES6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
摘要：<router-link to="/aaa" @click.native="clickEvent">
阅读全文
摘要：之前一直在搜怎么让提示框的文字换行，网上搜到的基本都是使用 ‘ /n ’,使用无效，也试了css换行，本来想用弹窗自己编辑html内容，还好回去官网看了一下； let arr = ['测试一', '测试二', '测试三']; let str = arr.join(' <br/> '); this.$
阅读全文
摘要：在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' },
阅读全文
摘要：五种js判断是否为整数类型方式 这篇看看如何判断为整数类型（Integer）,JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。 方式一、使用取余运算符判断 任何整数都会被1整除，即余
阅读全文
摘要：有时候我们可能需要在{{}}里添加一些需要计算再展示出来数据 例如：在页面中展示学生的成绩总分和平均分： <div id="app"> <table border="1"> <thead> <th>学科</th> <th>分数</th> </thead> <tbody> <tr> <td>数学</t
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<el-dialog title="修改密码" :visible.sync="dialogTableVisible" :fullscreen="true" :show-close="false" :close-on-click-modal="false" > <el-form ref="form"
阅读全文
摘要：<style> .image-header{ position:relative; width:100%; height:0; padding-top:100%; } .image-header img{ position:absolute; top:0; left:0; width:100%; h
阅读全文
摘要：Vue props传递的类型和写法 1、props常用属性 type (规定数据类型) String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) default default
阅读全文
摘要：在示例数组中，如果需要通过某对象的名称来或者对应对象的id。简单来说，就是获取小明的id值。 var array = [ { name: "小明", id: 1}, { name: "小吉", id: 2} ]; 方法： let obj = array.find(o => o.name '小明');
阅读全文
摘要：Element-ui的表单中怎么添加正则校验 1. 以中国大陆手机号验证为例 // 这是组价的代码 <el-form-item prop="mobile"> <el-input type="text" v-model="ruleForm.mobile" auto-complete="off" pla
阅读全文
摘要：首先检查先下this指向问题哦！很多次都是方法中嵌套function导致this.getdata（）指向出现问题，所以没有刷新页面！排除后还是不行，可以用下面强制方法试试一般能成功！要是强制也不生效就是this指向问题了。 强制渲染方法：this.$forceUpdate(); 强制刷新页面：thi
阅读全文
摘要：function fullScreenFun() { var iFullscreen = false; //当前是否全屏状态 var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled ||
阅读全文
摘要：方法一： var a = [1,2,3]; var b=[4,5] a = a.concat(b); console.log(a); //此处输出为 [1, 2, 3 ,4 ,5] 方法二： // ES5 的写法 var arr1 = [0, 1, 2]; var arr2 = [3, 4, 5];
阅读全文
摘要：js中进行浮点数运算时容易出现精度问题 1、除法函数 //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用：accDiv(arg1,arg2) //返回值：arg1除以arg2的精确结果 function accDiv(arg
阅读全文
摘要：目的和原则 提高可读性和可维护性 如无必要，勿增注释；如有必要，尽量详尽 语法和快捷键 单行注释：// 快捷键： ctrl+/ 多行注释：/**/ 快捷键： ctrl+shift+/ 规范 1、注释符与注释内容之间加一个空格 2、注释行与上方代码间加一个空行 HTML 顶部文档注释 /** * @d
阅读全文
摘要：JS处理数学计算之痛 比如： 2.05*1.89*1.74*10000 67416.29999999999 而实际我们需要的是：67416.30，你用计算器得到的也是这个值，而非上面那个。 0.1+0.7 0.7999999999999999 期望答案：0.8 这些问题在跟钱扯上关系后就显得很重要，
阅读全文
摘要：async function printFiles () { const files = await getFilePaths(); await Promise.all(files.map(async (file) => { //耗时操作 const contents = await fs.read
阅读全文
摘要：首先例举一个嵌套回调的例子 该例子的缺点是 （1）层层嵌套，可读性差 （2）每一个异步请求都需要捕获错误 // 首先这个是一个嵌套回调的例子 http.get('http://www.baidu.com', function (res) { console.log(res) http.get('ht
阅读全文
摘要：main.js 内配置 import { Message } from 'element-ui' // 挂载到$message上 Vue.prototype.$message = Message vue中使用 this.$message.warning("1111111111111111111")
阅读全文
摘要：/** Axios请求 * @Author: xuhong * @Date: 2020/6/19 * @DESC: //TODO */ import axios from 'axios'; import baseUrl from "./config"; import {Message} from '
阅读全文
摘要：el-input输入不显示现象： input框填写不显示、日期组件选择不了，这与可能存在的动态加载的数据存在异步问题有关，这会导致组件内容不能及时更新； 解决方法： <!-- 文本标签 --> <el-input v-if="item.type=='4'" v-model="form[item.fi
阅读全文
摘要：相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的
阅读全文
摘要：axios({ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // 默认是 get // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通
阅读全文
摘要：router.beforeEach((to,from,next)=>{}) 回调函数中的参数， to：进入到哪个路由去， from：从哪个路由离开， next：函数，决定是否展示你要看到的路由页面。 如下，判断to.path当前将要进入的路径是否为登录或注册，如果是就执行next()，展示当前界面。
阅读全文
摘要：最近在对端口做有关操作，特将端口范围做记录如下： 一般用到的是1到65535,其中0不使用,1-1023为系统端口,也叫BSD保留端口; 1024-65535为用户端口,又分为: BSD临时端口(1024-5000)和BSD服务器(非特权)端口(5001-65535).0-1023: BSD保留端口
阅读全文
摘要：// String 电脑端口 正则 1-65535 ^(6553[0-5]|655[0-2]\d|65[0-4]\d{2}|6[0-4]\d{3}|[0-5]\d{4}|[1-9]\d{0,3})$ // String IP (25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d
阅读全文
摘要：get``delete方法较为不同 axios.get(url[, config]) axios.delete(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config]]) axios.patch(
阅读全文
摘要：我们通常监听一个属性变化时，代码如下 watch: { 'value': function(o,n){ } } 对value属性的监听会在value第一次变化后开始进行监听，如果我们想在创建时监听value，要使用 handler 和 immediate 对value监听 改变如下 watch: {
阅读全文
ElementUI校验[Violation] Added non-passive event listener to a scroll-blocking ‘touchmove‘ event. 问题解决
摘要：ElementUI表单校验[Violation] Added non-passive event listener to a scroll-blocking ‘touchmove’ event. 解决方案 1.问题描述： vue项目中使用ElementUI的表单form校验单的时候，出现以下警告：
阅读全文
摘要：在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复 解决：router文件夹下面的index.js中加上下面几句代码，搞定 // 解决ElementUI导航栏中的vue-router在3.0版本以上重复
阅读全文
摘要：git--指定不上传的文件夹 在使用 vue-cli 脚手架的时候，有一个依赖模板文件夹是不希望被上传到git上的，因为里面文件太多了。 解决办法：手动创建git忽略push清单，node_module以及自身 1.文件夹内右键git bash，输 touch .gitignore，注意中间有空格。
阅读全文
摘要：element表格在浏览器放大缩小情况下产生错位 在谷歌浏览器中特有的问题，element框架中的带有border属性的表格，在电脑改变缩放与布局的比例和谷歌浏览器缩放页面的时候，表格会产生错位问题。一般谷歌浏览器和360浏览器会产生这个问题。 一般这种情况下，我们拉伸页面表格的错位有时候会恢复正常
阅读全文
摘要：element ui table 组件固定列踩坑 使用doLayout 切换数据源 导致table 固定列多出一行空白 使用table 组件自带的方法可解决 获取数据后
阅读全文
摘要：JavaScript中async、await与try、catch 1、async、await是异步执行，async 里面后面的代码会等 await 异步完再执行。 2、try 里有错误，执行 catch async getSubCategoryData () { try { // 放置的是可能出现异
阅读全文
摘要：node使用express路由router // app.js 首页 const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const mysql =
阅读全文
摘要：Git常用命令 云端需求一个存放代码的地方： 公共： - github，做代码托管 - 码云，做代码托管 - csdn code，做代码托管 内部搭建： - gitlab 其他操作： git config --global user.email "you@example.com" 设置邮箱 git
阅读全文
摘要：计数排序 计数排序有四个步骤： （1）首先会对每个输入进行频率统计，得到元素的频率表； （2）然后将频率表转换为该元素的开始索引； （3）根据各个元素的开始索引，将相同元素分类到临时数组中。 （4）最后将临时数组中的元素写回到原数组中。 /*计数排序*/ function countingSort(
阅读全文
摘要：堆排序 堆排序是指利用堆这种数据结构所设计的一种排序算法。近似于完全二叉树，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。它的时间复杂度是O(nlog2(n)),空间复杂度是O(1),其算法不稳定。 var length;//因为声明的多个函数都需要数据长度，所以把len
阅读全文
摘要：希尔排序 希尔排序是插入排序的改进版本，它与插入排序的不同之处在于，它会优先比较距离较远的元素。其中它的时间复杂度为O(n^1.3)，空间复杂度O(1),算法相对不稳定。 function shellSort(arr) { var length = arr.length; var temp , ga
阅读全文
摘要：归并排序 归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法的一个非常典型的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为2-路归并。其中时间复杂度O(nlog2(n)),空间复杂度O(n)，算法相对稳定
阅读全文
摘要：插入排序 插入排序的基本工作原理：对于未排序列，在已排序列中从后向前扫描，找到相应的位置并插入。其中时间复杂度O(n^2),空间复杂度O(1)，算法相对稳定。 function insertionSort(arr) { var length = arr.length; for (var i = 0;
阅读全文
摘要：冒泡排序 冒泡排序的基本原理是：每次比较两个元素，顺序错误就交换两个，直到没有再需要交换。其中时间复杂度为 O(n^2)，空间复杂度为O(1)，算法相对稳定。 function bubbleSort(arr) { for (var i = 0; i < arr.length - 1; i++) {
阅读全文
摘要：选择排序 选择排序的工作原理是：每次在排序序列中找到最小（大）元素，放在起始位置，然后在剩下的序列中继续寻找最小（大）元素。其中时间复杂度是O(n^2),空间复杂度O(1),算法不稳定。 function selectionSort(arr) { let length = arr.length; f
阅读全文
摘要：快速排序 快排的思路：找到一个基准数，把大于基准数的数字放在基准数的右边部分，小于基准数的放在左边部分；排完后，再对左边部分和右边部分分别进行上述操作，递归下去，直到子序只剩下一个数字。 其中快排的时间复杂度为O(nlogn),空间复杂度为O(nlogn)，但算法相对不稳定。 function qu
阅读全文
摘要：git操作笔记 一、GIT简介 Git是什么？ Git是目前世界上最先进的分布式版本控制系统（没有之一）。 Git有什么特点？ 简单来说就是：高端大气上档次！ 二、Git安装 - Ubuntu：sudo apt-get install git - Windows：https://gitforwind
阅读全文
摘要：git ssh配置 1.检查是否已经有SSH Key。 $ cd ~/.ssh 2.生成一个新的SSH $ ssh-keygen -t rsa -C "email" 3.添加ssh key到GitHub/GitLab在GitHub/GitLab上找到关于SSH keys->add key把id_rs
阅读全文
摘要：移动端、PC端（前后台）、小程序常用的UI框架 1.移动端UI库 ①.Vant UI 官方地址：https://youzan.github.io/vant/#/zh-CN/intro github地址：https://github.com/youzan/vant 优点：用来做移动端商城很不错，支持定
阅读全文
摘要：常用正则表达式 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2
阅读全文
摘要：面向过程与面向对象编程的区别 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了； 面向对象是把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。 可以拿生活中的实例来理解面向过
阅读全文
摘要：vue路由传参的三种基本方式 项目中很多情况下都需要进行路由之间的传值，想过很多种方式 sessionstorage/localstorage/cookie 进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异 下面我来说下vue自带的路由传参的三种基本方式 先有如下场
阅读全文
摘要：Element-ui的表单中怎么添加正则校验 1. 以中国大陆手机号验证为例 // 这是组价的代码 <el-form-item prop="mobile"> <el-input type="text" v-model="ruleForm.mobile" auto-complete="off" pla
阅读全文
摘要：码云仓库使用说明 最近有朋友公司使用码云作代码仓库，因为本人一直都是在使用SVN作为版本控制工具，用起来也习惯了，对于码云却是不怎么了解。由于朋友的求助，所以就研究了下，在此记录基本的用法。 由于本人对码云没有什么研究，能否像SVN一样作为版本的控制我也是不知道的，所以一下实例只用于拉取和上传。使用
阅读全文
摘要：/** * 获取cookie * @param name * @returns {*} */ function getCookie(name) { var cookieArr = document.cookie.split("; ");//使用"; "分割Cookie var cva = [], t
阅读全文
摘要：ES6 数组循环 一. 1. for(let I = 0; I < arr.length; I++) while 2. arr.forEach() -->代替普通for循环 三个参数：val当前遍历到的数据，index当前遍历到的数据的序号，arr当前遍历的数组 let arr = ['apple'
阅读全文
摘要：页头：header 导航：nav 页面主体：main 侧栏sidebar 页尾：footer 侧栏：column 内容：content/container 页面外围：wrapper 容器：container 左右中：left right center 标志：logo 注册：register 广告：b
阅读全文
摘要：element的from表单正则验证 rules: [ { required: true,whitespace:true, message: '用户名必须输入' }, { min: 4, message: '用户名至少4位' }, { max: 12, message: '用户名最多12位' },
阅读全文
摘要：Vue-lazyload图片懒加载 文档：https://github.com/hilongjw/vue-lazyload 1.安装 cnpm i vue-lazyload -S 或 npm i vue-lazyload -S 2.实例 导入配置等操作 src/main.js import Vue
阅读全文
摘要：使用vue-cookies操作cookie 1.前言 在vue中如果想要操作cookie，除了使用之前我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作，vue-cookies没有依赖关
阅读全文
摘要：vue组件通信 父传子 子传父 同级组件 跨级通信 vuex（二） props和$emit(常用) $ attrs和$ listeners（跨级通信） $ parent和$ children（非常简洁） ref（获取子组件所有属性，事件等 v-model （特殊情景使用） provide和injec
阅读全文
摘要：vue组件通信 父传子 子传父 同级组件 跨级通信 vuex（一） 以下是我对Vue通信方式的总结，相对还比较全面，每一种方式都是单独的实例，不易混淆 props和$emit(常用) $ attrs和$ listeners（跨级通信） $ parent和$ children（非常简洁） ref（获取
阅读全文
摘要：获取手机电量，型号，以及css实现充电特效 获取手机电量相关信息 获取手机相关型号信息 css实现充电特效 获取手机电量相关信息 移动端和PC端皆适用 //获取手机电量信息 // charging: 是否在充电 // chargingTime: 充满电还需要的时间(秒) // discharging
阅读全文
摘要：// app.js 首页 const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const mysql = require('mysql'); con
阅读全文
摘要：需求场景：办公与编程时，启动软件，一个一个手动来双击打开，太累！怎么办？开始我们的一键启动多个程序。时间就是生命！ 新建一个记事本 先建一个空的记事本，想想需要一键启动哪些程序，我们举例，想一次性打开IDEA和Google浏览器。 选择要打开程序的快捷方式或.exe位置 找到要打开IDEA的图标，鼠
阅读全文
摘要：Vant官网：https://vant-contrib.gitee.io/vant/#/zh-CN/
阅读全文
摘要：后端开发 java python php .NET C C++ C# 运动开发 HTML5 Android ios WP 其他移动开发 前端开发 web前端 Flash HTML5 javaScript U3D游戏引擎开发 COCOS2D-X开发 测试 测试工程师 游戏测试 硬件测试 测试开发 黑盒
阅读全文
摘要：1、gpedit.msc 策略组 2、sndrec32 录音机 3、Nslookup IP地址侦测器 4、explorer 打开资源管理器 5、logoff 注销命令 6、shutdown 60秒倒计时关机命令 7、lusrmgr.msc 本机用户和组 8、services.msc 本地服务设置 9
阅读全文
摘要：1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开
阅读全文
浙公网安备 33010602011771号