微信小程序如何像vue一样在动态绑定类名
小程序 开发中遇到这样一个问题...排行榜开发的时候，前三名的样式不同，其余的样式一样。但是都是通过同一元素来遍历的,当时卡了一下。后来发现有module模块化这一概念,于是查...
2020-05-27
Vue进度条progressbar组件功能
效果图首先我们看一下进度条组件运行出来的效果，如下图显示进度条组件实现过程◾ 项目搭建progressbar组件在一个可以直接运行的npm包，通过Yeoman进行构建，再通过Gulp+Web...
2020-05-27
redux中间件之redux-thunk的具体使用
redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer...
2020-05-27
JS实现二维数组横纵列转置的方法
我想将一个二维数组横纵列转过来，我就不信只有我有这个需求，可是百度了好久，四海八荒都找遍了……后来证明还是大神说的google好用 ~ 第一条就是，鄙视臭百度此番记录下来，也方便...
2020-05-27
关于Angularjs中跨域设置白名单问题
在config中注入$sceDelegateProvider服务使用resourceUrlWhitelist([])方法添加白名单 跨域时将method的属性设置为"jsonp"就可以访问了app.config(["$sceDelegateProvi...
2020-05-27
浅析vue中常见循环遍历指令的使用 v-for
vue中循环遍历使用的指令是v-for1.v-for遍历数组(1)value in arr 遍历数组中的元素(2)(value,index) in arr 遍历数组中的元素和数组下标运行代码：<body> <div class="box">...
2020-05-27
vue双向数据绑定知识点总结
1.原理
vue的双向数据绑定的原理相信大家都十分了解；主要是通过ES5的Object对象的defineProperty属性；重写data的set和get函数来实现的所以接下来不使用ES6进行实际的代码开发...
2020-05-27
jQuery实现的两种简单弹窗效果示例
本文实例讲述了jQuery实现的两种简单弹窗效果。分享给大家供大家参考，具体如下：这里利用jquery实现两种弹窗效果：1. 淡入弹窗效果：<!DOCTYPE html><html> <head> <meta char...
2020-05-27
详解webpack-dev-server 设置反向代理解决跨域问题
一、设置代理的原因现在对前端开发的要求越来越高，并且随着自动化以及模块化的诞生，前后端开发模式越来越流行。后端只负责接口，前端负责数据展示、逻辑处理。但是前后端开发模...
2020-05-27
使用webpack-dev-server处理跨域请求的方法
在前端调试的时候，跨域一直都是一个比较麻烦的问题，这个在之前的文章 关于跨域问题的一个解决方法 中其实已经讨论了一些可以使用的方法。如果要使用 JSONP，第一是需要修改的地...
2020-05-27
浅谈vuepress 踩坑记
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。恰好最近需要为一些组件写文档，就动手撸了一波，毕...
2020-05-27
jQuery实现的手动拖动控制进度条效果示例【测试可用】
本文实例讲述了jQuery实现的手动拖动控制进度条效果。分享给大家供大家参考，具体如下：这是一个手动控制进度条的小程序，分享给大家：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
2020-05-27
JS点击动态添加标签、删除指定标签的代码
1.div标签<div id="mDiv3"> <p>1</p> <button onclick="myFun9()">添加</button></div>2.jsfunction myFun9() { var mDiv3 = document.getElementById("mDiv3"); //获取组...
2020-05-27
浅谈mvvm-simple双向绑定简单实现
mvvm模式解放DOM枷锁mvvm原理分析
JavaScript在浏览器中操作HTML经历了几个不同阶段第一阶段 直接用浏览器提供的原生API操作DOM元素var dom = document.getElementById('id...
2020-05-27
jQuery实现的淡入淡出与滑入滑出效果示例
本文实例讲述了jQuery实现的淡入淡出与滑入滑出效果。分享给大家供大家参考，具体如下：1. 淡入淡出效果：我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡...
2020-05-27
Angular 如何使用第三方库的方法
Angular 的组件与模块看似好像与现有各种第三方类库（例如：lodash、moment 等）使用上有点格格不入，这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的，不管是...
2020-05-27
jQuery滚动条美化插件nicescroll简单用法示例
本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquer...
2020-05-27
详解Node使用Puppeteer完成一次复杂的爬虫
本文介绍了详解Node使用Puppeteer完成一次复杂的爬虫，分享给大家，具体如下：
架构图Puppeteer架构图
Puppeteer 通过 devTools 与 browser 通信 Browser 一个可以拥有多个页...
2020-05-27
JS实现简单获取最近7天和最近3天日期的方法
本文实例讲述了JS实现简单获取最近7天和最近3天日期的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>www.freexyz.cn JS获...
2020-05-27
JS实现的base64加密解密操作示例
本文实例讲述了JS实现的base64加密解密操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js base64加密解密</title></head>...
2020-05-27
Angular ng-animate和ng-cookies用法详解
ng-animate本文讲一下Angular中动画应用的部分。首先，Angular本生不提供动画机制，需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制，Angular也不提供具体的...
2020-05-27
JS实现对json对象排序并删除id相同项功能示例
本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn json排序...
2020-05-27
一个基于react的图片裁剪组件示例
开始写了一年多vue，感觉碰到了点瓶颈，学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件，便花费了几个晚上的功夫用react再写一遍。代码地址
项目是使...
2020-05-27
原生js实现拖拽功能基本思路详解
如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件
2.onmousemove：鼠标移动事件
3.onmouseup：鼠标抬起事件 拖拽的基本...
2020-05-27
30分钟快速入门掌握ES6/ES2015的核心内容（上）
前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览...
2020-05-27
30分钟快速入门掌握ES6/ES2015的核心内容（下）
前言在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, r...
2020-05-27
如何从零开始利用js手写一个Promise库详解
前言ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得 JavaScript 语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。...
2020-05-27
NodeJS安装图文教程
本文实例为大家分享了NodeJS安装教程，供大家参考，具体内容如下1.想要使用Node.js，必须先配置开发环境。进入Node.js官网下载指定平台安装包（nodejs.org），Windows系统下载安装红框...
2020-05-27
angular第三方包开发整理(小结)
近日笔者维护自己的几个无名小repo时，发觉想要创作一个第三方angular包，着实有一些不难但易乱的小问题，故作此文总结。本文将完成以下内容： 从空白开始搭建一个基于angular的第...
2020-05-27
Angular 封装并发布组件的方法示例
一、封装组件作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。目录结构：（部分目录不是框架中...
2020-05-27
使用typescript开发angular模块并发布npm包
本文介绍了使用typescript开发angular模块并发布npm包，分享给大家，具体如下：
创建模块
初始化package.json文件
执行命名npm init -y会自动生成package.json文件如下，name默认为...
2020-05-27
JS实现读取xml内容并输出到div中的方法示例
本文实例讲述了JS实现读取xml内容并输出到div中的方法。分享给大家供大家参考，具体如下：note.xml文件结构:<nooo><note><to>George</to><from>John</from><heading>Reminder</...
2020-05-27
react redux入门示例
环境准备
为了方便，这里使用create-react-app搭建react环境create-react-app mydemo弹出配置
如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。npm run eject...
2020-05-27
使用vuex的state状态对象的5种方式
vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jscon...
2020-05-27
vuex state及mapState的基础用法详解
先使用vue cli构建一个自己的vue项目1.npm i -g vue-cli
2.vue init webpack sell (sell是你的项目名)
3.一路回车（在这个过程中会提示你是否安装一些依赖包，比如vue-router，es...
2020-05-27
详解react-redux插件入门
可先查看我的redux简单入门react-redux简介
react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，...
2020-05-27
vue 实现通过手机发送短信验证码注册功能
效果如下：代码如下：template代码：
<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login...
2020-05-27
JS使用setInterval实现的简单计时器功能示例
本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考，具体如下：使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。<!DOCTYPE html><...
2020-05-27
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
本文实例讲述了JS实现的倒计时恢复按钮点击功能。分享给大家供大家参考，具体如下：倒计时时间到后，恢复按钮点击，常用于阅读协议：<!DOCTYPE html><html> <head> <meta charset...
2020-05-27
基于JS实现html中placeholder属性提示文字效果示例
本文实例讲述了基于JS实现html中placeholder属性提示文字效果。分享给大家供大家参考，具体如下：如何通过js实现html的placeholder属性效果呢我们需要这样做：<!DOCTYPE html><ht...
2020-05-27
详解vue中点击空白处隐藏div的实现（用指令实现）
简单想应该怎么实现？
1、肯定是给document增加一个click事件监听
2、当发生click事件的时候判断是否点击的当前对象
结合着本思路和指令咱们来实现。简单介绍vue指令
一个指...
2020-05-27
Vue 去除路径中的＃号
在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。众所周知，vue-router有两种模式，hash模式和history模式。带＃的则是hash模式。将router中的mode设置为history就可以...
2020-05-27
详解vue 数据传递的方法
组件（Component）是 Vue.js 最强大的功能。组件可以封装可重用的代码，通过传入对象的不同，实现组件的复用，但组件传值就成为一个需要解决的问题。1.父组件向子组件传值 组件实例的...
2020-05-27
关于vue中的ajax请求和axios包问题
在vue中，经常会用到数据请求，常用的有：vue-resourse、axios今天我说的是axios的post请求 github源文件及文档地址：【https://github.com/axios/axios】+ 首先，引入axiosCDN: <scr...
2020-05-27
js Element Traversal规范中的元素遍历方法
支持Element Traversal 规范的浏览器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。对于元素间的空格，在IE9之前，都不会返回文档节点，其它的所有浏览器都会返回文档...
2020-05-27
通过jquery获取上传文件名称、类型和大小的实现代码
在文件上传到服务器之前，我们可以通过jquery来获取上传文件的名称，类型和尺寸大小。通常情况下，当用户通过<input type='file'>标签来上传文件时，我们可以看到上传文件的名称。H...
2020-05-27
vue项目中api接口管理总结
默认vue项目中已经使用vue-cli生成，安装axios，基于element-ui开发，axiosconfig目录和api目录是同级，主要记录配置的相关。1. 在axiosconfig目录下的axiosConfig.jsimport Vue fr...
2020-05-27
node实现登录图片验证码的示例代码
实现这里的图形验证码我是用的node里svg-captcha模块,可以全部支持字符和数字，全平台支持，用起来很简单。1.安装cnpm i svg-captcha --save2.在使用的地方导入var svgCaptcha...
2020-05-27
vue中子组件向父组件传递数据的实例代码(实现加减功能)
这里讲解一下子组件向父组件传递值的常用方式。 这里通过一个加减法的实例向大家说明一下，这个的原理。如下图所示：当没有任何操作的时候父组件的值是 0当点击加号以后父组件...
2020-05-27
React diff算法的实现示例
前言在上一篇文章，我们已经实现了React的组件功能，从功能的角度来说已经实现了React的核心功能了。但是我们的实现方式有很大的问题：每次更新都重新渲染整个应用或者整个组件，DO...
2020-05-27
