开发背景
现有系统已经有一套完整的接口，用户状态、验证都是基于 cookie 的。部分业务要上小程序版本，众所周知，微信小程序不支持 cookie 的。要上线的业务，最好的方式还是基于...

本文实例讲述了JS中call和apply函数用法。分享给大家供大家参考，具体如下：call 函数语法obj.call(thisObj,arg[,arg2[,arg3[,...agr]]]);简介thisObj继承obj的属性和方法(obj...

Nuxt随着现在vue和react的流行，许多网站都做成了SPA，确实提升了用户体验，但SPA也有两个弱点，就是SEO和首屏渲染速度。为了解决单页应用的痛点，基于vue和react的服务端渲染应运而...

px2rem-loader 需要与 flexible 配合使用，不然px2rem仅仅只是转成rem却不会设置rem的信息安装 flexiblenpm i lib-flexible -S然后在main.js中引入import 'lib-flexible/flex...

本文实例讲述了JavaScript对象拷贝与Object.assign用法。分享给大家供大家参考，具体如下：深拷贝与浅拷贝在 JavaScript 中，对于基本数据类型（undefined、null、boolean、number...

一个用webpack4打包的vue 的项目，参照vue-cli的webpack配置，一步一步带你实现一个vue的打包的项目，每一个commit对应一个步骤。github 地址
clone project
git clone git@githu...

一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二...

一、前言当我们的应用遇到多个组件共享状态时，会需要多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。在搭建下面...

由于最近在做一些前端的项目，并且接手了Weex的项目，所以难免和Vue打起了交道，js也是从入门到学习中。项目里用到了Vue的插件机制，所以看了看Vue.use的源码，还是比较简单的，适合新...

期望：开始输出一个0，然后每隔一秒依次输出1,2,3,4。for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 结果：输出5。原因：setTimeou...

最近在写一些奇怪的东西的时候，发现大佬们用go或者其他语言实现的并发任务用了thread.sleep让主进程暂停。回头一想，妈个鸡我要复制粘贴到node一直循环不合适啊，我也需要暂停来...

最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目，有点小激动，想把它上传到 github 并展示一下预览效果，结果踩了好多坑，折腾了大半天才弄好。这里假设你也是和我一样使...

前言最近在看vue的教学视频，正好学到的数组对象排序方法，在这跟大家分享一下，如有不足之处，请赐教。
普通数组的排序
先看代码：<div class="app"> <h1>v-for实例</h1> <hr>...

Vue 提供了11个钩子函数1，从创建到销毁发生的一系列状态叫做什么周期，在这个过程中vue会提供状态函数给我们进行该状态的操作，这个函数叫做钩子函数/生命周期函数/生命周期钩子...

“搜索”可以使我们更快的找到某一个关键词或者某一个商品，所以“模糊查询”和“下拉匹配”也成了前端必备的一个小技能，开门见山，希望对朋友们有帮助。---搜索框模糊查询带下...

目标<template> <my-form v-model="form"> </my-form></template><script> export default { data() { return { form: '' } } }<script>实现//...

如何使用webpack打包JS我们在命令行中输入：webpack -h看看webpack的命令行大全Usage: webpack-cli [options] webpack-cli [options] --entry <entry> --output <output>...

单页应用产出的入口chunk大小随着业务的复杂度线性增加，导致后期加载速度越来越慢。后面就需要对不同路径下的模块进行拆分，打包到相应的chunk下，按需加载，找到chunk的大小、个...

1webpack简介
webpack是目前最流行的打包工具之一，是一个为前端模块打包构建而生的工具，它既吸取了大量已有的方案优点和教训，也解决了很多前端开发过程中已有的痛点，如代码的拆...

javascript在不断的发展，各种新的标准和提案层出不穷，但是由于浏览器的多样性，导致可能几年之内都无法广泛普及，babel可以让你提前使用这些语言特性，他是一种用途很多的javascrip...

最近做项目需要打印快递单，在网上搜索了一下发现直接给出代码的比较少。 首先说一下js网页打印的几种方法：1.window.print()会弹出打印对话框2.使用html 标签引入Webbrowser控...

一、安装1、安装路由vue-router:npm install vue-router
vue项目的依赖文件node_modules存在vue-router依赖，说明安装成功
2、vue项目引入vue-ruoter：二、应用1、路径配置（页面...

前言的前言最近被一款来自京东凹凸实验室的多终端开发框架Taro吸粉了，官方对 Taro 的简介是使用React语法，一键生成多终端应用（包括小程序 / H5 / 快应用 / RN 等），而目前 Github...

json 数组结构如下"head": [{"brand": "../static/images/brand.svg"}],"main": [{"教程": []},想要获取 “教程” 这两个字作为标题，.vue中方法如下<h1> {{Object.keys(sMai...

1、安装jsonpnpm install jsonp2、创建jsonp.js文件，内容如下：import originJSONP from 'jsonp'/** * 封装jsonp * @param {*} url 原始的jsonp第一个参数是url，第二个参数是op...

本文介绍了vue树形结构获取键值的方法示例，分享给大家，具体如下：把键值文件放入引入控件import { getTypeValue } from '@/api/dict/dictValue/index';点击搜索，打开弹窗<el-for...

在vue2.0中引用element-ui组件库element-ui是由饿了么团队开发的一套基于 Vue 2.0 的桌面端组件库。官网： http://element.eleme.io/安装npm i element-ui -S引用完整的eleme...

本文实例讲述了nodejs实现套接字服务功能。分享给大家供大家参考，具体如下：一、什么是套接字1. 套接字允许一个进程他通过一个IP地址和端口与另一个进程通信，当你实现对运行在...

这篇文章主要记录学习 JS 双向绑定过程中的一些概念与具体的实现MVVM 具体概念
MVVM 中有一些概念是通用的，具体如下Directive （指令）
自定义的执行函数，例如 Vue 中的 v-click...

1.遇到需要将svg下载的需求，网上找了一些代码，地址是这个https://github.com/exupero/saveSvgAsPng，但是不太好用，莫名的把网页所有的svg都下载了，于是在源码的基础上做了一些小...

前言大半夜的有个哥们缠着我帮他写的（还硬塞300块给我）
丢给我一个别人的可用的demo给我，我研究一下就搞出来了，下面话不多说了，来一起看看详细的介绍吧。代码：
alipay.html<html...

element-ui 中验证一、简单逻辑验证（直接使用rules）实现思路&#8226;html中给el-form增加 :rules="rules"
&#8226;html中在el-form-item 中增加属性 prop="名称"&#8226;js中直...

实现点击按钮使当前按钮高亮，其他按钮复原的效果实现思路&#8226;在data中定义即将渲染的数据，及activedata() { return { wpList: [ { name: '食品饮料' }, {...

最近看到一个有意思的试题，正好在需求中也碰到类似的问题，即计算某个月的天数问题。碰到类似问题也许大部分会想是不是还要判断闰年、平年，如果这样想的话就复杂了，下面给出具体...

html 和ajax 部分就不写了，只需将需要匹配的文字传进去就可以了 比如匹配后台传回的字符串data.content中的关键词：直接调用：data.content = highLightKeywords(data.content,k...

这里的坑还是蛮多的，花了一个多小时，才理清楚。 做一下笔记，以便于复习。首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpm i better-scrollimport BScroll from 'b...

本文实例讲述了Nodejs异步回调之异常处理。分享给大家供大家参考，具体如下：目前我们项目的Nodejs异常是通过express next 到 errorhandler 中间件去处理的，原本以为此方法可以...

vue-infinite-scroll插件可以无限滚动实现加载更多，其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。
https://github.com/ElemeFE/vue-infinite-scroll/
http...

本文实例讲述了JS实现图片转换成base64的各种应用场景。分享给大家供大家参考，具体如下：网络上有很多片介绍通过js将图片转换成base64的文章，之所以再写这篇文章的原因时发现没...

template<template> <div class='login'> <div class="loginHeader"> <input type="tel" class="loginBtn border-bottom" placeholder="请输入手机号" /> <input type="t...

子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(),该方法在子组件的methods中声明,实现功能this.$emit('cus-event',this.msg);在父组件引入...

本文实例讲述了纯JS实现的读取excel文件内容功能。分享给大家供大家参考，具体如下：template.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=...

本文实例讲述了JS实现获取word文档内容并输出显示到html页面。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...

说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref...

具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

下面通过代码给大家介绍JavaScript中var、let、const区别，具体代码如下所述：//1.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。var a;console.log(a); //undef...

如果你写了一个一直调用自身的死循环，那么恭喜你，很快就可以看到报错：Uncaught RangeError: Maximum call stack size exceeded。那么这个call stack size有多少呢？1. 计算方法...

JavaScript中的基本数据类Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减一，在浏览器控制台分别输入Number.MAX_SAFE_INTEGER和Numb...

1、安装node.js（https://nodejs.org/en/）安装后使用node -v查看版本node安装完之后会顺带安装npmps：npm其实是Node.js的包管理工具（package manager）为啥我们需要一个包管理工具...

今天主要记录一下用vee-validate来进行表单校验的几个基本使用。包括最基础的必填和长度校验；异步请求服务的校验（重名校验），还有延迟校验。如何引入等就不在这里赘述了，直接进入...