JavaScript - 教程之家

52浏览

0评论

基于VuePress 轻量级静态网站生成器的实现方法

什么是VuePressVuePress由两部分组成：一个基于Vue的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。它是为了满足Vue自己的子项目文档的需求而创建的。VuePress...

2020-05-27

64浏览

0评论

vue iview实现动态路由和权限验证功能

github上关于vue动态添加路由的例子很多，本项目参考了部分项目后，在iview框架基础上完成了动态路由的动态添加和菜单刷新。为了帮助其他需要的朋友，现分享出实现逻辑，欢迎一起交...

2020-05-27

63浏览

0评论

在 Typescript 中使用可被复用的 Vue Mixin功能

转到用 Typescript 写 Vue 应用以后，经过一轮工具链和依赖的洗礼，总算蹒跚地能走起来了，不过有一个很常用的功能 mixin，似乎还没有官方的解决方案。既想享受 mixin 的灵活和方便...

2020-05-27

52浏览

0评论

Vue 项目代理设置的优化

Vue 类的项目开发中项目结构基本都是类似于 Vue-cli 生成的方式，这种方式开发中，最常用到的模式是开启代理进行 mock 调试或远程调试，也就是使用了 Vue-cli 设置的配置 proxyTa...

2020-05-27

70浏览

0评论

jQuery简单判断值是否存在于数组中的方法示例

本文实例讲述了jQuery简单判断值是否存在于数组中的方法。分享给大家供大家参考，具体如下：<!DOCTYPE><html><head><title>jquery判断值是否存在于数组中</title><meta charset...

2020-05-27

94浏览

0评论

bootstrap中日历范围选择插件daterangepicker的使用详解

daterangepicker是bootstrap的一个日历插件主要用来选择时间段的插件这个插件很好用也很容易操作
引入相关插件<script type="text/javascr...

2020-05-27

50浏览

0评论

Angular 容器部署的方法

很多人反应很难访问 Github Page，所以 ng-alain.com 转移到阿里云服务器上，因此做了一次完整的 Angular 容器部署。以下我会阐述 ng-alain 整个过程，其中包括 Docker、Nginx、L...

2020-05-27

47浏览

0评论

jQuery实现带右侧索引功能的通讯录示例【附源码下载】

本文实例讲述了jQuery实现带右侧索引功能的通讯录。分享给大家供大家参考，具体如下：通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。完整实例...

2020-05-27

39浏览

0评论

jQuery+datatables插件实现ajax加载数据与增删改查功能示例

本文实例讲述了jQuery+datatables插件实现ajax加载数据与增删改查功能。分享给大家供大家参考，具体如下：这里给大家分享一下我在项目中用datatables实现ajax加载数据与增删改...

2020-05-27

53浏览

0评论

jQuery实现使用sort方法对json数据排序的方法

本文实例讲述了jQuery实现使用sort方法对json数据排序的方法。分享给大家供大家参考，具体如下：如何对后台返回过来的json数据按照数据中的某一项进行排序呢。首先看一下排序前...

2020-05-27

45浏览

0评论

基于vue-ssr的静态网站生成器VuePress 初体验

什么是VuePress
VuePress由两部分组成：一个基于Vue的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。它是为了满足Vue自己的子项目文档的需求而创建的。
VuePres...

2020-05-27

49浏览

0评论

Angular数据绑定机制原理

1.Angular.js扩展浏览器的事件循环浏览器持续等待例如用户交互这样的事件。当你在一个<input>标签里输入字符之后，这个事件的回调函数在JS解释器中执行了其包含的DOM操作，执行...

2020-05-27

57浏览

0评论

微信小程序如何像vue一样在动态绑定类名

小程序开发中遇到这样一个问题...排行榜开发的时候，前三名的样式不同，其余的样式一样。但是都是通过同一元素来遍历的,当时卡了一下。后来发现有module模块化这一概念,于是查...

2020-05-27

34浏览

0评论

Vue进度条progressbar组件功能

效果图首先我们看一下进度条组件运行出来的效果，如下图显示进度条组件实现过程◾ 项目搭建progressbar组件在一个可以直接运行的npm包，通过Yeoman进行构建，再通过Gulp+Web...

2020-05-27

77浏览

0评论

redux中间件之redux-thunk的具体使用

redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer...

2020-05-27

67浏览

0评论

JS实现二维数组横纵列转置的方法

我想将一个二维数组横纵列转过来，我就不信只有我有这个需求，可是百度了好久，四海八荒都找遍了……后来证明还是大神说的google好用 ~ 第一条就是，鄙视臭百度此番记录下来，也方便...

2020-05-27

41浏览

0评论

关于Angularjs中跨域设置白名单问题

在config中注入$sceDelegateProvider服务使用resourceUrlWhitelist([])方法添加白名单跨域时将method的属性设置为"jsonp"就可以访问了app.config(["$sceDelegateProvi...

2020-05-27

30浏览

0评论

浅析vue中常见循环遍历指令的使用 v-for

vue中循环遍历使用的指令是v-for1.v-for遍历数组(1)value in arr 遍历数组中的元素(2)(value,index) in arr 遍历数组中的元素和数组下标运行代码：<body> <div class="box">...

2020-05-27

39浏览

0评论

vue双向数据绑定知识点总结

1.原理
vue的双向数据绑定的原理相信大家都十分了解；主要是通过ES5的Object对象的defineProperty属性；重写data的set和get函数来实现的所以接下来不使用ES6进行实际的代码开发...

2020-05-27

62浏览

0评论

jQuery实现的两种简单弹窗效果示例

本文实例讲述了jQuery实现的两种简单弹窗效果。分享给大家供大家参考，具体如下：这里利用jquery实现两种弹窗效果：1. 淡入弹窗效果：<!DOCTYPE html><html> <head> <meta char...

2020-05-27

33浏览

0评论

详解webpack-dev-server 设置反向代理解决跨域问题

一、设置代理的原因现在对前端开发的要求越来越高，并且随着自动化以及模块化的诞生，前后端开发模式越来越流行。后端只负责接口，前端负责数据展示、逻辑处理。但是前后端开发模...

2020-05-27

54浏览

0评论

使用webpack-dev-server处理跨域请求的方法

在前端调试的时候，跨域一直都是一个比较麻烦的问题，这个在之前的文章关于跨域问题的一个解决方法中其实已经讨论了一些可以使用的方法。如果要使用 JSONP，第一是需要修改的地...

2020-05-27

67浏览

0评论

浅谈vuepress 踩坑记

vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。恰好最近需要为一些组件写文档，就动手撸了一波，毕...

2020-05-27

60浏览

0评论

jQuery实现的手动拖动控制进度条效果示例【测试可用】

本文实例讲述了jQuery实现的手动拖动控制进度条效果。分享给大家供大家参考，具体如下：这是一个手动控制进度条的小程序，分享给大家：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...

2020-05-27

48浏览

0评论

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

55浏览

0评论

浅谈mvvm-simple双向绑定简单实现

mvvm模式解放DOM枷锁mvvm原理分析
JavaScript在浏览器中操作HTML经历了几个不同阶段第一阶段直接用浏览器提供的原生API操作DOM元素var dom = document.getElementById('id...

2020-05-27

61浏览

0评论

jQuery实现的淡入淡出与滑入滑出效果示例

本文实例讲述了jQuery实现的淡入淡出与滑入滑出效果。分享给大家供大家参考，具体如下：1. 淡入淡出效果：我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡...

2020-05-27

60浏览

0评论

Angular 如何使用第三方库的方法

Angular 的组件与模块看似好像与现有各种第三方类库（例如：lodash、moment 等）使用上有点格格不入，这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的，不管是...

2020-05-27

72浏览

0评论

jQuery滚动条美化插件nicescroll简单用法示例

本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquer...

2020-05-27

55浏览

0评论

详解Node使用Puppeteer完成一次复杂的爬虫

本文介绍了详解Node使用Puppeteer完成一次复杂的爬虫，分享给大家，具体如下：
架构图Puppeteer架构图
Puppeteer 通过 devTools 与 browser 通信 Browser 一个可以拥有多个页...

2020-05-27

34浏览

0评论

JS实现简单获取最近7天和最近3天日期的方法

本文实例讲述了JS实现简单获取最近7天和最近3天日期的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>www.freexyz.cn JS获...

2020-05-27

59浏览

0评论

JS实现的base64加密解密操作示例

本文实例讲述了JS实现的base64加密解密操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js base64加密解密</title></head>...

2020-05-27

63浏览

0评论

Angular ng-animate和ng-cookies用法详解

ng-animate本文讲一下Angular中动画应用的部分。首先，Angular本生不提供动画机制，需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制，Angular也不提供具体的...

2020-05-27

69浏览

0评论

JS实现对json对象排序并删除id相同项功能示例

本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn json排序...

2020-05-27

48浏览

0评论

一个基于react的图片裁剪组件示例

开始写了一年多vue，感觉碰到了点瓶颈，学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件，便花费了几个晚上的功夫用react再写一遍。代码地址
项目是使...

2020-05-27

59浏览

0评论

原生js实现拖拽功能基本思路详解

如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件
2.onmousemove：鼠标移动事件
3.onmouseup：鼠标抬起事件拖拽的基本...

2020-05-27

55浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（上）

前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览...

2020-05-27

49浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（下）

前言在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, r...

2020-05-27

32浏览

0评论

如何从零开始利用js手写一个Promise库详解

前言ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得 JavaScript 语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。...

2020-05-27

50浏览

0评论

NodeJS安装图文教程

本文实例为大家分享了NodeJS安装教程，供大家参考，具体内容如下1.想要使用Node.js，必须先配置开发环境。进入Node.js官网下载指定平台安装包（nodejs.org），Windows系统下载安装红框...

2020-05-27

52浏览

0评论

angular第三方包开发整理(小结)

近日笔者维护自己的几个无名小repo时，发觉想要创作一个第三方angular包，着实有一些不难但易乱的小问题，故作此文总结。本文将完成以下内容：从空白开始搭建一个基于angular的第...

2020-05-27

59浏览

0评论

Angular 封装并发布组件的方法示例

一、封装组件作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。目录结构：（部分目录不是框架中...

2020-05-27

36浏览

0评论

使用typescript开发angular模块并发布npm包

本文介绍了使用typescript开发angular模块并发布npm包，分享给大家，具体如下：
创建模块
初始化package.json文件
执行命名npm init -y会自动生成package.json文件如下，name默认为...

2020-05-27

46浏览

0评论

JS实现读取xml内容并输出到div中的方法示例

本文实例讲述了JS实现读取xml内容并输出到div中的方法。分享给大家供大家参考，具体如下：note.xml文件结构:<nooo><note><to>George</to><from>John</from><heading>Reminder</...

2020-05-27

46浏览

0评论

react redux入门示例

环境准备
为了方便，这里使用create-react-app搭建react环境create-react-app mydemo弹出配置
如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。npm run eject...

2020-05-27

59浏览

0评论

使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jscon...

2020-05-27

36浏览

0评论

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

41浏览

0评论

详解react-redux插件入门

可先查看我的redux简单入门react-redux简介
react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，...

2020-05-27

49浏览

0评论

vue 实现通过手机发送短信验证码注册功能

效果如下：代码如下：template代码：
<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login...

2020-05-27

53浏览

0评论

JS使用setInterval实现的简单计时器功能示例

本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考，具体如下：使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。<!DOCTYPE html><...

2020-05-27

热门文章