12 2018 档案
摘要：xlsxwriter.class.php
阅读全文
摘要：image_all_rgb.php 匹配图像中的验证码
阅读全文
摘要：片段 1 片段 2 phpExcel 操作示例 示例 导出 excel 带图片 <?php exit; ini_set("memory_limit","512M"); include "../framework/library/phpexcel/PHPExcel.php"; include "
阅读全文
摘要：``` //身份证验证 $id_card = ''; $preg_card="/^[1 9]\d{5}[1 9]\d{3}((0\d)|(1[0 2]))(([0|1|2]\d)|3[0 1])\d{3}([0 9]|X)$/i"; if(preg_match($preg_card,$id_card
阅读全文
摘要：``` '你好','b'=>'他们','c'=>'tudo');
1. implode(delm,array) //jion 将数组合并成string #print_r(implode(',',$arr_test)); 2. explode('delm',string) //将字符串切割成数组 3. array_merge() //合并一个或者多个数组 4. array_combin...
阅读全文
摘要：PHP生成短连接的方法.md PHP生成短连接的方法 直接贴上方法，函数可以查看手册。
阅读全文
摘要：```cache = & Cache::instance(); $this->queuecachename = 'queue_'.$queuename; $result = $this->cache->get($this->queuecachename); if(is_array($result)) { $this->_que...
阅读全文
摘要：“类 mixin” 指的是 Vue 中的 mixin，Regular 中的 implement 使用 Mixin 的目的 首先我们需要知道为什么会有 mixin 的存在？ 为了扩展对象（组件）的功能 扩展对象功能的需求是很容易的理解的。比如业务开发时会碰到跨模块传递消息的需求，常用的方法是使用 “发
阅读全文
摘要：目的 了解 Nginx 的 ngx_http_limit_conn_module 和 ngx_http_limit_req_module 模块，对请求访问量进行控制。 Nginx 模块化 nginx 的内部结构是由核心模块和一系列的功能模块所组成。模块化架构使得每个模块的功能相对简单，实现高内聚，同
阅读全文
摘要：1.运行 1.1Shell分类： Linux 的 Shell 种类众多，常见的有： Bourne Shell（/usr/bin/sh或/bin/sh） Bourne Again Shell（/bin/bash） C Shell（/usr/bin/csh） K Shell（/usr/bin/ksh）
阅读全文
摘要：在移动端里, 当输入框处于页面比较下方的时候回发生键盘覆盖输入框的情况, 在小程序中也发生了类似情况, 但小程序提供了一些api, 但不能达到需求. 这里来简单说一下解决思路. 小程序的默认行为 在发生了键盘覆盖输入框的时候, 在不操作任何api的情况下, 小程序会把屏幕向上推, 推到输入框正好在键
阅读全文
摘要：上一篇博文，可算把像素这个东西讲清楚了。在这篇博文里面，将继续介绍viewport相关的内容。 很多博客都会提到PPK所讲的三个viewport，有的讲的比较复杂，看的云里雾里，我这里也大概介绍一下，三个viewport主要是相对于移动端而言的。 visual viewport 这个是浏览器给我们用
阅读全文
摘要：6.1理解对象 创建方式：函数生成 和 字面量 例如： 属性类型 (1)数据属性： "[configurable]" , "[enumerable]" , "[writable]" ,[[value]], 通过Object.defineProperty(obj, proper, properObj)
阅读全文
摘要：bind函数 bind 函数挂在 Function 的原型上 Function.prototype.bind 创建的函数都可以直接调用 bind,使用： bind 的作用： bind() 方法调用后会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为新函数运行时的 this的值，
阅读全文
摘要：前言 最近，有个朋友向我诉苦说，面试的时候突然被问到了如何实现布局和原理，有点懵。之前JavaScript的部分回答得挺好的，偏偏在这里翻船了，完全没有思路，后面的面试状态一落千丈。结局也如他所料，没有被录取。 我给这个朋友做了解答之后，回家整理出此文。希望其他小伙伴面试中，再被问及圣杯布局的时候，
阅读全文
摘要：1. 前言 早在几个月前，就想自己动手写个轮播图组件，因此也看了许多文章，断断续续过了几个月，今天终于有时间腾出手来给此插件做个总结，因此有了这篇文章。话不多说，先上 Demo, 效果如下： 2. HTML and CSS 本文不讨论html,css的实现方式，直接贴上代码 3. javascrip
阅读全文
摘要：lodash.js是一款超火的js库，在npm上平均周下载量达到了惊人的12,374,096,github start36K!大量框架都用到了lodash,包括拥有123kstart的vue本文对比lodash英文文档，加上一些小栗子和个人的经验~~,希望能帮到你们 lodash采用了immutab
阅读全文
摘要：js 中的 number 为何很怪异 声明：需要读者对二进制有一定的了解 对于 JavaScript 开发者来说，或多或少都遇到过 js 在处理数字上的奇怪现象，比如： 如果想要弄明白为什么会出现这些奇怪现象，首先要弄清楚 JavaScript 是怎样编码数字的。 1. JavaScript 是怎样
阅读全文
摘要：当一个Vue的项目体积变得十分庞大的时候，使用Webpack的代码分离功能将Vue Components，routes或Vuex的代码进行分离并按需加载，会极大的提高App的首屏加载速度。 在Vue的项目中，我们可以在三种不同的情况下使用懒加载和代码分离功能： Vue组件，也称为异步组件 Vue R
阅读全文
摘要：说明 Pug原名不叫Pug，是大名鼎鼎的jade，后来由于商标的原因，改为Pug，哈巴狗。其实只是换个名字，语法都与jade一样。丑话说在前面，Pug有它本身的缺点——可移植性差，调试困难，性能并不出色，但使用它可以加快开发效率。本文将详细介绍pug模板引擎。 安装 常用命令 普通编译，会在同目录下
阅读全文
摘要：先来普及一下深拷贝和浅拷贝的区别浅拷贝：就是简单的复制，用等号即可完成 这就完成了一个浅拷贝但是当修改对象b的时候，我们发现对象a的值也被改变了 这是因为浅拷贝只复制了指向对象的指针，新旧对象共用同一块内存，修改某一个对象的同时也会把另一个都一并修改了 深拷贝：跟浅拷贝最简单明了的区别就是修改拷贝的
阅读全文
摘要：上次大家跟我吃饱喝足又撸了一遍PromiseA+，想必大家肯定满脑子想的都是西瓜可乐...... 什么西瓜可乐！明明是Promise！ 呃，清醒一下，今天大家搬个小板凳，听我说说JS中比较有意思的事件环，在了解事件环之前呢，我们先来了解几个基本概念。 栈（Stack） 栈是一种遵循后进先出（LIFO
阅读全文
摘要：什么是jsonp JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<
阅读全文
摘要：1.中间键使用 koa body 2.书写路由，croller书写方法 uploadData.js 3.处理excel存储，解析,处理excel用的库是 xlsx uploadExcelSrv.js //接收上传的excel文件，保存解析返回objects const xlsx = require(
阅读全文
摘要：Vue 页面的代码 axios接口 js部分调用封装的接口 在这里我并没有用form方式，而是将input隐藏，用label绑定input，当我们点击label的时候，也就点击了input 我将请求封装在了另一个文件里，为ChangeAvatar()函数，如果不封装，按常规写法一样是可以的 Form
阅读全文
摘要：背景 在本地开发vue项目的时候，当你习惯了proxyTable解决本地跨域的问题，切换到nuxt的时候，你会发现，添加了proxyTable设置并没有什么作用，那是因为你是用的vue脚手架生成的vue项目，它里面已经帮你写好了相关的proxyTable的设置代码。 build/dev server
阅读全文
摘要：前言 最近写项目开发新模块的时候，每次写新模块的时候需要创建一个组件的时候（包含组件css,index.js,组件js）,就只能会拷贝其他组件修改名称 ，但是写了1 2个后发现效率太低了，而且极容易出错,所以自己写一个npm包来减少工作量,下面就一步一步来创建一个属于自己的npm仓库 首先第一步创建
阅读全文
摘要：因为刚入手「 Mac 」很多淫技还不懂，在一次使用 npm install 的时候安装出错，提示为 npm 与 node 的版本有问题，所以就想着卸载重新装一个版本。 但是因为刚使用「 Mac 」所以为是蒙逼的不知道怎么去卸载，于是就去网上查阅了一番。 后面发现有些办法是删除不掉 node 的，所以
阅读全文
摘要：使用Node.js模拟发起http请求很常用的,但是由于Node模块（原生和第三方库）提供里面的方法都是异步，对于很多场景下应用很麻烦，不如同步来的方便。下面总结了几个常见的库API从异步转同步的几种方法。模块有：request, request promise , request promise
阅读全文
摘要：适配器设计模式在JavaScript中非常有用，在处理跨浏览器兼容问题、整合多个第三方SDK的调用，都可以看到它的身影。 其实在日常开发中，很多时候会不经意间写出符合某种设计模式的代码，毕竟设计模式就是老前辈们总结提炼出来的一些能够帮助提升开发效率的一些模版，源于日常的开发中。 而适配器其实在Jav
阅读全文
摘要：WebWork浅谈 前言： 都知道JS是单线程语言，最让人头疼的莫过于在网络正常的情况下经常出现页面的假死， 以及在进行大量的for循环计算时会导致线程阻塞,由于要进行大量的计算JS后面的运行会被阻隔在此处，使得性能较差，代码维护性差等一系列的问题发生。 本人也看了很多关于webwork的demo和
阅读全文
摘要：前言 最近在研究使用webpack的使用,在查阅了数篇文章后,学习了webpack的基础打包流程. 本来就可以一删了之了,但是觉得未免有点可惜,所以就有了这篇文章,供大家参考. webpack打包的教程具有时效性,有不少作者在一直维护一篇文章.超过一定时间参考价值就会下降,希望各位了解这一点. 使用
阅读全文
摘要：在React搭建的SPA项目中页面的title是直接写在入口index.html中，当路由在切换不用页面时，title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢？1.在定义路由时增加title属性。 2.在路由的index.js获取到自定义的title设置页面标题即可。 来源：h
阅读全文
摘要：前言 最近在搞一些监控的东西， 需要根据不同的环境上报到不同的地址，中间遇到了一些问题，在这里简单总结分享下。 关于process.env 假如你对process.env 相关的概念还不熟悉， 请移步： Node环境变量 process.env 的那些事儿 , 这篇文章总结的比较好。 webpack
阅读全文
摘要：前言 这两天在和运维GG搞部署项目的事儿。 碰到一个问题就是，咱们的dev，uat，product环境的问题。 因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题。折腾了一下午，查询了各种资料这才把这Node环境变量process.env给弄明白。 下面这就做个问题解决的记录。
阅读全文
摘要：前端自动化开发环境 配置前端自动化开发环境，主要功能有： 浏览器自动刷新 1 安装nodejs 去nodejs官网下载最新稳定版本，即LTS版本，Windows环境下下载安装版，否则需要自己手动添加路径到环境变量中。安装成功打开cmd输入： 出现版本号即安装成功。 2 nodejs包管理器 默认安装
阅读全文
摘要：最近在看Typescript，顺便看了一些函数式编程，然后半个国庆假期就没有了。做个笔记，分几个部分写吧。 最开始接触函数式编程的时候，第一个接触的概念就是高阶函数，和柯里化。咋一看，这不就是长期用来讲作用域的demo吗？我在日常也有用啊，有啥吗？ 其实呢，设计模式或则编程范式往往不在于技巧，而在于
阅读全文
摘要：request是服务端发起请求的工具包 1、安装 2、基本用法 默认是GET请求 POST请求 POST form格式上传数据 来源：https://segmentfault.com/a/1190000016610925
阅读全文
摘要：使用JSON.stringify的思考 使用过JSON对象的程序员最常做的一项工作便是，将JSON对象转化为字符串。该字符串的用途很多，例如可以使用在WEB的URL中，在多个页面间进行传递。 对于这个转换过程我们用的太得心应手，所以很少再去思考这中间是否还有需要优化的地方。其实只要稍微深入思考一点，
阅读全文
摘要：最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢? 这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上 exec babel node 这还不够，因为我们没有去配置
阅读全文
摘要：报错信息如下： 解决办法如下： 解释原因：saas是一个日本人搞得ruby语言中使用的一个预编译器，以前使用的时候我们需要安装ruby环境，后来gulp整合了saas也是挺好用的，但是，node saas就需要python环境了，所以很多人又不知道，就升级了node，导致node saas无法使用了
阅读全文
摘要：module 在 Node.js 模块系统中，每个文件都视为独立的模块，node在运行某个模块儿时会生成一个module对象 id为当前文件 exports为当前node文件模块儿导出的值 parent为父级调用，如果为null则该文件没有被调用 filename为当前文件名 loaded是否被加载
阅读全文
摘要：描述 最近在用es6解leetcode，当问题比较复杂时，有可能修正了新的错误，却影响了前面的流程。要用通用的测试工具，却又有杀鸡用牛刀的感觉，所以就写了个简单易用的leetcode开发测试工具，分享与大家。 工具安装 npm i leetcode_test 使用示例1 (问题010) codes:
阅读全文
摘要：在使用 React 编写组件的时候，我们常常会碰到两个不同的组件之间需要共享状态情况，而通常的做法就是提升状态到父组件。但是这样做会有一个问题，就是尽管只有两个组件需要这个状态，但是因为把状态提到了父组件，那么在状态变化的时候，父组件以及其下面的所有子组件都会重新 render，如果你的父组件比较复
阅读全文
摘要：typescript+react+antd基础环境搭建（包含样式定制） tsconfig.json 配置 package.json 配置 routes.tsx页面 该页面主要用来配置路由 指定登录页面推荐使用react router dom 里面的各种接口直接继承感觉很方便 简单的业务组件(只为了说
阅读全文
摘要：问题 使用.map(function(Item)生成元素添加onClick事件：onClick={this.provinceChange.bind(this, "99")}时，前台访问报错：Uncaught TypeError: Cannot read property 'provinceChang
阅读全文
摘要：经过一段时间的react开发，自己总结了一些小习惯，自动构建webpack 1. 组件命名文件夹 一个组件一个文件夹，可读性高，结构清晰 引用 ： webpack能自动识别文件夹内index文件 (index首字母只能小写) React 的 JSX 里约定分别使用首字母大、小写来区分本地模块的类和
阅读全文
摘要：开始之前 在书写文章之前，我假设大家已经有了 JavaScript，Node 包管理工具，Linux 终端操作 这些基本技能，接下来，我将一步一步指引大家从头搭建一个 React 项目 最终实现的效果 我们将使用 Webpack 和 Babel 搭建一个 React 应用，我们的目的很清晰，就是 更
阅读全文
摘要：问题1： 目标： 解决方案： 问题2： 目标： 解决方案： 来源：https://segmentfault.com/a/1190000017439805
阅读全文
摘要：jQuery的工具属性 jQuery类数组操作 length属性 表示获取类数组中元素的个数 get()方法 表示获取类数组中单个元素“括号中填写该元素的索引值” index()方法 表示用过指定类数组中的元素来获取对应的索引值“括号中填写指定元素的选择器” $.makeArray()方法 表示将指
阅读全文
摘要：使用 javascript 替换 jQuery jQuery 曾风靡一个时代，大大降低了前端开发的门槛，丰富的插件也是前端开发者得心应手的武器库，但是，这个时代终于要落幕了。随着 JS 标准和浏览器的进步，jQuery 的很多精华被原生 JS 吸收，我们直接使用原生 API 就可以用类似手法来处理以
阅读全文
摘要：jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它
阅读全文
摘要：ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。据小编FQ了解到，ajax很早就有了，只不过那时候都不用它，后来谷歌把它用在谷歌地图上，人们感觉使用起来很方便，而且页面不用刷新，
阅读全文
摘要：前言 最近有点闲，想起关注已久的mpvue写小程序，所以稍微肝了半个多月写了个github版的微信小程序，已上线。现在总结一下遇到的坑。 扫码体验、 项目地址、https://github.com/cheesekun/wx github mina坑 scroll view 高度 可滚动视图区域。使用
阅读全文
摘要：本文章从如下图所示的最基本的table入手，分析table组件源代码。本人已经对table组件原来的源码进行削减，源码点击这里下载。本文只对重要的代码片段进行讲解，推荐下载代码把项目运行起来，跟着文章的思路阅读。 思路 table、table header、table body、table colu
阅读全文
摘要：组件库的现状 前端目前比较主流的框架有react，vuejs，angular等。 我们通常去搭建组件库的时候都是基于某一种框架去搭建，比如ant design是基于react搭建的UI组件库，而elementUI则是基于vuejs搭建的组件库。 虽然目前社区有相关工具，提供框架之间的转化服务，比如讲
阅读全文
摘要：更新时间：2018 07 29 1.data functions should return an object 2.我给组件内的原生控件添加事件,怎么不生效了 3.我用了 axios或ES6promise新特性, 为什么 IE 浏览器不识别(IE9+) 4.跨域问题No 'Access Contr
阅读全文
摘要：使用全局路由守卫 实现 前端定义好路由，并且在路由上标记相应的权限信息 全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上
阅读全文
摘要：写组件的时候遇到一个需求，我需要在子组件向父组件传递信息 在父组件使用v on来接收 这样就可以接收到子组件传递的信息1和信息2，easy。 但我需要在内联语句中传递一个额外参数，平时子组件只附带一个参数的时候，可以使用$event 但是$event只接收第一个参数，也就是这么写只能接收到信息1 最
阅读全文
摘要：首先下载flexible.js和px2rem 对webpack进行配置。进入build文件夹对utils.js中的postcssLoader做如下修改 然后在vue loader.conf.js中的module.exports里添加 remUnit后的数字为设计稿宽度的十分之一之后在全局引入flex
阅读全文
摘要：一个vue table的组件 说明： 1.基于element ui开发的vue表格组件。 功能: 1.支持树形数据的展示 2.行拖拽排序 3.单元格拖拽排序 github 使用方法： 1.下载npm包: 你的VUE项目的根目录底下运行： npm install ele table <templ
阅读全文
摘要：对于金额的显示，大多情况下需要保留两位小数，比如下面的（表格采用 element ui）： 在vue.js中，对文本的处理通常是通过设置一系列的过滤器，过滤器可以用在两个地方：双花括号插值 和 v bind 表达式 (后者从 2.1.0+ 开始支持)。 定义过滤器 toFixed() 方法可把 Nu
阅读全文
摘要：如何配置vue cli 3中vue.config.js的路径别名？ 前段时间更新电脑重装了一下vue cli，发现了vue cli已经更新到3.0版。用来搭建项目后发现简化了很多，而且配置文件现在可以全部统一在vue.config.js中，很方便有没有，从此以后一个配置文件走遍公司大小项目，妈妈再也
阅读全文
摘要：路由跳转 超链接方式跳转 html： <div id="app"> <h1>Hello App!</h1> <p> <! 使用 router link 组件来导航. > <! 通过传入 属性指定链接. > <! <r
阅读全文
摘要：礼拜天来公司整理项目，项目是最近开始重构的，里面的各种http请求接口是restful结构的（为了提升项目的比格），整理一下笔记 封装好的axios请求如下：1.在相应的api文件中定义方法（如下是goods中的删除商品分类的方法） 2.在需要的vue界面调用 这里由于封装的时候将axios封装为P
阅读全文
摘要：Vue 实现展开折叠效果 效果参见：https://segmentfault.com/q/1010000011359250/a 1020000011360185 上述链接中，大佬给除了解决方法，再次进行总结，方便以后使用。 除了使用jQuery的方式实现上述效果，同样可以在Vue实现，下面是解决办法
阅读全文
摘要：20180829 更新 今天反复试了，不用区分 测试环境还是 生产环境，统一都用 cdn 就可以了 背景 之前自己搭建了一个 vue + tp5.1 的后台项目（https://segmentfault.com/a/11...），坑很多，其中一个就是资源加载的方案，由于是后台项目，之前一直没放在心上
阅读全文
摘要：一、前言 我在vue项目中遇到了一个表格排序的需求，根据某一项的值的大小从大到小调整数组顺序。 二、代码 表格大概是这个样子，样式和图片在代码中简化了。 1. 排序方法 这里用到的是数组的sort方法，这个方法有一个需要注意的地方，就是不传参数的话，将按字母顺序对数组中的元素进行排序，说得更精确点，
阅读全文
摘要：最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现，有的不会，用模拟器不会出
阅读全文
摘要：facebook三大项目：yarn jest metro，有横扫宇宙之势。 而jest项目的宗旨为：减少测试一个项目所花费的时间成本和认知成本。 ——其实，它在让你当一个好老师。jest文档非常简略、难以阅读， 因此才有了这篇文章。 jest是vue、react和vue cli技术栈的重要一环，也是
阅读全文
摘要：做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点 1.npm安装 导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))： 注册组件： template使用 2
阅读全文
摘要：单独零散的函数 在main.js里进行全局注册 Vue.prototype.ajax = function (){} 在所有组件里可调用 this.ajax() 多个函数定义在一个对象里 来源：https://segmentfault.com/a/1190000016403356
阅读全文
摘要：移动端轮播图插件，在使用iview图形界面插件中的carousel组件无法实现触摸滑动后，转而使用vue awesome swiper插件 1.npm安装 我这里安装的是下面的这个版本 2.使用 全局导入： 组件引入 在template中使用 data中配置 3.遇见的问题 这个插件，在图片只有一张
阅读全文
摘要：Vue.winward.js vue.js最简实现(the most simple vue.js) 让所有人都看得懂Vue原理建议看完Vue.winward.js后，结合mpvue源码解读单页应用路由实现没那么难 Vue,再看一遍Vue源码 Mind vue.js是一个响应式库，在这里我将它剖开:
阅读全文
摘要：Vue.js 最核心的功能就是组件（Component），从组件的构建、注册到组件间通信，Vue 2.x 提供了更多方式，让我们更灵活地使用组件来实现不同需求。 一、构建组件 1.1 组件基础 一个组件由 template、data、computed、methods等选项组成。需要注意： templ
阅读全文
摘要：前提 项目是直接通过 vue cli脚手架 生成的； 假设在项目开发中，分为三个环境 · 测试环境· 预生产环境· 生产环境 每个环境的接口地址都是不同的，而 vue cli 给出的环境只有 dev 和 prod 这两个。虽然可以选择每次打包项目前手动修改 config/prod.env.js 中的
阅读全文
摘要：vue image swipe 基于photoswipe实现的vue图片预览组件 安装 1 第一步 2 第二步 vue 入口文件引入 使用 methods 只暴露了一个方法this.$imagePreview，并绑定到vue的原型上使用 options有三个参数 参数 默认值 说明 images 空
阅读全文
摘要：熟悉 eslint loader 的同学一般如下配置： 设置一下几项： test : A condition that must be met（一般是处理对应文件的正则） exclude : A condition that must not be met（手动添加不需要处理的，一般比如 node_
阅读全文
摘要：在 @vue/cli plugin babel/index.js 中： 我们看一下 api.genCacheConfig 在文件：@vue/cli service/lib/PluginAPI.js 中被定义： Generate a cache identifier from a number of
阅读全文
摘要：官方文档中介绍过在 vue.config.js 文件中可以配置 parallel，作用如下： 我们看一下源码部分： parallel 接受 boolean 值： 默认设置如下： 依赖了函数 hasMultipleCores in some cases cpus() returns undefined
阅读全文
摘要：首先还是简单介绍一下 webpack bundle analyzer 是做什么的： Visualize size of webpack output files with an interactive zoomable treemap. 一个很强大的用来优化打包之后文件提交的工具。 在老版本的脚手架
阅读全文
摘要：首先，我们看到在 package.json 中有 scripts 的定义： "scripts": { "serve": "vue cli service serve", "build": "vue cli service build", "lint": "vue cli service lint"}
阅读全文
摘要：在本文开始之前，先留一个问题？ 如果在新版本我想加一个 drop_console 的配置呢？ 在老版本的脚手架生成的配置中，对于线上环境的文件：webpack.prod.conf.js 使用了插件：uglifyjs webpack plugin 插件配置如下： 我们看一下新版本的是如何处理的呢？ 在
阅读全文
摘要：首先，请记住： 它在新版本的脚手架项目里面非常重要 它有什么用呢？ inspect internal webpack config 能快速地在控制台看到对应生成的 webpack 配置对象。 首先它是 vue 的一个扩展命令，在文件 @vue/cli/bin/vue.js 中定义了 command
阅读全文
摘要：在 vue.config.js 配置中有一个 indexPath 的配置，我们先看看它有什么用？ 用来指定 index.html 最终生成的路径（相对于 outputDir） 先看看它的默认值：在文件 @vue/cli service/lib/options.js 中 默认值： 使用案例： 我们在
阅读全文
摘要：大家还记得我们在老版本中，对于线上环境配置中会把所有的 css 多打成一个文件： 核心是使用了插件 extract text webpack plugin，方式如下： 第一步都是加载插件 这个插件的描述如下： Extract text from a bundle, or bundles, into
阅读全文
摘要：在 vue cli 3 初始化的项目根目录下面：和 src 同级有一个 public 目录 官网的说明如下：https://cli.vuejs.org/zh/guid... 然后我们把一个文件 a.png 放置到它里面，不管打包还是 dev 起服务的时候，可以通过根目录访问 比如 build 的时候
阅读全文
摘要：写在前面 组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景 文章对相关场景预览 父 >子组件间的数据传递 子 >父组件间的数据传递 兄弟组件间的数据传递 组件
阅读全文
摘要：一、先安装axios依赖，还有qs依赖 qs依赖包用post请求需要用到的 插入一个知识点： npm install X save 会把依赖包安装在生产环境中，并且把依赖包名称添加到 package.json 文件 dependencies。而如果npm install X save dev则会把依
阅读全文
摘要：vue hash模式下，URL中存在' '，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改 方法一： 方法二：vue.js官方教程里提到的https://router.vuejs.org
阅读全文
摘要：结论 对于event loop 可以抽象成一段简单的代码表示 js事件机制 javascript是一个单线程语言，同一时间只能执行一个任务。对于javascript的事件处理机制，我们可以简单理解成“主线程+任务队列”模式。主要步骤如下 （1）所有同步任务都在主线程上执行，形成一个执行栈。（2）主线
阅读全文
摘要：一、引子 闭包（closure）是 Javascript 语言的一个难点，面试时常被问及，也是它的特色，很多高级应用都要依靠闭包实现。本文尽可能用简单易懂的话，讲清楚闭包的概念、形成条件及其常见的面试题。 我们先来看一个例子： 上面代码中，函数f1可以读取全局变量n。但是，函数外部无法读取函数内部声
阅读全文
摘要：路由基本概念 route，它是一条路由。 routes，是一组路由。 router可以理解为一个容器，或者说一种机制，它管理了一组route。简单来说，route只是进行了URL和函数的映射，而在当接收到一个URL之后，去路由映射表中查找相应的函数，这个过程是由router来处理的。 VUE中 $r
阅读全文
摘要：iview 3.x框架中新添了一个Anchor（锚点组件），用这个组件去做页面的分类导航正好合适，但是苦于官方文档太过抽象研究了一整天，才勉强可以在项目中应用。下面是我研究后的一点总结： 首先在main.js中引入iview 3.x我使用部分引用组件的方法所以要单独引入Anchor组件 接着在要使用
阅读全文
摘要：1、安装vue router 2、引入注册vue router 3、链接跳转 4、经常用到 5、路由配置 6、路由参数方式变化时，重新发出请求并更新数据 7、编程式导航 router.push({name:'user',params:{userId:'123'}}) //命名路由导航到user组件
阅读全文
摘要：本文目前总结的特性如下1.侦听属性和计算属性2.class的绑定3.条件渲染时的注意事项4.v if和v for同时使用的注意事项5.插槽6.ref,父组件调用子组件的另一种方式7.<keep alive>标签 侦听属性和计算属性 计算属性computed假设有A、B两个变量,B的值依赖
阅读全文
摘要：axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue resource的维护，直接推荐axios库，小编我也是从vue resource转换过来的，差别说不来，我们讲一下axios在实际开发中的用法 axios特点 1.从浏览
阅读全文
摘要：监听事件 可以使用v on指令监听DOM事件，并在触发的时候运行一些JavaScript代码。 事件处理方法 因为事件处理逻辑会更为复杂，所以直接把JavaScript代码写在v on指令中是不可行的，因此v on还可以接受一个需要调用的方法名称。 内联处理器中的方法 除了直接绑定到一个方法，也可以
阅读全文
摘要：基础用法 你可以用v model指令在表单input，textarea以及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但是v model本质上不过是语法糖。它负责监听用户的输入事件以更新数据。 v model会忽略所有表单元素的value, che
阅读全文
摘要：介绍 Vue 的 Provide 以及 Inject Provide 以及 Inject 是 Vue 中用于祖先元素向其所有后台元素注入依赖的接口。 具体用法 注意：通过 Inject 获得的属性是不可响应的。 项目中实际应用 在项目中，如需要两个基础组件的父子组件进行通信，又不想写太多业务无关代码
阅读全文
摘要：方案背景 IOS用的是jsBridge插件实现调用、传参、回调的 安卓是在window挂载方法和挂载回调的 IOS实现方案 调用原生方法封装如下 实际调用如下 注册方法给原生 安卓实现方案 调用原生方法 定义回调方法/注册方法给原生 特殊说明 安卓在交互中的参数传递只能支持string类型，对象参数
阅读全文
摘要：最近出去面试，栽在这个问题上，提到vuejs，面试官一般会让你说vuejs的特点，一般就要回答virtual dom tree, dom tree diff, 以及数据双向绑定,然后面试官会追问你，vuejs是如何实现数据双向绑定的，前面的问题算基础的话，能答出这个就更上一个台阶，说明你的思考能力不
阅读全文
摘要：插槽内容 Vue实现一套内容分发的API， 这套API基于当前的web组件规范草案，将<slot>元素作为承载分发内容的出口。 然后在<navigation link>的模板中可能会写为： 当组件渲染的时候，这个<slot>元素将会被"Yourt Profile"
阅读全文
摘要：Vue2介绍 1.vue2.0 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层 采用单文件组件 复杂大型单页应用程序（SPA） 响应式的数据绑定，与组件化的开发 HTML中的DOM与其他的部分独立开来划分出一个层次，这个层次就叫做
阅读全文
摘要：网页一进入判断是否登录，未登录跳转到登录页面 router.js main.js 来源：https://segmentfault.com/a/1190000016889438
阅读全文
摘要：吐槽 今天，在vue中遇到 复杂表格的渲染 ，需要合并表头th的单元格，且合并单元格的那列的表头数据是动态数据，也就是不知道会有多少个表头列，而这几个表头列还分了好几个子表头。 这个需求在js里用Juicer模板很好做的，思路我是有的，但就是对于vue，我也算初学者，很多概念不是很懂，这就限制了思路
阅读全文
摘要：Vue源码探究 数据绑定的实现 本篇代码位于vue/src/core/observer/ 在总结完数据绑定实现的逻辑架构一篇后，已经对Vue的数据观察系统的角色和各自的功能有了比较透彻的了解，这一篇继续仔细分析下源码的具体实现。 Observer // Observer类用来附加到每个观察对象上。
阅读全文
摘要：一、前言 forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。 二、代码 1. 相同点 都是数组的方法 都用来遍历数组 两个函数都有4个参数：匿名函数中可传3个参数item(当前项), index(当前项的索引), ar
阅读全文
摘要：在微信内H5调起微信支付，主要依赖于一个微信的内置对象WeixinJSBridge，这个对象在其他浏览器中无效。 主要代码： 以上就是微信内H5调起支付的方法~ 原文地址：https://segmentfault.com/a/1190000017013969
阅读全文
摘要：本人微信公众号：前端修炼之路，欢迎关注 背景介绍 大概在今年的十月份左右，我了解到Dcloud推出了uni app。当时下载了一个Hbuilder X，下载了官方提供的hello示例教程。经过一番努力，在云端打包成功了。当时这个软件还不够完善，用iphone真机模拟运行时，还会存在中文乱码问题。我还
阅读全文
摘要：基于 vue cli3 搭建的前端模板，fork 或 clone 本仓库，即可搭建完成一个新项目的基础模板，源码地址，欢迎 star 或 fork 特性 CSS 预编译语言：less Ajax: axios，做了一定的封装，详见 src/services/request.js SVG 雪碧图：采用
阅读全文
摘要：从很久之前就已经接触过了angularjs了，当时就已经了解到，angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。今天，就我们就来一步步解析vue.js响应式的原理，并且来实现一个简单的demo。
阅读全文
摘要：vue waterfall2 1.宽度自适应,数据绑定特效(适用于上拉加载更多) 2.自定义程度高 3.使用极为简便,适用于PC/移动端 4.提供resize(强制刷新布局 适用于下拉刷新)/mix(扰乱布局) API，一般情况下不需要用到 5.后期将持续更新，提供animation（过渡动画） D
阅读全文
摘要：对 Vuex 源码进行浓缩，DIY 一个小型 Vuex 功能如下 通过 $store.commit 改变 $store.state 实现 strict model 源码约70行左右比较好理解，下面讲解一下两个比较重要的点。 install Vue.use(Vuex)实际上调用的是 Vuex 的 in
阅读全文
摘要：背景： 目前我们项目都是按组件划分的，然后各个组件之间封装成产品。目前都是采用iframe直接嵌套页面。项目中我们还是会碰到一些通用的组件跟业务之间有通信，这种情况下iframe并不是最好的选择，iframe存在跨域的问题，当然是postMessage还是可以通信的，但也并非是最好的。目前有这么一个
阅读全文
摘要：这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib flexible 在main.js中 ：import 'lib flexible/flexible'2.引入px2rem loader 3.将px2rem loader添加到cssLoaders
阅读全文
摘要：本文由蔡述雄发表 接下来我们会详细分析下如何完成由多个组件组成一个复用组件的开发流程。 下面先看看我们的需求 列表组件quiList.vue 本节我们主要要完成这样一个列表功能，每一行的列表是一个组件，列表内可能出现按钮组件或者箭头组件，点击按钮组件可以自定义事件，同时可以根据不同的参数来决定当前列
阅读全文
摘要：Vue项目中使用Vue.js devTools这款调试神器，可以极大程度的提高我们的开发效率。 安装 1、打开Chrome网上应用商店安装插件（自墙）,直接搜索devTools安装即可。贵宾传送阵，请戳这里→Chrome网上应用商店 2、从github上下载到本地。贵宾传送阵，请戳这里→vue de
阅读全文
摘要：Vue响应式原理之defineReactive defineReactive 不论如何，最终响应式数据都要通过defineReactive来实现，实际要借助ES5新增的Object.defineProperty。 defineReactive接受五个参数。obj是要添加响应式数据的对象；key是属性
阅读全文
摘要：vuex源码分析 了解vuex 什么是vuex vuex是一个为vue进行统一状态管理的状态管理器，主要分为state, getters, mutations, actions几个部分，vue组件基于state进行渲染，当state发生变化时触发组件的重新渲染，并利用了vue的响应式原理，衍生出ge
阅读全文
摘要：目录结构 ├── scripts 构建相关的文件，一般情况下我们不需要动│ ├── git hooks git钩子│ ├── alias.js 别名配置│ ├── config.js rollup配置的文件│ ├── build.js 构建 config.js 中所有的rollup配置│ ├── c
阅读全文
摘要：Vue源码探究 虚拟DOM的渲染 在虚拟节点的实现一篇中，除了知道了 VNode 类的实现之外，还简要地整理了一下DOM渲染的路径。在这一篇中，主要来分析一下两条路径的具体实现代码。 按照创建 Vue 实例后的一般执行流程，首先来看看实例初始化时对渲染模块的初始处理。这也是开始 mount 路径的前
阅读全文
摘要：[toc] 在chrome(版本 70.0.3538.110)测试正常编写涉及：css, html,js, node(koa) 在线演示codepen html代码 css代码 JavaScript代码 hash方式 class HashRoute { setRoute() { const comm
阅读全文
摘要：passived到底有什么用？ passived主要用于优化浏览器页面滚动的性能，让页面滚动更顺滑~~ passived产生的历史时间线 addEventListener()：大家都是认识的，为dom添加触发事件，故事就从这里开始。 在早期addEventListener是这样的： useCaptu
阅读全文
摘要：回顾vue官方文档的过程中发现了is这个特性，虽然以我的写代码风格实在用不上，不过还是记录一下这个知识点 is的作用 总所周知，ul里面嵌套li的写法是html语法的固定写法（还有如table,select等）。 my component是我们自己写的组件，但是html在渲染dom的时候，my co
阅读全文
摘要：vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行 下面就来讲vue如何在ie8以上ie版本中运行 1.安装 babel polyfill 2.在项目入口文件，如本项目中的main.js文件
阅读全文
摘要：在PHP程序中经常需要用shell_exec执行一些命令，而普通的shell_exec是阻塞的，如果命令执行时间过长，那可能会导致进程完全卡住。在Swoole4协程环境下可以用Co::exec并发地执行很多命令。 本文基于Swoole 4.2.9和PHP 7.2.9版本 协程示例 返回值 Co::e
阅读全文
摘要：代码分隔 我们现在大多数React项目都是以Webpack 或者 Browserify等将一堆的jsx文件组织一起，并且由一个类似index.js的入口文件串联起来的单页面web页面。 例如： App: 打完包后： 从这个例子可以看出，打完包后将所有的js都压缩到一个文件里了。随着项目越来越大，打包
阅读全文
摘要：首发于 樊浩柏科学院 Redis 的 管道 （pipelining）是用来打包多条无关命令批量执行，以减少多个命令分别执行带来的网络交互时间。在一些批量操作数据的场景，使用管道可以显著提升 Redis 的读写性能。 原理演示 Redis 的管道实质就是命令打包批量执行，多次网络交互减少到单次。使用管
阅读全文
摘要：如何让 node 运行 es6 模块文件，及其原理 最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化规范来写代码的，包括 node 项目，所以，node
阅读全文
摘要：meta meta中有这样几个常用属性：http equiv，name，content，包括html5新增的charset。 注意：content属性用来存储meta信息的内容，所有的主流浏览器都支持它，但它一般很少单独使用，我们一般使用http equiv或name来定义content属性信息（或
阅读全文
摘要：由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中最关键的一环webpack相关的优化知之甚少，脚手架基本上已经为我们做好了相关的开发准备，但是当我们想要做一些定制化的优化操作时
阅读全文
摘要：7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制，并不是 23 种设计模式都常用。 有的是没有使用场景，有的模式使用场景非常少，所以只是列举 7 个常见的模式 本文的脉络： 设计与模式 5 大设计原则 7 种常见的设计模式 一句话解释含义 列举生活中的场景 、 业务
阅读全文
摘要：说起编译原理，印象往往只停留在本科时那些枯燥的课程和晦涩的概念。作为前端开发者，编译原理似乎离我们很远，对它的理解很可能仅仅局限于“抽象语法树（AST）”。但这仅仅是个开头而已。编译原理的使用，甚至能让我们利用JS直接写一个能运行JS代码的解释器。 项目地址：https://github.com/j
阅读全文
摘要：通用、封装、简化 webpack 配置 现在，基本上前端的项目打包都会用上 webpack，因为 webpack 提供了无与伦比强大的功能和生态。但在创建一个项目的时候，总是免不了要配置 webpack，很是麻烦。 简化 webpack 配置的一种方式是使用社区封装好的库，比如 roadhog。ro
阅读全文
摘要：导言： 耦合性，是对模块间关联程度的度量。耦合的强弱取决于模块间接口的复杂性、调用模块的方式以及通过界面传送数据的多少。模块间的耦合度是指模块之间的依赖关系，包括控制关系、调用关系、数据传递关系。模块间联系越多，其耦合性越强，同时表明其独立性越差。软件设计中通常用耦合度和内聚度作为衡量模块独立程度的
阅读全文
摘要：Swoole4为PHP语言提供了强大的CSP协程编程模式。底层提供了3个关键词，可以方便地实现各类功能。 Swoole4提供的PHP协程语法借鉴自Golang，在此向GO开发组致敬 PHP+Swoole协程可以与Golang很好地互补。Golang：静态语言，严谨强大性能好，PHP+Swoole：动
阅读全文
摘要：首发于 樊浩柏科学院 问题叙述：将一个非负元素数组中的所有元素排列组合在一起，找出值最大的那个排列情况。例如 [0, 9, 523, 94, 10, 4]，排列组合后值最大数为：9945234100。 本文废话较多，可以直接跳转到 编码实现 部分。 背景描述 这是我遇到的一道笔试题。首次遇见我也是很
阅读全文
摘要：前言 本文主要介绍DOM事件级别、DOM事件模型、事件流、事件代理和Event对象常见的应用，希望对你们有些帮助和启发！ 本文首发地址为GitHub博客,写文章不易，请多多支持与关注！ 一、DOM事件级别 DOM级别一共可以分为四个级别：DOM0级、DOM1级、DOM2级和DOM3级。而DOM事件分
阅读全文
摘要：本文由小芭乐发表 0. 引入 首先举一个例子： 模拟在输入框输入后做ajax查询请求，没有加入防抖和节流的效果，这里附上完整可执行代码： 效果：在输入框里输入一个，就会触发一次“ajax请求”（此处是console）。 没有防抖和节流 缺点：浪费请求资源，可以加入防抖和节流来优化一下。 本文会分别介
阅读全文
摘要：WebSockets简介 在2008年中期，开发人员Michael Carter和Ian Hickson特别敏锐地感受到Comet在实施任何真正强大的东西时所带来的痛苦和局限。 通过在IRC和W3C邮件列表上的合作，他们制定了一项计划，在网络上引入现代实时双向通信的新标准，因此创造了“WebSock
阅读全文
摘要：前段时间忙，好久没更新了，继续梳理基础知识这期总结的是JS的基本概念 标识符 所谓的标识符是指变量，函数属性的名字，或者函数的参数 第一个字符必须是一个字母，下划线(_)或者一个美元符号($)，其他字母可以是字母，下划线，美元符号或数字。 严格模式 严格模式是为JS定义一种不同的解析与执行模型，要启
阅读全文
摘要：本人微信公众号：前端修炼之路，欢迎关注 本篇文章整理自己使用过的和看到过的一些插件和工具，方便日后自己查找和使用。 另外，感谢白小明，文中很多的工具来源于此。 弹出框 layer：http://layer.layui.com/ 独立维护的三大组件之一（layDate、layer、layim） dia
阅读全文
摘要：跨域，相信大家无论是在工作中还是在面试中经常遇到这个问题，常常在网上看到别人所整理的一些方法，看似知道是怎么回事，但如果没有动手实践过，总觉得自己没有真正的掌握，在这里，通过自己认真思考整理一些常用的方法。 跨域的产生 不用多讲，作为一名前端开发人员，相信大家都知道跨域是因为浏览器的同源策略所导致的
阅读全文
摘要：由于图片的加载是在dom加载完成之后进行的，于是，在手机端浏览网页时，经常会看到页面刚打开时很多内容叠在一起，当图片加载完成后，页面会由于图片加载完成出现明显的抖动 针对这个问题，有以下几种解决方案 媒体查询+px rem vm padding 媒体查询+px 移动端设备种类繁多，媒体查询固然精准，
阅读全文
摘要：最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知
阅读全文
摘要：在做前端开发时，我们时常使用ajax与服务器通信获取资源，享受ajax便利的同时，也知道它有限制：跨域安全限制，即同源策略。 同源策略（SOP）,核心是确保不同源提供的文件之间是相互独立的 默认情况下，XHR对象只能访问与包含它的页面处于同一域中的资源，这种限制可以预防某些恶意攻击，但同时也带来很多
阅读全文
摘要：apply语法 第一个参数指定函数体内this对象的指向． 第二个参数为一个带下标的集合，可以是数组或类数组,apply方法把这个集合中的元素作为参数传递给被调用的函数 call语法 第一个参数：代表函数体内this指向 第二个参数：数量不固定，每个参数依次传入函数 当使用call或则apply的时
阅读全文
摘要：前言 最开始接触箭头函数的时候，都是听到别人说”使用箭头函数的话就不需要绑定this，因为它会自动绑定的“，如今深入了解了一下该特性貌似上面的话只对了一半。 什么是箭头函数 箭头函数相对于以前的函数表达式有着更加简洁的语法，最重要的是它不会绑定自己的this、arguments、super或者new
阅读全文
摘要：JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 这种方式是比较常见的方式,比较直观,但是Person() 的职责是构造对象,如果把初始化的事情也放在里面完成,代码就会显得繁琐,如果放在一个方法里初始化会不会好点呢? 升级版 (常见) 可是,
阅读全文
摘要：输入例子 输出例子 分析 验证 我们只需要在数组上直接调用 uniq 方法就可以了，如： 结果为： 进阶 ES6的实现 ES6新增了 Set 对象，也就是我们所说的“集合”，它类似于数组，但是成员 的值都是唯一的，没有重复的值。所以可以方便去重。 Set本身是一个构造函数，用来生成Set数据结构。(
阅读全文
摘要：很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。 校验数字的表达式 校验字符的表达式 特殊需求表达式 原文链接：http://zxin.cnblog
阅读全文
摘要：定义 图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。 惰性加载是程序人性化的一种体现，提高用户体验，防止一次性加载大量数据，而是根据用户需要进行资源的请求。 实现 懒加载的难点在于确定某张图片是否是用户
阅读全文
摘要：首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。 使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。 使用对象构造器 小心使用ty
阅读全文
摘要：文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。 基本概念 在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级
阅读全文
摘要：什么是正则表达式 正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript的RegExp类表示正则表达式，而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。 正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按
阅读全文
摘要：节点属性 操作 Document节点 Element节点 原文链接：https://microzz.com/2017/04/06/jsdom/
阅读全文
摘要：摘要： 云栖社区特在2018年年末，将阿里巴巴的一些重要的开源项目进行整理，希望对大家有所帮助。 开源展示了人类共同协作，成果分享的魅力，每一次技术发展都是站在巨人的肩膀上，技术诸多创新和发展往往就是基于开源发展起来的，没有任何一家网络公司可以不使用开源技术，仅靠自身技术而发展起来。阿里巴巴各个团队
阅读全文
摘要：不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。 如果你有更简单方便的代码，可以分享给大家。 函数里第一个数字是到时间长度，第二个回调函数，回传的time就是当前时间。 勘误：1018 12 12 修正了几个文字错误；优化了几个变量 原文地址：https://seg
阅读全文
摘要：写在前面 既然是浅谈，就不会从原理上深度分析，只是帮助我们更好地理解... 面向对象与面向过程 面向对象和面向过程是两种不同的编程思想，刚开始接触编程的时候，我们大都是从面向过程起步的，毕竟像我一样，大家接触的第一门计算机语言大概率都是C语言，C语言就是一门典型的面向过程的计算机语言。面向过程主要是
阅读全文
摘要：现如今的开发，比如是内部使用的管理平台这种项目大都时间比较仓仓促。实际上来说在使用了webpack + vue 这一套来开发的话已经大大了提高了效率。但是对于我们的开发层面。还是有很多地方可以再次提高我们的项目开发效率，让我们更加专注于业务，毕竟时间就是生命。下面我们挨个来探讨。 巧用Webpack
阅读全文
摘要：1_序列流(了解) 1.什么是序列流 序列流可以把多个字节输入流整合成一个, 从序列流中读取数据时, 将从被整合的第一个流开始读, 读完一个之后继续读第二个, 以此类推. 2.使用方式 整合两个: SequenceInputStream(InputStream, InputStream) 2_序列流
阅读全文
摘要：序 本文主要研究一下jdk http的HeaderFilter。 FilterFactory java.net.http/jdk/internal/net/http/FilterFactory.java 提供了addFilter及getFilterChain方法，前者添加filter class，后
阅读全文
浙公网安备 33010602011771号