前言事件驱动的编程变得流行之前，在程序内部进行通信的标准方法非常简单：如果一个组件想要向另外一个发送消息，只是显式地调用了那个组件上的方法。但是在 react 中用的却是事...

背景
在做快狗打车小程序时，关于默认导航栏，我们遇到了以下的问题： Android、IOS手机对于页面title的展示不一致，安卓title的显示不居中 页面的title只支持纯文本级别的样式控...

字符串去重function uniqStr(str) { var str = str.split(''); var zarr = []; for (var i = 0; i < str.length; i++) { if (zarr.indexOf(str[i]) === -1) { z...

简介：倒计时秒杀组件在电商网站中层出不穷 不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核心思路： 1、时间不能是本地客户端的时间 必须是服务器的时间这里用...

现在前端开发一般都是前后端分离，mvvm和mvc的开发框架，如Angular、React和Vue等，虽然写框架能够使我们快速的完成开发，但是由于前后台分离，给项目SEO带来很大的不便，搜索引擎在检...

1、UndefinedUndefined 类型只有一个值，即特殊的undefined。根据工作中总结，只要有这几种情况下会出现undefined。
1.定义变量，但是没有初始化时,如var a；2.调用某个函数时，实参...

在工作中有时候会看到prototype和__proto__这两个属性，对这两个属性我一直比较蒙圈，但是我通过查阅相关资料，决定做一下总结加深自己的理解，写得不对的地方还请各位大神指出。...

vue中的三大属性:属性 、事件、插槽，---事件在事件中有普通事件：@click/@input/@change/@xxx...事件；修饰符事件：@input.trim,@click.stop,@submit.prevent...一般用于原生html...

_express.js_作为_Node.js_的老牌框架,是现有框架中最全面的。然而在学习express除了那些api之外，对于框架最重要的就是__中间件__这个概念了。如果理解了，就可以把这个框架玩...

Vue中内置了很多的指令，如v-model、v-show、v-html等，但是有时候这些指令并不能满足我们，或者说我们想为元素附加一些特别的功能，这时候，我们就需要用到vue中一个很强大的功能了...

什么时候需要登录验证与权限控制
1、业务系统通常需要登录才能访问受限资源，在用户未登录情况下访问受限资源需要重定向到登录页面；
2、多个业务系统之间要实现单点登录，即在一...

v-model介绍
熟悉Vue的小伙伴们都知道 v-model 是Vue的一个很大的特色，可以实现双向数据绑定。但本质上呢，它不过是语法糖，它负责监听用户的输入事件以更新数据。
以下摘取自Vu...

前言Generator函数是es6提供的一种异步编程的解决方案,语法行为与传统函数完全不一样。
Generator函数有多种理解角度,从语法上，首先可以把它理解成，Generator函数是一个状态...

前言很久没有写文章了，学习了一下webpack，基础的一些组件，今天带来form表单验证组件（element.iviewui）的一期教程（作为一个菜鸡毕竟经历众多项目可以给一些新手一点提示 （QQ群技术...

前言有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉，但是原生JS有排序，有筛选等等，但是就是没有数组去重怎么办呢？
这能怎么办，自己手动实现嘛。数组不像对象和has...

最近做的一个项目是配置了三个环境的：正式环境、测试环境和开发环境，下面以这个为例第一步：安装cross-envnpm i --save-dev cross-env 或者在
package.json中加上"cross-env":...

前言这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧，有些可能是 ES6+ 中一些比较具有实用性...

1 动态设置页面标题页面标题是由 <title></title> 来控制的，因为 SPA 只有一个 HTML，所以当切换到不同的页面时，标题是不会发生变化的。必须通过 JavaScript 来修改 <title></t...

react和vue是什么？有啥区别吗？三大框架之二，大家应该都不会陌生，都有学习过或者开发中使用。但是他们到底有啥区别呢？这个就是我们这篇文章所需探讨并学习的。开始！MVC 和 MVVM首...

https://github.com/383514580/any-touch先看demodemo说点湿的 iscroll其实代码量挺大的(近2100行, 还有另一个类似的库 betterScroll 他的代码量和iscroll差不多, 因为原理...

现在大多数开发都是基于 Vue 或者 React 开发的，能够达到快速开发的效果，也有一些不足的地方, Nuxt 能够在服务端做出渲染，然后让搜索引擎在爬取数据的时候能够读到当前页面。...

本文详细的介绍了小程序获取当前位置加搜索附近热门小区及商区的方法，分享给大家两种方法：一种是腾讯地图获取，另一种是百度地图获取
我用的是腾讯地图获取步骤如下1、话不多说...

最近在做vue+element-ui的后台管理页面，其中用到了DateTimePicker来选择日期时间，但是在将数据传回后台的过程中遇到了一些令人头疼的问题，在此记录一下解决方案，以免日后再次遇...

前言在使用 JavaScript 开发项目，可借助 console.log 来打印日志，以便捷分析问题；但，当接触相对比较项目，纯黑色的日志输出，就会使得其作用大大削弱；虽然 info， wran、error 等方法...

表格的主要代码段主要方法是： @selection-change="selsChange<el-table ref="singleTable" v-loading="loading" :data="tableData" stripe @selection-change="selsChange">...

Taro，京东凹凸实验室出品的适配多端的一个框架，Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端...

axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处...

之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小...

在微信小程序中 最常用的<view>控件 可以用bindtap（冒泡反应） 如<view bindtap="ItemOnclick" data-mType="123">的形式绑定ItemOnclick事件并传递一个dataset，其包含一个名为m...

在网上看到一个这样的网站，STRML 它的效果看着十分有趣,如下图所示:
这个网站是用 react.js 来写的，于是，我就想着用 vue.js 也来写一版，开始撸代码。首先要分析打字的原理实现，...

问题描述：1）wxml片段<view bindtap="loadMulti"> <text>连续点击,加载多次</text></view><view bindtap="loadOnce"> <text>连续点击,加载一次</text></view>2）js代码片段loa...

1. 实现一个new操作符new操作符做了这些事： 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个...

作为前端开发，我们经常会遇到的场景，比如用户点击获取验证码按钮时，没有反应，大部分用户都会接着点击，这就会造成用户收到多条验证码，这是因为后台api请求比较慢，而客户端体验又做...

HTML部分<div id="wrap_input_box" > <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox...

利用Bootstrap Multiselect实现下拉框多选功能,并在点击事件中获取到所有选中option的value值首先展示项目案例:多选下拉框功能实现.gif下面是所有完整的代码,重点以及主要...

1 安装
首先，通过 npm 安装 vue-router 插件：
npm install --save vue-router安装的插件版本是：vue-router@3.0.22 用法
2.1 新建 vue 组件
在 router 目录中，新建 views 目录，...

不像 express 中在末尾处注册一个声明为 (err, req, res, next) 中间件的方式，koa 刚好相反，在开头进行注册。app.use(async (ctx, next) => { try { await next(); } catch...

一、背景
粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个...

本篇文章主要介绍了 Vue中使用create-keyframe-animation与动画钩子完成复杂动画，分享给大家 如何实现这个动画？ 效果分析点`start`的时候，我们把整个动画拆分为两种效果（过渡和...

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。幸运的是，webpack为我们提供了动态配置webpack文件的支持。下...

一. Three.js框架简介
Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样，让人置身其中。介绍three.js必须提到它的...

最近朋友面试被问到了 JS 闭包的问题，本人一时语塞，想起了袁华的一句话：“这道题太难了，我不会做，不会做啊！”。JS 闭包属于面向对象的一个重要知识点，特此本人又开始了一段说走就...

前言
下班前，20分钟，发一篇。。。
简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。
事实上，就算不使用keep-alive，位置也没有被记录。
但是，在不适用keep-alive的时...

背景
设计模式并非是软件开发的专业术语，实际上，“模式”最早诞生于建筑学。设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计...

Vue的响应式系统
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript 对象，而当你修改它们时，视图会进行更新，这使得状态管理非常简单直接，我们可...

一,方法介绍
1,聚合操作之countcount()方法可以查询统计符合条件的集合的总数1 db.User.count(<query>) // 此方法等价于 db.User.find(<query>).count()在分布式集合中，会...

前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的是 offsetTop 这个属性，而且...

插槽（Slot）定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。在子组件中通过加入<slot>元素占位，便能...

写在开头：在正文开始之前我们先说明一下类数组(估计大家一定不会陌生)类数组的特点1.有索引
2.有长度
3.是个对象
4.能被迭代特点说明：对于类数组的特点前三个我就不做说明了...

做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一...