- 博客(71)
- 收藏
- 关注
RSS订阅转载 Vue页面缓存和不缓存的方法
第一步 在app中设置需要缓存的div//缓存的页面1 <keep-alive>2 <router-view v-if="$route.meta.keepAlive"></router-view>3 </keep-alive>4 5 //不缓存的页面6 <router-view v-if="!$rout...
2019-09-06 11:47:00
1029
转载 JavaScript数据类型
面试了几个开发者，他们确实做过不少项目，能力也是不错的，但是发现javascript基础并不好，于是决定写一下这篇javascrip数据类型相关的基础文章，其实也不仅仅是因为面试了他们，之前自己在面试的时候，也曾经被虐过，面试官说过的最深刻的一句话我到现在都记得。基础很重要，只有基础好才会很少出bug，大多数的bug都是基础不扎实造成的。这里给出两道我们公司数据类型基础相...
2019-08-07 18:03:00
141
转载 JS常用函数原理的实现
本文针对目前常见的面试题，实现了相应方法的核心原理，部分边界细节未处理。后续也会持续更新，希望对你有所帮助。1、实现一个call函数//思路：将要改变this指向的方法挂到目标this上执行并返回Function.prototype.mycall=function(context){if(typeofthis!=='function'){...
2019-08-07 17:57:00
231
转载 js 继承的简单理解
什么是继承js中的继承就是获取存在对象已有属性和方法的一种方式.继承一 属性拷贝就是将对象的成员复制一份给需要继承的对象. 1 // 创建父对象 2 var superObj = { 3 name:'liyajie', 4 age:25, 5 friends:['小名','小丽','二蛋'],...
2019-07-12 16:52:00
113
转载 css垂直居中
第一种css3的transform写在子级上 1 .ele{ 2 display:inline-block; 3 /*设置元素绝对定位*/ 4 position:absolute; 5 /*top 50%*/ 6 top: 50%; 7 /*left 50%*/ 8 left: 50%; 9 /*css3 transform 实现*/10 t...
2019-06-24 19:12:00
65
转载 隐藏滚动条
3种方法实现CSS隐藏滚动条并可以滚动内容2018-03-17539View0隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标...
2019-06-06 22:01:00
170
转载 排列组合
1 var data = ['a', 'b', 'c', 'd']; 2 function getGroup(data, index = 0, group = []) { 3 var newArr = []; 4 newArr.push(data[index]); 5 for (var i = 0; i...
2019-05-24 15:27:00
84
转载 gulp
一、gulp简介 gulp是一个自动化构建工具。在开发过工程中，能够使用gulp对项目进行自动构建，大大提高工作效率。二、安装gulp 在安装gulp之前先要确认已经正确安装了node.js，然后在项目根目录下安装gulp： $ npm install gulp三、gulp函数接口介绍 在编写gulp配置文件gulpfile之前，需要先了解...
2019-05-17 17:38:00
172
转载 详解单页面路由的几种实现原理
前言路由是每个单页面网站必须要有的，所以，理解一下原理，我觉得还是比较重要的。本篇，基本不会贴代码，只讲原理，代码在页底会有githup地址，主意，一定要放在服务本地服务器里跑（因为有ajax），希望能帮到你。众所周知单页面网站的路径跳转全是通过js来控制的，下面咱们来讲讲第一种：url完全不动型这一种的情况是url完全不动，即你的页面怎么改变，怎么跳转url都不...
2019-05-14 17:44:00
585
转载 超过两行显示省略号 -webkit-line-clamp、-webkit-box-orient vue打包后不起作用
为了实现两行显示缩略显示，但是本地是可以显示，打包后不起作用word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;超过两行...
2019-04-09 12:55:00
145
转载 日期时间过滤
自定义格式 1 filters: { 2 formatDate: function(val, fmt) { 3 let value = parseInt(val); 4 if (!value) return "几天前"; 5 let getDate = new Date(value * 1000); 6 ...
2019-03-22 14:22:00
421
转载 上传图片相关问题
input框type=file设置cursor:pointer的问题为了让美化上传文件框，设置了cursor:pointer;,然而不起作用，然后百度找到了解决方法，设置font-size:0，这样就可以了。使用 vue-lazyload 当需要动态切换图片时，DOM绑定的图片不会变，查看插件官方文档跟demo都没有说到这一问题， 难道这个问题就不能解决了，后...
2019-03-20 14:47:00
90
转载 原码、反码、补码之间的相互关系
1、10001的补码是取反后在再加1，也就是11110+1=11111；2、如果是11111变回原码呢？我们可以采取逆过程先减1,11111-1=11110，再取反变为10001；3、如果要是在补码变原码时先去反再加一呢？（就是问题中的说法）结果为11111先取反为10000，再加1,10000+1=10001。这个结果与2是一样的，并且也是和1中的原码相吻合。在取反前减1和在取反后...
2019-02-14 17:08:00
2100
转载 在用 JavaScript 工作时，我们经常和条件语句打交道，这里有5条让你写出更好/干净的条件语句的建议。...
1.多重判断时使用 Array.includes2.更少的嵌套，尽早 return3.使用默认参数和解构4.倾向于遍历对象而不是 Switch 语句5.对 所有/部分 判断使用 Array.every & Array.some6.总结1.多重判断时使用 Array.includes让我们看一下下面这个例子:1 // condition...
2019-01-25 11:30:00
83
转载 冒泡排序最佳情况的时间复杂度
冒泡排序的时间复杂度O(n) 1 var modifiedBubbleSort = function (array) { 2 var length = array.length; 3 var swap = function (index1, index2) { 4 var aux = array[index1]; 5 ...
2019-01-17 15:32:00
416
转载 path的join和resolve的使用区别
文章目录1.连接路径：path.join([path1][, path2][, ...])2.路径解析：path.resolve([from ...], to)3.对比1.连接路径：path.join([path1][, path2][, ...])path.join()方法可以连接任意多个路径字符串。要连接的多个路径...
2019-01-15 11:25:00
71
转载 SCSS入门
1. CSS预处理器定义了一种新的专门的编程语言，编译后成正常的CSS文件。为CSS增加一些编程的特性，无需考虑浏览器的兼容问题，让CSS更加简洁，适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理器语言：scss（sass）、LESS等；2.Sass和SCSS的区别文件扩展名不同：“.sass”和“.scss”；Sass是以严格缩进式语...
2019-01-14 11:03:00
75
转载 webpack 前后端分离开发接口调试解决方案，proxyTable解决方案
如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。dev-server 使用了非常强大的http-proxy-middleware包。更多高级用法，请查阅其文档。在localhost:3000上有后端服务的话，你可以这样启用代理：proxy: { "/api": "http://localhost:...
2018-12-10 19:21:00
117
转载 JS中原型链的理解
new操作符具体干了什么呢?其实很简单，就干了三件事情。1 var obj = {};2 obj.__proto__ = Base.prototype;3 Base.call(obj);第一行，我们创建了一个空对象obj第二行，我们将这个空对象的__proto__成员指向了Base函数对象prototype成员对象第三行，我们将Base函数对象的th...
2018-11-27 23:09:00
64
转载 30分钟，让你彻底明白Promise原理
前言前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。本文的promise源码是按照Promise/A+规范来编写的（不想看英文版的移步Promise/A+规范中文翻译）引子为了让大家更容易理解，...
2018-11-27 22:03:00
68
转载 状态码常用对照表
状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最...
2018-11-27 21:20:00
475
转载 前端性能优化方案都有哪些？
前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源...
2018-11-27 21:16:00
208
转载 js实现快速排序的方法
第一种是通过两个for循环，每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置，这个方法就是比较次数太多了，效率比价低。我只是传入了一个10位数的数组，如果是上万或者更大的数据，不知道您的电脑会不会蓝屏了，嘿嘿，你可以试试哦！12345678910111213...
2018-11-22 22:15:00
98
转载 什么时候你不能使用箭头函数？
1. 定义对象方法JS 中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的 this 就会指向方法所属的对象。1.1 定义字面量方法因为箭头函数的语法很简洁，可能不少同学会忍不住用它来定义字面量方法，比如下面的例子 JS Bin：const calculator = { array: [1, 2, 3], sum: ...
2018-11-22 20:02:00
107
转载 继承
分为属性和方法的继承组合继承：原型链继承+构造函数继承 使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，即通过在原型上定义方法实现了函数复用，又保证了每个实例都有它自己的属性。1234567function Parent(age){ this.name = ...
2018-11-22 09:27:00
64
转载 Js数组去重方法总结
Array.from(new Set(arr))[...new Set(arr)]var newarr=[];abc.filter(a=>!newarr.includes(a)&&newarr.push(a));abc.forEach(a=>!newarr.includes(a)&&newarr.push(a...
2018-11-22 09:14:00
62
转载 返回数组的层深
let deep=1;function array_depths(arr){let maxDeep=1;arr.forEach(item=>{if( typeof item == 'object'){deep = array_depths(item) + 1;maxDeep=deep>maxDeep?deep:maxDeep;}})re...
2018-11-15 18:22:00
99
转载 JS中深拷贝数组、对象、对象数组方法
我们在JS程序中需要进行频繁的变量赋值运算，对于字符串、布尔值等可直接使用赋值运算符 “=” 即可，但是对于数组、对象、对象数组的拷贝，我们需要理解更多的内容。首先，我们需要了解JS的浅拷贝与深拷贝的区别。我们先给出一个数组：var arr = ["a","b"];现在怎么创建一份arr数组的拷贝呢？直接执行赋值运算吗？我们来看看输出结果var arrCo...
2018-11-13 22:16:00
71
转载 setTimeout解决循环值的几种方法
for(var i=0;i<5;i++){ setTimeout(function(){ console.log(`错误 ${i}`); },0) } for(var i=0;i<5;i++){ (function(i){ setTimeout(function(){ ...
2018-11-13 19:59:00
163
转载 iview 表单相关
view表单验证的步骤：第一步：给 Form 设置属性 rules :rules第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“第三步：注意：Form标签里面是 :model第四步：注意：在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效第五步：在操作保存按钮时，添加方法，对整个表单进行校验，参数为检验完的回调...
2018-10-19 15:21:00
101
转载 express
路由路由是指如何定义应用的端点（URIs）以及如何响应客户端的请求。路由是由一个 URI、HTTP 请求（GET、POST等）和若干个句柄组成，它的结构如下：app.METHOD(path, [callback...], callback)，app是express对象的一个实例，METHOD是一个HTTP 请求方法，path是服务器上的路径，callback...
2018-09-08 10:48:00
51
转载 数组的includes操作
数组实例的 includes()Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。ES2016 引入了该方法。[1, 2, 3].includes(2) // true[1, 2, 3].includes(4) // false[1, 2, NaN].includes...
2018-08-14 14:29:00
353
转载 SQl
分页查询：SELECT * FROM Account t1 WHERE ID IN ( SELECT TOP 30 ID FROM ( SELECT TOP 90 ID FROM Account ORDER BY ID ASC ) t ORDER BY t.ID DESC ) ORDER BY t1.ID视图：v_Contractselect ty...
2018-08-07 19:31:00
56
转载 项目中nodejs包高效升级插件npm-check-updates
nodejs包高效升级插件npm-check-updates最近想升级npm的包1、//常规的包升级方式/2、npm update (包)到npm一搜发现了一个很好的升级工具npm-check-updates安装方法sudo npm install -g npm-check-updates如果是cnpmsudo cnpm install -g npm-ch...
2018-08-07 11:33:00
198
转载 正则表达式的整理（将金钱数变成带有千分位）
//价格千分位格式化 function formatNum(num){ return (num.toFixed(2) + '').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,'); }password=E10ADC3949BA59ABBE56E057F20F883E'12345678901'.replace(/...
2018-07-06 10:41:00
392
转载 在网页中显示PDF文件及vue项目中弹出PDF
1、<embed width="800" height="600" src="test_pdf.pdf"> </embed> <embed v-show="pdfShow" width="800" height="600" src="../../../public/data/significant.pdf"> </embed>通...
2018-06-28 17:08:00
1604
转载 从一个数组中过滤出另外一个数组中相关字段相等的数据
var curr=BD.Currencies.filter(function(p){ var exR= BD.exchangeRates.filter(function(r){return r.To_Currency==p.Code})[0]; return exR||p.Code=="USD";//一定包含美元});转载于:https://www.cnblo...
2018-06-13 17:07:00
715
转载 IONIC3 打包安卓apk详细过程（大量图文）
经历三天的踩坑，跳坑，相信绝大多数的问题都已经覆盖到了，请仔细按照流程来对照操作及检查。1.基本依赖环境nodejs环境 (作为一个前端相信你已经有了)最好提前配置好node的环境变量，便于全局访问。jdk(下面细说)SDK(下面细说，其实主要难就难在SDK配置了)gradle(下面细说)2. 基本工具gitbash(就是用来替代wi...
2018-05-31 18:35:00
131
转载 移动端web常见问题解决方案
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari (new)将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewpor...
2018-05-08 15:40:00
284
转载 数组中去除重复的对象的简单方法and&&的使用
const arr = [{name:'tom',age:15},{name:'rose',age:17},{name:'tom',age:11},{name:'rose',age:15},{name:'jack',age:18},{name:'tom',age:10}]var has...
2018-03-31 10:37:00
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人