- 博客(37)
- 资源 (1)
- 收藏
- 关注
原创 vscode eslint js 不生效
除了网上搜到的或者直接看的eslint 的 vscode 插件文档的配置外,如果还不生效,要加上这句```js"javascript.eslint.enable": true```
2020-08-02 17:54:16
2840
原创 一个vue快速启动的项目模板,集成了一些基础的工具
项目集成全局重置样式 => src/assets/style/common/reset.css支持 sass 语法写 css封装了一些常用的弹性盒子的 class使用 nProgress,支持页面跳转时,顶部显示进度条的过度效果集成 axios 并简单封装通用请求函数集成 Vuex集成轻量级本地数据库 lowdb,更好的操作本地缓存的工具项目地址github地址...
2020-03-14 18:26:34
297
原创 使用 vant 的 List 组件的下拉加载更多时候,保证数据不满一屏也不会重复加载第一页的设置
1.设置 immediate-check 为 false2.设置 finished 默认为 true,代表已加载完即可解决<van-list v-model="loading" :finished="finished" finished-text="没有更多了" :immediate-check="false" @load="getXXXList" >e...
2020-03-09 11:56:10
3722
1
原创 移动端IOS的时间格式转换坑
在IOS的移动端,使用 new Date() 将 '2020-12-12’格式的字符串转换为GMT+0800 (中国标准时间)是有问题的,会转换失败解决方法把 ‘2020-12-12’ 中间的 ‘-’ 替换为 ‘/’ ,就可以转换了var date = '2020-12-12';date.replace(/-/g, '/'); // => '2020/12/12'new Date(...
2020-03-08 15:49:23
798
原创 一篇文章搞懂this
开篇说明随着科技的发展和历史的变迁,我对 this 的理解也越来越深入了,还记得之前写的一篇关于 this 的文章,自己看起来都感觉“味同嚼蜡”????,所以更新一篇,将功补过,哈哈~~,我们拿五种情况来说明 this 的指向问题,优先级从低到高,但是在这之前我们先说一下 js 的作用域链的问题。作用域链案例一function outer() { var name = 'outer'; ...
2020-02-28 22:21:51
111
原创 vscode好用的插件
持续更新~众所周知,工欲善其事必先利其器,好的开发环境对于我们的开发过程来说,提高效率和体验上还是很明显的,这篇博客介绍几个自己在用的比较好用的vscode插件,如果以后用到新的好用插件,会持续更新的~(基本的语法高亮等等就不写了哈)开始介绍插件更好的注释体验:Better Comments这是默认的几种样式,这个符号和颜色是可以自己更改和配置的。更快地识别代码块:Bracket...
2020-02-22 13:16:17
614
原创 css清除 input 的默认样式
input, input:focus { background: none; outline: none; border: none;}
2020-02-18 09:37:07
1057
原创 vue脚手架的项目中使用路由懒加载 vue-cli3
vue-cli3中的路由懒加载方式竟然变成这样了,不知道是不是我的webpack没有配置好,用 import 就不可以,用 require 的话只能这样component: resolve => require(['@/pages/home'], resolve)...
2020-02-15 13:40:09
389
原创 解释一道动态规划题目的思想
来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/coin-change题目s给定不同面额的硬币 coins 和一个总金额 amount。编写一个函数来计算可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额,返回 -1。示例1输入: coins = [1, 2, 5], amount = 11输出: 3 解释:...
2020-02-09 18:56:00
323
原创 递归算法结构总结
function recursion() { // 1.判断状态或者输入是否合规? // 2.判断递归是否结束 // 3.缩小问题规模 // 4.整合结果}
2020-02-01 11:12:09
262
原创 react + typescript 项目中使用函数控制路由跳转
小小说明最近更新博客较慢,因为最近的疫情比较严重,村子里目前也实施一些自我保护的措施,我参加了村子里面的志愿者,贡献了小小的力量,也希望一线的英雄们加油,大家共同努力,一起度过这次难关。在 react + typescript 项目中使用函数控制路由跳转引入依赖import { withRouter, RouteComponentProps } from 'react-router-dom...
2020-01-28 20:38:55
3031
原创 vue报错Cannot read property '_wrapper' of undefined
为什么报错不明确?不管你是 npm 包引入还是<script src="..."></script> 引入 vuejs,看看是不是引入的是压缩后的代码版本,类似vue.min.js。改成引入未压缩的 vuejs 的包。实际错误?实际错误是 @click="..." 其中的方法没有在 methods 中定义。...
2020-01-21 17:04:46
14915
4
原创 react路由的最简单配置
前言vue写的不少了,想了解一下react,再加上大家都说typescript很香,所以用react + typescript写个小的demo项目了解一下。因为项目主要为了练一下各种技术的配合使用,所以结构和代码上实现的比较随意,有兴趣的学习react的新人朋友们也就酌情浏览就好了????,我也是正在学习react,大家可以留言讨论哈。项目地址https://github.com/18sby/di...
2020-01-17 19:16:55
365
原创 vue页面加载时的进度条
先看一张图如果我们的程序每次页面切换时,顶部也有一个进度条,那会让用户体验提升很大的。npropgress插件github地址简单用法 - Vue 项目为例(详细配置,点击上面的github地址查看文档)最简单的使用方式:vue项目的每次路由切换时,都加载进度条安装npm install --save nprogress引入在路由配置文件中引入,写到路由加载前和加载后的两个钩...
2020-01-11 15:27:46
1398
原创 js排序 - 堆排序
堆排序堆排序是指利用堆这种数据结构所设计的一种排序算法。堆是一个近似完全二叉树的结构,并同时满 足堆积的性质:即父节点的值总是大于其子节点的值,即“大 顶堆”(或反之,称为“小顶堆”)。工作原理将待排序的数组构造成一个大顶堆。此时整个数组的最大值就是堆顶的根节点。将它移走,其实就是将其与堆数组的末尾元素交换,此时末尾元素就是最大值。然后将剩余的 n-1 个元素又重新构造成堆,这样就又能得到次...
2020-01-04 22:58:33
231
原创 vue-cli生成的项目使用本地手写的webpack-loader
今天遇到一个坑,解决了,发个博客,希望和我遇到相同问题的同学不要卡很久。我目前写的项目中用到了一个第三方功能的sdk,当然我们会在测试服务器来测试我们接入这个sdk有没有问题,没有问题再部署正式服务器。那我们在项目的迭代版本和修改bug的过程中,一般会手动来改变sdk的地址,测试的时候用带日志的版本,上线的时候我们会改成不带日志并且压缩代码后的版本。就像下面这两种情况频繁地切换// <...
2019-12-31 17:59:40
790
原创 js排序下篇(归并排序、计数排序、桶排序、基数排序、堆排序「请看后面的第二篇博客」)
归并排序(递归法 - 自上而下)归并排序(MergeSort)是创建在归并操作上的一种有效的排序算法,是采用分治法的一个典型应用。归并操作指的是将两个已经排序的序列合并成一个序列的操作。有递归和迭代两种方法。工作原理递归法原理如下:1.申请空间,使其大小为两个已经排序序列之和,该空间用来存放合并后的序列;2.设定两个指针,最初位置分别为两个已经排序序列的起始位置;3.比较两个指针所指...
2019-12-29 18:12:50
318
2
原创 js排序上篇(冒泡排序、选择排序、插入排序、希尔排序、快速排序)
冒泡排序工作原理重复遍历序列,比较相邻的两个元素,如果这两个元素顺序不正确,则交换。重复以上步骤直到排序完成。js代码实现 + 效率测试运算10次,平均耗时1018 ms// 创建 20000 个随机数,数值范围:1 - 100000let ary = [];for (let i = 0; i < 20000; i++) { ary.push( Math.floor( Ma...
2019-12-21 17:27:54
216
原创 一个小demo理解js的任务队列
请写出下面代码的打印结果console.log( 'script start' );function run() { setTimeout(() => { console.log( 'timeout 1' ); }, 0); new Promise((resolve, reject) => { console.log( 'promise 1' );...
2019-12-14 16:29:20
399
转载 js实现unicode转换,支持中英文
// 转为unicode 编码function encodeUnicode(str) { var res = []; for ( var i=0; i<str.length; i++ ) { res[i] = ( "00" + str.charCodeAt(i).toString(16) ).slice(-4); } return "\\u" + res....
2019-12-11 14:05:03
981
原创 js中介者模式总结
内容来自《JavaScript设计模式与开发实践》一书,本人不才,也是阅读这本书第二遍的时候才理解了这种模式的好处????现实中的中介者模式的场景:博彩公司打麻将的人经常遇到这样的问题,打了几局之后开始计算钱,A 自摸了两把,B 杠了三次,C 点炮一次给 D,谁应该给谁多少钱已经很难计算清楚,而这还是在只有 4 个人参与的情况下。在世界杯期间购买足球彩票,如果没有博彩公司作为中介,上千万的人一起...
2019-12-07 16:43:11
185
1
原创 算法 - 字符串相乘
给定两个以字符串形式表示的非负整数 num1 和 num2,返回 num1 和 num2 的乘积,它们的乘积也表示为字符串形式。示例 1:输入: num1 = "2", num2 = "3"输出: "6"示例 2:输入: num1 = "123", num2 = "456"输出: "56088"说明:num1 和 num2 的长度小于110。num1 和 num2 只包含...
2019-11-30 16:55:20
199
原创 正则表达式基础总结
定义方式// 定义一个正则表达式有两种方式:let reg1 = new RegExp(/abc/);let reg2 = /abc/;// 但我们平时使用的方式还是第二种,就像我们初始化一个数组的时候是使用第一种而不是第二种的构造式let ary1 = new Array(1,2,3);let ary2 = [1,2,3];匹配包含固定字符串首先来一个最简单的正则,匹配包...
2019-11-24 14:17:27
139
原创 js享元模式的简单总结
享元模式:是一种性能优化的设计模式,主要为了解决内存中创建了大量的相似对象而产生的性能问题。我们通过向页面中插入元素的方式来模拟,假如我们的需求是:向页面中插入100个div,内容分别为1 - 100,再接着插入100个h3,内容分别为1 - 100。下面来看一下没有使用享元模式的代码写法for (let i = 1; i <= 100; i++) { let div = docu...
2019-11-23 15:45:01
150
原创 js组合命令模式
总结一种js的设计模式:组合命令模式一.拿实际应用场景来举例:比如双十一的时候,业务部门需要我们丰富一下购物车结算功能:判断商品是否过期计算优惠发送账单消息给用户那么这三个命令一般是在用户点击“结算”按钮触发的,那么把他们封装在一起var MakeGroup = function() { return { commandList: [], add: functi...
2019-11-17 16:19:33
198
原创 js观察者模式(发布订阅模式)
首先举一个现实生活中的例子:小区门口有一家商店,每天都会有很多小区里的人来商店买烟( 不提倡吸烟哦,只是举个例子???? ),那刚好昨天卖完了,老板去进货,也不知道什么时候回来,那售货员这时一般都会把每一个客人的电话或者微信留下来,等老板把烟进回来后,售货员再通过记录的联系方式告诉每一个客人:“货到了,来买吧”。那这就是一个观察者模式,即使是售货员辞职了,来了新的售货员也没有关系,依然是等到烟到了的时...
2019-10-26 15:03:12
114
原创 js代理模式总结
代理模式的定义:当一个请求想要访问一个原始对象A的时候,实际访问的是A的代理对象B,由对象B对请求做出一些处理之后,在把请求转交给原始对象A。案例一( 一般代理模式 )场景:某一天小明数学考试考了50分,这时候如果老师直接把试卷给到父亲的手里,那小明怕是免不了一顿毒打;那如果老师把试卷给了小明,小明再回家给到父亲,那小明是不是可以在给父亲之前改一下自己的分数呢?在这个过程中:老师把试卷给...
2019-10-20 16:05:30
149
原创 js策略模式总结
策略模式的定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。(来自《JavaScript设计模式与开发实践》)**案例一:**假设我们有18元钱,打算去买水果,水果店里有三种水果:苹果(1元)、雪梨(单价2元)、香蕉(单价6元),那么我们买不同种类的水果,买到的数量是不一样的,接下来收我们用策略模式来模拟一下let buyFruits = { 'apple': funct...
2019-10-07 10:12:14
134
原创 js单例模式总结
首先,单例模式的定义 是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。案例:我们拿水果店来举例,首先创建一个水果店的类,保证不论多少次调用都只会创建一个水果店的实例var Fruit = function( name ){ this.name = name;};Fruit.prototype.getName = function(){ console.log( this....
2019-09-22 14:48:49
166
原创 js判断数据类型的三种方法(文章最后有快捷方法哦!)
js判断数据类型的方法有很多种,本文只选择三种使用频率较高的方法来说明,这里比较推崇使用第三种方法,闲话少说下面开始介绍:1、typeoftypeof new String( 'bart' ); // objecttypeof 'bart'; // stringtypeof 10; // numbertypeof true; // booleantypeof null; // obje...
2019-09-01 15:12:37
169
原创 js判断自然数
搜了一下没搜到js的,就自己写了一个,O(∩_∩)O~function isNaturalNum(num) { if (typeof num !== 'number') return false; if (Number.isNaN( num )) return false; if ( (1 / num) < 0 ) return false; if (num < 0) ret...
2019-08-25 09:45:06
1659
转载 Vue项目打包后体积很大
版权声明:本文为CSDN博主「小白阿里里」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_39224266/article/details/83894187在通过 npm run build 命令后得到项目文件发现体积很大,其实这是由于在打包时生成了.map 文件,因为项目打包后,代码都是经过压缩加密...
2019-08-20 15:21:57
3645
2
原创 es6操作数组方法
1.forEach( item, index, array ): 遍历数组,对数组的每个元素执行一次提供的函数,改变当前数组,没有返回值item: 当前项的值index: 当前项的索引array: 操作的数组let arr1 = [ 'a', 'b', 'c' ];let arr2 = arr1.forEach( ( item, index, arr ) => { if...
2019-08-11 16:43:06
304
原创 关于js截取字符串函数 substr substring slice 的用法以及区别
关于js截取字符串函数 substr substring slice 的用法以及区别1.substring( startIndex, endIndex ) 返回从索引startIndex 开始 到索引 endIndex之前的字符串。注意:如果两个参数相等则返回空字符串如果只传一个参数,那么将从该位置截取到字符串末尾如果第一个参数 > 第二个参数,那么执行的过程中会判断两个参数的大...
2019-08-04 16:31:52
223
原创 js中烦人的this的四种绑定规则
只说明在非严格模式下的情况! not "use strict"1.默认绑定:直接调用函数,那么this将被绑定到全局作用域下,也就是window对象function foo() { var a = 3; console.log( this.a );}var a = 2;foo(); // 2为什么不是3呢?因为此时执行 foo() 相当于执行 window.foo(),所以...
2019-07-27 16:59:46
168
原创 小鲨鱼的程序生涯开始
2019.7.21 小鲨鱼想写博客了大家好,我是小鲨鱼,一名前端开发工程师,目前工作一年,请多指教。大学里学的并不是对口计算机专业,因为高考得分数有点纠结,所以调剂上了一个普通本科,学的教育相关专业。我在校的课余期间还是一直坚持在一些学习网站自学前端开发相关的知识和技能,2018年3月,凭借我的运气在学校周围找到了一家互联网公司进行了三个月的实习,我体验了976,那时候我只会写html 和 ...
2019-07-21 12:33:12
303
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人