- 博客(112)
- 收藏
- 关注
RSS订阅转载 一图让你明白爬虫与反爬虫进化过程
爬虫与发爬虫的厮杀，一方为了拿到数据，一方为了防止爬虫拿到数据，谁是最后的赢家？重新理解爬虫中的一些概念爬虫:自动获取网站数据的程序反爬虫：使用技术手段防止爬虫程序爬取数据误伤：反爬虫技术将普通用户识别为爬虫，这种情况多出现在封ip中，例如学校网络、小区网络再或者网络网络都是共享一个公共ip，这个时候如果是封ip就会导致很多正常访问的用户也无法获取到数据。所以相对来说封ip的策略不是特...
2019-09-09 11:45:07
489
原创 Vue 使用原生给标签绑定事件
工作中遇到一个后台给前端埋的坑，前端使用框架vue，后端将单选input直接渲染给到前端，需要前端给input绑定点击事件。代码示例：/** 原生radio绑定click事件 */ bindingClick() { let ios = document.getElementsByTagName("input"); this.$nextTick(() =&g...
2019-06-15 14:39:35
4766
原创 vue 版本发布 在线跟新用户操作解决方案
因本司更新迭代的速度很快，有时候更改一个BUG就要马上更新版本，就会引起用户在应用当中，页面点击无反应的情况出现。解决方案有两种：1.window.addEventListener('error')监听页面是否更新版本，判断js或css报错时，强制刷新页面，就可以正常使用了。index.html 入口文件<script> window.addEventLis...
2019-06-10 17:52:03
1016
1
原创 vue 项目地址去掉 #的方法
vue-router 设置 history 模式vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用 URL 的 hash 来模拟一个完整的 URL，所以当 URL 改变时，页面不会重新加载，只是根据 hash 来更换显示对应的组件，这就是所谓的单页面应用。但是使用...
2019-05-25 16:49:34
6579
转载 移动Web UI库（H5框架）有哪些，看这里就够了
前言今年上半年，项目组在项目开发的过程中建立了一套风格统一，组件丰富完善，命名统一规范的PC端UI库，适用于做大型站点，该UI库也是应用到了整个平台的项目中，在各个项目组中进行推广。因为项目的保密性，这里不方便给出实际项目，当然目前这套UI库也不是开源的。下半年开始，我们偏向做移动Web的同学也开始考虑要梳理出这样一套适用于移动端的UI库，与PC端UI库命名规范保持一致，便于项目组同学在PC...
2019-05-21 14:43:24
1964
原创 小程序开发API之更新管理器wx.getUpdateManager()、UpdateManager
wx.getUpdateManager()获取全局唯一的版本更新管理器，用于管理小程序更新。关于小程序的更新机制注：更新机制 小程序冷启动时如果发现有新版本，将会异步下载新版本的代码包，并同时用客户端本地的包进行启动，即新版本的小程序 需要等下一次冷启动才会应用上。 如果需要马上应用最新版本，可以使用 wx.getUpdateManager API 进行处理...
2019-05-13 10:12:06
4948
原创 几个画图的js插件
1、d3.js （http://www.d3.org/）使用svg技术，展示大数据量，动态效果很好，但是API暴露的不好，得靠自己摸索。2、http://raphaeljs.com/reference.html 基于svg封装的插件，API做的很好，也有一些demo。3、http://www.jtopo.com/ 基于html5的画图工具，画网络拓扑图很厉害很厉害。...
2019-05-08 16:35:59
5018
转载 Vue 使用中的小技巧
vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~1. 多图表resize事件去中心化1.1 一般情况有时候我们会遇到这样的场景，一个组件中有几个图表，在浏览器resize的时候我们希望图表也进行resize，因此我们会在 父容器组件中写： mounted()...
2019-05-07 11:25:54
285
转载 vue插件总结——总有你能用上的插件
今天闲来没事，把vue的插件组件给大家总结了一下，也做了简单的分类，喜欢的可以收藏哦！UI组件框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立...
2019-02-14 12:01:56
3875
1
转载 Cordova打包报错整理
好几个需要注意的地方，都放在这一篇里面吧。1.第一个是在进行添加android环境的时候出现错误，会报一个类似SDK环境变量配置不正确的错误，下次我遇到截图，这次急着处理Bug忘记截图了，这种时候两种可能：1. android版本的问题，执行cordova platforms add android语句的时候后面加上android的版本号。2. SDK安装目录下有个文件缺失一部分，这时需要...
2019-01-12 16:51:52
2294
转载 vue开发 Android环境搭建
首先说一下需要的几样东西：JDK Java环境1.到官网下载jdk，建议8以后的版本吧，点击下载，双击下载下来的exe文件执行，之后一路点击，注意调整一下安装目录：尽量不要在C盘、安装目录不要有中文或空格。2.JDK安装很快，安装完成之后会提示安装JRE，同样调整一下目录，和JDK安装目录一样的要求，注意：JDK和JRE尽量在同一文件夹下但不在同一文件夹内，如果你操作很快，上面两步两分钟就...
2019-01-12 15:12:06
8210
1
转载 用Cordova打包Vue项目为app
现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的，有兴趣的可以去学习使用一下。下面我就教大家怎么使用cordova打包Vue项目：在打包之前，确保环境安装成功，各方面都没有错误，不然会吃很多苦头，关于其他的环...
2019-01-11 17:09:35
1153
转载 mpvue开发小程序 会出现的坑
1.同一组件内嵌套的 v-for 不能连续使用相同的索引，目前为: index,index<li v-for="(list, index) in datas" :key="index"> <div class="h-btn-block" :class="{'active':current==list.code}" @tap="current=list.code"
2018-12-21 12:02:15
490
原创 js搜索键关键字变色 封装方法及小程序显示
js/** * 搜索键关键字变色 * @param {*} data 要替换的数组 * @param {*} key 替换字段的key值 * @param {*} value 搜索的关键字 */function searchNotes (data, key, value) { // 搜索键关键字变色 var nWord = value // 获取el表达式冲文本框输入的关...
2018-12-21 11:58:49
1994
转载 js中replace的用法
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下Js代码1. <script language="jav...
2018-12-21 11:48:32
6669
转载 Fetch 使用基础详解
原文链接：https://css-tricks.com/using-fetch/。 本文介绍了Fetch基本使用方法及zlFetch库的使用无论用JavaScript发送或获取信息，我们都会用到Ajax。Ajax不需要刷新页面就能发送和获取信息，能使网页实现异步更新。几年前，初始化Ajax一般使用jQuery的ajax方法：$.ajax('some-url', { succe...
2018-12-13 09:55:25
1836
转载 vue 懒加载
vue路由配置以及按需加载模块配置1、首先在component文件目录下写俩组件：First.vue :<template> <div>我是第一个页面</div></template> <script> export default { name: 'first', data () { ...
2018-12-13 09:51:39
846
转载 Flex 布局：实例篇
转自：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html作者： 阮一峰介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved...
2018-12-06 10:44:13
240
转载 Flex 布局详解
转自：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html作者： 阮一峰网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了...
2018-12-06 10:07:40
161
转载 JavaScript ES6 必须懂的重点
JavaScript ES6 带来了新的语法和新的强大功能，使您的代码更现代，更易读。它允许您编写更少的代码并执行更多操作。 ES6 向我们介绍了许多强大的功能，如箭头函数，模板字符串，对象结构，模块等，让我们来看看。const and letconst 是 ES6 中用于声明变量的新关键字。 const 比 var 更强大。使用后，无法重新分配变量。换句话说，它是一个不可变的变量，除非它...
2018-12-03 11:00:37
346
转载 CSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框
在网页中，经常会用到各种Icon，如果老是麻烦设计狮画出来不免有些不好意思，所以有时候我们也可以用CSS写出各种简单的形状，一来可以减轻他们的负担，二来也可以使用CSS替代图片，提高加载速度。在网页中，结合CSS能画出来的最基本的形状就是矩形，所以，我们可以在矩形的基础上做出各种变换，得到很多不同的形状。这次的分享主要用到圆角、边框、定位等知识点（鉴于IE9以上才支持圆角，暂时不考虑兼容问...
2018-11-30 17:33:40
2277
1
转载 调试第一步：让强大的console家族助你一臂之力
console相比大家一定不陌生，平时项目中用的最多的就是console.log()方法吧。但是console相关的方法有很多，涉及的调试面板的相关内容比较广泛，彻底弄清楚它们并在项目中合理使用，有助于我们更好的开发和调试。下面我们在控制台打印一下console，看看它还有哪些神奇的方法：如果没了解过console的，似不似惊呆了，console还有这么多方法？下面我们从最简单的con...
2018-11-30 11:30:49
327
转载 前端面试宝典之性能篇
一、网络相关1.1 DNS 预解析 DNS 解析也是需要时间的，可以通过预解析的方式来预先获得域名所对应的 IP <link rel="dns-prefetch" href="//yuchengkai.cn">1.2 缓存 缓存对于前端性能优化来说是个很重要的点，良好的缓存策略可以降低资源的重复加载提高网页的整体加载速度 通常浏览器缓存策略分为两种：...
2018-11-30 09:43:02
220
转载 前端面试宝典之常见其他技术问题
如何评价AngularJS和BackboneJS backbone具有依赖性，依赖underscore.js。Backbone + Underscore + jQuery(or Zepto)就比一个AngularJS 多出了2 次HTTP请求. Backbone的Model没有与UI视图数据绑定，而是需要在View中自行操作DOM来更新或读取UI数据。AngularJS与此相反，M...
2018-11-30 09:40:52
254
转载 前端面试宝典之网络安全
常见web安全及防护原理sql注入原理 就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令 总的来说有以下几点 永远不要信任用户的输入，要对用户的输入进行校验，可以通过正则表达式，或限制长度，对单引号和双"-"进行转换等 永远不要使用动态拼装SQL，可以使用参数化的SQL或者直接使用存储过程进行数据查...
2018-11-29 11:44:06
801
转载 前端面试宝典之手写代码篇
手写事件侦听器，并要求兼容浏览器var eventUtil = { getEvent: function (event) { return event || window.event; }, getTarget: function (event) { return event.target || event.srcElement; ...
2018-11-29 11:41:44
1075
转载 前端面试宝典之Ajax篇
什么是 Ajax? 如何创建一个Ajax？ AJAX(Asynchronous Javascript And XML) = 异步 JavaScript + XML 在后台与服务器进行异步数据交换，不用重载整个网页，实现局部刷新。 创建 ajax 步骤： 1.创建 XMLHttpRequest 对象 2.创建一个新的 HTTP 请求，并指定该 HTTP...
2018-11-29 11:30:22
237
转载 利用CSS改变图片颜色的100种方法！
原创： 前端指南前言“说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。” 本文略长，请耐心阅读你以为这些是经过PS软件处理出来的？不不不，纯粹的是用css写出来的，很神奇把。 强大的 CSS:filt...
2018-11-29 11:07:48
3136
转载 浏览器渲染之重绘重排
重绘和重排定义 重绘：当渲染树中的元素外观（如：颜色）发生改变，不影响布局时，产生重绘 回流：当渲染树中的元素的布局（如：尺寸、位置、隐藏/状态状态）发生改变时，产生重绘回流 注意：JS获取Layout属性值（如：offsetLeft、scrollTop、getComputedStyle等）也会引起回流。因为浏览器需要通过回流计算最新值 3. 回流必将引起重绘，而重绘...
2018-11-29 09:38:56
244
转载 外边距重叠-css冷知识
外边距重叠就是 margin-collapse。相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。 这种合并外边距的方式被称为折叠，结合而成的外边距称为折叠外边距折叠结果遵循下列计算规则： 两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值 两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值 两个外边距一正一负时，折...
2018-11-29 09:37:52
594
转载 前端面试宝典之HTTP篇
http状态码有那些？分别代表是什么意思？简单版 100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理...
2018-11-28 13:59:52
182
转载 前端面试宝典之VUE篇
什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewM...
2018-11-28 13:58:41
575
转载 前端面试宝典之react篇
React 中 keys 的作用是什么？Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素...
2018-11-28 13:57:03
698
转载 前端面试指南之js篇
JavaScriptJavaScript的组成 JavaScript 由以下三部分组成： ECMAScript（核心）：JavaScript 语言基础 DOM（文档对象模型）：规定了访问HTML和XML的接口 BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 JS的基本数据类型和引用数据类型 基本数据类型：und...
2018-11-28 13:54:39
232
转载 前端面试宝典之es6
ES6的了解新增模板字符串（为JavaScript提供了简单的字符串插值功能）、箭头函数（操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。）、for-of（用来遍历数据—例如数组中的值。）arguments对象可被不定参数和默认参数完美代替。ES6将promise对象纳入规范，提供了原生的Promise对象。增加了let和const命令，用来声明...
2018-11-28 13:51:19
316
转载 前端面试宝典之HTML篇
HTML语义化 HTML标签的语义化是指：通过使用包含语义的标签（如h1-h6）恰当地表示文档结构 css命名的语义化是指：为html标签添加有意义的class 为什么需要语义化： 去掉样式后页面呈现清晰的结构 盲人使用读屏器更好地阅读 搜索引擎更好地理解页面，有利于收录 便团队项目的可持续运作及维护 ...
2018-11-28 13:50:06
179
转载 前端面试宝典之css篇
CSSdisplay: none; 与 visibility: hidden; 的区别 联系：它们都能让元素不可见 区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见 display: none;是非继承属性，子孙节...
2018-11-28 11:43:59
224
转载 详解javaScript的深拷贝
目录 浅谈深拷贝和浅拷贝 深拷贝和浅拷贝的区别 为什么要使用深拷贝？ 深拷贝的要求程度 怎么检验深拷贝成功 只对第一层级做拷贝 拷贝所有层级 存在大量深拷贝需求的代码——immutable提供的解决方案 正文 前言： 最开始意识到深拷贝的重要性是在我使用redux的时候...
2018-11-28 11:33:26
160
原创 从回调（callback）到 Promise 到异步函数（async await）
在 promise 被加入到 JavaScript 语言之前，异步代码一般使用基于回调的 API，尤其是在 Node.js 中。这是一个例子：function handler(done) { validateParams((error) => { if (error) return done(error); dbQuery((error, dbResults) =&...
2018-11-28 10:44:16
674
转载 进阶之函数节流与函数防抖
原文标题：函数节流与函数防抖原文地址：https://justclear.github.io/throttle-and-debounce/原文作者：justclear 什么是函数节流与函数防抖举个栗子，我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放（以前是，现在不知道）中基本是以每秒 24 张的速度播放...
2018-11-27 11:06:28
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人