- 博客(22)
- 收藏
- 关注
RSS订阅转载 前端错误监控
对于线上的项目，不可避免的要监控错误，及时上报错误，及时止损。下面来看看常用的错误捕捉方式：1、线上错误分类：1）、即时执行错误：代码运行时的错误。捕捉方式： a、try catch b、window.onerror(document.addEventListener('error', function(){}, true))2）、资源加载错误：捕捉方式：a、...
2019-05-25 15:07:00
119
转载 常见前端性能优化方式
在这个流量先行的时代，人们越发的暴躁不安，“急功近利”的心理在等待网页加载的时候，显得更加突出，对推广阶段的的网站，如果网页显示的时间增加1s，可能会损失不少的浏览量，前端优化，提升加载速度，迫在眉睫！下面就总结一下，我在工作中常用的几种优化方案，大神，轻点喷哈1、拆分文件。这一项是针对首屏加载，如果加载的文件体积过大的话，加载就会变慢，我们可以将文件进行拆分，并压缩文件，提升加载速...
2019-05-25 14:24:00
135
转载 你不知道的sticky
position:sticky,Chrome新版本已经做了支持。sticky的中文翻译是“粘性的”，position:sticky表现也符合这个粘性的表现。基本上，可以看出是position:relative和position:fixed的结合体——当元素在屏幕内，表现为relative，就要滚出显示器屏幕的时候，表现为fixed。语法：header { posit...
2019-04-30 11:23:00
145
转载 css两列自适应宽度布局（左定宽，右自适应）
1、利用BFC：<div id="root"> <div class="left">左</div> <div class="right">右</div></div>#root { height: 300px;}.left { float: lef...
2019-04-26 15:39:00
224
转载 前端应该知道的技术缩写
1、BFC（Block Formatting Context）,参考这篇文章---什么是BFC，写的不错，但是我觉得要补充一个条件，body本身就是BFC标签。2、IIFE(Immediately Invoked Function Expression)is aJavaScriptfunctionthat runs as soon as it is defined.常和闭包、作...
2019-04-26 14:45:00
119
转载 js最基础的作用域问题
1、什么是作用域？每个变量和函数，都有其作用的范围，超出这个范围，就不能使用了，这个范围就叫做“作用域”，我们举个例子，一个文件中的变，在另一个文件中直接访问，是访问不到的，两个文件是两个“域”，两个文件中的私有量，另一个文件无法访问，因为超出了“域”。2、我们想用另一个文件中的变量，怎么办？把两个文件合并到一起吧，是不是就可以用了？我们可以把两个文件称为“局部作用域”，把合并后...
2019-04-24 16:59:00
79
转载 vue仿京东画线验证码，前端手指位置数据获取
需求是这样的，京东H5移动端登录，有个安照箭头方向，画线登录的验证，看看是怎么实现的：直接上代码了：<template> <div v-if="visible"> <div class="modal"> <p style="font-size:0.15rem;color: #333333;line-h...
2019-04-23 16:32:00
297
转载 win7 无法链接到手机热点
作为一个对电脑不太懂的小白来说，链接个热点都是问题，来看看我怎么解决的吧。之前连上过这个手机的热点，隔了有段时间了，今天连不上了，这是啥问题？另外一台没连过这个手机热点的电脑是可以链接成功了，纳尼？也就是这个电脑的问题了？好吧，打开 控制面板\网络和 Internet\管理无线网络，如下图：先把你要链接的热点删除掉，再重新连接这个热点：输入正确的密...
2019-04-20 19:41:00
3905
转载 js 取任意两个数之间的随机整数
function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; //不含最大值，含最小值}上面的例子是取[min, max)左闭右开区间的任意数字，假如取...
2019-04-08 20:28:00
348
转载 js常用算法
1.判断一个字符串是“回文”类型，回文：形如‘abcba’、‘mamam’这种第一个与最后一个字符相同，第二个和倒数第二个字符相同。。。一次类推，该怎么实现呢？对与我来说，首先看到第一眼，还真没想起来怎么处理，后来想到用reverse()就可以啊！MD！那是数组的方法！！！总之要用reverse()方法，那就先转成数组，再转成字符串来比较就行了啊function checkR...
2019-04-07 18:59:00
103
转载 从输入url到页面加载的过程
用户端请求步骤：DNS解析URL地址、生成HTTP请求报文、构建TCP连接、使用IP协议选择传输路线、数据链路层保证数据的可靠传输、物理层将数据转换成电子、光学或微波信号进行传输网络传输：从客户机到服务器需要通过许多网络设备，一般地，包括集线器、交换器、路由器等服务器处理及反向传输： 服务器接收到这个比特流，把比特流转换成帧格式，上传到数据链路层，服务器发现数...
2019-04-07 14:36:00
81
转载 forEach和map的区别
写法上没什么区别，只是返回值会不一样，map能够返回每一项，而forEach则返回undefined，以后要用哪个你知道了吧？map返回新的数组，可以进行后续更多的操作，例如：let arr = [1, 2, 3, 4, 5];let arr2 = arr.map(num => num * 2).filter(num => num > 5);// a...
2019-04-07 13:41:00
86
转载 理解 JavaScript 对象原型、原型链如何工作、如何向 prototype 属性添加新的方法。...
JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推（这里的你可能还是懵的状态，先别管其他的，就知道原型是一层一层的就可以）。这种关系常被称为原型链 (prototype chain)，它解释了为何一个...
2019-04-07 10:41:00
184
转载 js 对象可枚举属性以及for in 循环和for of 循环
js中每个对象的属性（js里万物皆属性，对象的属性也是对象）都有一个属性叫enumerable（可枚举性），这个属性true/false决定了该对象的属性是否可枚举（就是让一些方法访问到这个属性）。js中哪些属性可枚举，哪些不可枚举？1、可枚举属性：可以用obj.propertyIsEnumerable(prop)方法来判断，返回Boolean，但是通过原型链继承的属性除外。...
2019-04-06 23:34:00
236
转载 深拷贝和浅拷贝
继续研究基础知识，老菜鸟真的玩不起了，加油吧，腊肉！初学的时候，没理解深浅拷贝，现在玩代码真的是力不从心，决定重新学习基础知识！我们代码中常常这么写：var a = '1234'var b = ab = '5678'console.log(a, b) // '1234' '5678' 结果是： a是a，b是b，两个变量之间没有任何影响，一旦被...
2019-04-06 18:28:00
66
转载 数组扁平化的几种处理放法
清明节，这几天放假闲来无事，好好研究一下基础知识，今天看看数组扁平化该怎么处理：先来看数组扁平化是什么：var arr = [1,2,3,4,[5,6,[7,8]],true] => [1,2,3,4,5,6,7,8,true]就是把二维或者多维数组，转成一维数组。1、我想大部分同学会和一样，首先想到的肯定是遍历数组，如果某一项是基本数据类型，直...
2019-04-06 16:08:00
151
转载 js字符串和数组操作，容易混淆的方法总结（slice、substring、substr、splice）
平时工作中，很少静下心来总结基础知识，总觉得自己会用了，有点飘了，直到碰壁之后才懂得基础知识的重要性。大牛告诉我，一次写对，是不是可以不用F12去调试了？是不是省了时间？简直是面红耳赤，无地自容。在这里记下来，以后不能再模棱两可！因为这几个方法长的差不多，记起来也是相当费劲，今天特意花了点时间，理清楚每个方法的具体用法，这是小白的理解，请看到这篇文章的大牛多多支持！1、首先说，字...
2019-04-05 20:25:00
151
转载 加载的图片太多或太大如何优化
摘要web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的图片太多或者太大导致页面加载完成慢的问题:图片太多导致向服务器请求的次数太多,图片太大导致每次请求的时间过长.本篇将针对图片太多或者太大总结几种优化方案.一.当图片太多时方案一:将图片服务和应用服务分离(从架构师的角度思考)了解到这一点,此方...
2019-03-26 16:31:00
329
转载 多个正则同时使用的问题
function bracketReplace(){ var reg = /\)\]\，|\)\]/g; var reg1 = /\;|\；/g; var reg2 = /\)\，/g; var reg3 = /次\：/g; var td = $(".info_check").find("td"); td.each(function(index) ...
2017-01-19 12:56:00
242
转载 IE9 placeholder 不兼容的解决
坑爹的IE9-，真的是够够的了，不过公司不要求兼容这个玩意了，自己觉得兼容这个鬼还是挺有挑战性的，自己也碰到不少难题，一个个解决。css:.placeholderColor { color : #999; } 先判断浏览器类型（仅判断IE，如果需要请自行查找，线上很多）： function myBrowser(){ var...
2017-01-19 12:48:00
81
转载 IE9（8）跨域（CORS）解决方案
HTML5中XMLHttpRequest Level 2 的推出。可以通过在返回的HTTP请求头中加入Access-Control-Allow-Origin 的设置，让浏览器支持对不同域的AJAX请求。这个情况下前端AJAX的代码不用做任何更改，只需要在服务端的返回中设置以下头信息即可:Access-Control-Allow-Origin: * //*代表任何域。也可以指定...
2017-01-19 12:40:00
138
转载 2016等等我！
不知不觉一年又过去了，还记得过完春节去北京的那天农历2016年正月初六凌晨4:30.从老家山东，坐着叔的五菱神车，赶往北京，仿佛在昨日……2016，对我来说是不平凡的一年，感情、事业都碰到很大的困难。在这里记录一下，也许多年后的我看了自己写的这些乱七八糟的文字，会情不自禁的笑起来，回忆总是那么的美好，可是没有经历哪有回忆？我还是那么安慰自己，生活给了你磨难，那是在磨练你的意志。不管遇...
2016-12-31 20:19:00
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人