57浏览

0评论

JavaScript两种计时器的实例讲解

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。提供了两种计时器的方法如下： window.setInter...

• 2020-05-27

94浏览

0评论

JQuery中queue方法用法示例

本文实例讲述了JQuery中queue方法用法。分享给大家供大家参考，具体如下：jquery的queue方法显示或操作在匹配元素上执行的函数队列意思就是对匹配上的元素，显示作用在这个元素上...

• 2020-05-27

58浏览

0评论

JS栈stack类的实现与使用方法示例

本文实例讲述了JS栈stack类的实现与使用方法。分享给大家供大家参考，具体如下：栈是一种“先进后出”的数据结构，原理如下图所示：示例代码：/*使用栈stack类的实现*/function stack...

• 2020-05-27

57浏览

0评论

JS基于对象的链表实现与使用方法示例

本文实例讲述了JS基于对象的链表实现与使用方法。分享给大家供大家参考，具体如下：链表是一种在物理内存上不连续的数据结构。原理如下图所示：示例代码：/*JS实现一个基于对象的链...

• 2020-05-27

56浏览

0评论

JS双向链表实现与使用方法示例(增加一个previous属性实现)

本文实例讲述了JS双向链表实现与使用方法。分享给大家供大家参考，具体如下：前面一篇讲述了《JS基于对象的链表实现与使用方法》，这里的双向链表通过增加一个previous属性实现。...

• 2020-05-27

89浏览

0评论

微信小程序实现的动态设置导航栏标题功能示例

本文实例讲述了微信小程序实现的动态设置导航栏标题功能。分享给大家供大家参考，具体如下：场景当从一个分类列表页面进入到一个详情页面的时候，由于这个详情页面是公用的，为了区...

• 2020-05-27

74浏览

0评论

在 Vue.js中优雅地使用全局事件的方法

Vue 2.0 版本中取消了 v1 中的 $broadcast 方法，因此要使用全局事件时，不可避免地会使用到 event-bus 之类的方法，本文旨在提出一种不需要用到 event-bus 的全局事件使用方法。...

• 2020-05-27

62浏览

0评论

JS字典Dictionary类定义与用法示例

本文实例讲述了JS字典Dictionary类定义与用法。分享给大家供大家参考，具体如下：字典 Dictionary类/*字典 Dictionary类*/function Dictionary() { this.add = add; this.dat...

• 2020-05-27

76浏览

0评论

详解Vue中watch对象内属性的方法

vue提供了watch方法，用于监听实例内data数据的变化。通常写法是：new Vue({ data: { count: 10， blog:{ title:'my-blog', categories:[] } }, watch: { count: funct...

• 2020-05-27

96浏览

0评论

详解如何使用webpack打包多页jquery项目

虽然已经2019年了
不过有一些项目
还是需要用到jquery的
不过考虑到使用jquery的一堆兼容性问题
也为了可以顺利地使用ES6来撸代码
研究使用webpack+babel打包代码来发布几...

• 2020-05-27

59浏览

0评论

JS集合set类的实现与使用方法示例

本文实例讲述了JS集合set类的实现与使用方法。分享给大家供大家参考，具体如下：js集合set类的实现/*js集合set类的实现*/function Set() { this.dataStore = []; this.add =...

• 2020-05-27

70浏览

0评论

Javascript迭代、递推、穷举、递归常用算法实例讲解

累加和累积累加：将一系列的数据加到一个变量里面。最后的得到累加的结果比如：将1到100的数求累加和小球从高处落下，每次返回到原来一半，求第十次小球落地时小球走过的路程<scrip...

• 2020-05-27

75浏览

0评论

angular中如何绑定iframe中src的方法

需求: 页面中有一个网页组件(由iframe编写)，此iframe显示在一个输入框中，当修改输入框中地址的时候，要求改变网页组件中的内容
网页组件中的代码(html的部分)
<iframe #Ifram...

• 2020-05-27

86浏览

0评论

使用Angular自定义字段校验指令的方法示例

Angular中，提供的表单验证不能用于所有应用场景，就需要创建自定义验证器，比如对IP、MAC的合法性校验
这里是根据官网实例自定义MAC地址的正则校验，环境为Angular： 7.2.0 ， NG-ZOR...

• 2020-05-27

60浏览

0评论

微信小程序常用简易小函数总结

本文实例讲述了微信小程序常用简易小函数。分享给大家供大家参考，具体如下：最近一直在写微信小程序，而且由于是第二次写了，所以针对很多通用的情况封装了一些函数，建议你们放在ap...

• 2020-05-27

87浏览

0评论

微信小程序拍照和摄像功能实现方法示例

本文实例讲述了微信小程序拍照和摄像功能实现方法。分享给大家供大家参考，具体如下：拍照原先的想法是使用微信的camera组件来实现，并且模拟发朋友圈的样子来进行相机的设置，其实...

• 2020-05-27

54浏览

0评论

原来JS还可以这样拆箱转换详解

前言在读 Winter 大佬的《重学前端》栏目时，重温了 JS 的「拆箱转换」。「装箱转换」与「拆箱转换」以前都是了解的，今天来看，自己所谓的了解也真是一知半解。在阅读 Winter 老...

• 2020-05-27

85浏览

0评论

详解使用webpack+electron+reactJs开发windows桌面应用

electron是一两年前挺火的一个框架本质上是一个浏览器，但是集成了很多windows系统的功能，让前端开发也可以直接操作windows的窗体，做成一个实打实的桌面软件（当然听说mac上也可...

• 2020-05-27

110浏览

0评论

Electron 如何调用本地模块的方法

Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的 API（如打开文件窗口、通知、图标等，基于 Electron 的开发，就好像开发一个网页一样，而且能够无缝地使用 Node...

• 2020-05-27

62浏览

0评论

JavaScript动态创建二维数组的方法示例

本文实例讲述了JavaScript动态创建二维数组的方法。分享给大家供大家参考，具体如下：学过C语言的我太耿直一般这种情况下我会直接var arr = new Array[10][10];但是不出意外的...

• 2020-05-27

92浏览

0评论

JS实现的Object数组去重功能示例【数组成员为Object对象】

本文实例讲述了JS实现的Object数组去重功能。分享给大家供大家参考，具体如下：目标：实现成员为 Object 的数组的去重。注意，这里的数组成员为 Object，而不是数值或者字符串。调用...

• 2020-05-27

75浏览

0评论

JS实现数组去重及数组内对象去重功能示例

本文实例讲述了JS实现数组去重及数组内对象去重功能。分享给大家供大家参考，具体如下：大家在写项目的时候一定遇到过这种逻辑需求，就是给一个数组进行去重处理，还有一种就是给数...

• 2020-05-27

74浏览

0评论

用Cordova打包Vue项目的方法步骤

现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
现在的打包Vue项目目前流行的就是使用weex和cordova。weex是...

• 2020-05-27

80浏览

0评论

通过cordova将vue项目打包为webapp的方法

准备工作：需要之前配置好vue-cli脚架构，安装好cordova环境。下面开始对vue.js项目进行打包，打包环境为Android。可以看下我的github：https://github.com/padipata ，里面有我自己...

• 2020-05-27

67浏览

0评论

详解Vue webapp项目通过HBulider打包原生APP（vue+webpack+HBulider）

1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个list，项目名称自己更改。（或者直接新建一个ap...

• 2020-05-27

78浏览

0评论

JS使用对象的defineProperty进行变量监控操作示例

本文实例讲述了JS使用对象的defineProperty进行变量监控操作。分享给大家供大家参考，具体如下：以前觉得检测变量angular的$watch还挺好用的，但是一旦离开angular就无法下手了，今...

• 2020-05-27

79浏览

0评论

JS使用canvas中的measureText方法测量字体宽度示例

本文实例讲述了JS使用canvas中的measureText方法测量字体宽度。分享给大家供大家参考，具体如下：工作项目中用到的东西，要限制一个容器的宽度，超过了这个宽度就要显示展开按钮，点...

• 2020-05-27

88浏览

0评论

基于Koa(nodejs框架)对json文件进行增删改查的示例代码

想使用nodejs（koa）搭建一个完整的前后端，完成数据的增删改查，又不想使用数据库，那使用json文件吧。
本文介绍了基于koa的json文件的增、删、改、查。代码准备const Koa = require...

• 2020-05-27

72浏览

0评论

JS基于ES6新特性async await进行异步处理操作示例

本文实例讲述了JS基于ES6新特性async await进行异步处理操作。分享给大家供大家参考，具体如下：我们往往在项目中会遇到这样的业务需求，就是首先先进行一个ajax请求，然后再进行下...

• 2020-05-27

81浏览

0评论

Vue+Element UI+Lumen实现通用表格分页功能

前言
最近在做一个前后端分离的项目，前端使用 Vue+ Element UI，而后端则使用 Lumen 做接口开发，其中分页是必不可少的一部分，本文就介绍如何基于以上环境做一个简单、可复用的分...

• 2020-05-27

63浏览

0评论

JS对象和字符串之间互换操作实例分析

本文实例讲述了JS对象和字符串之间互换操作。分享给大家供大家参考，具体如下：平时在工作中大家一定也有过这样的需求，就是有时候需要把一个json对象转换为字符串，有时候要把一个...

• 2020-05-27

99浏览

0评论

javascript中floor使用方法总结

floor()方法的基本语法：Math.floor( x ) ;x表示数字，返回小于或等于数字x的最大整数。我们下面来看具体的示例代码如下<!DOCTYPE html><html> <head> <title></title> </head...

• 2020-05-27

135浏览

0评论

vue实现的树形结构加多选框示例

本文实例讲述了vue实现的树形结构加多选框。分享给大家供大家参考，具体如下：前面说了如何用递归组件来写vue树形结构，写了树形结构还要在前面加多选框，然后往数组里push选项，并在...

• 2020-05-27

66浏览

0评论

Nodejs实现的操作MongoDB数据库功能完整示例

本文实例讲述了Nodejs实现的操作MongoDB数据库功能。分享给大家供大家参考，具体如下：mongodb_demo.js/**cnpm install mongodb */var MongoClient = require('mongodb').Mongo...

• 2020-05-27

64浏览

0评论

AngularJS实现的自定义过滤器简单示例

本文实例讲述了AngularJS实现的自定义过滤器。分享给大家供大家参考，具体如下：1.自定义限制字数的过滤器啥也不说了直接上代码吧angular.module('demo').filter('cut', functi...

• 2020-05-27

70浏览

0评论

PHP实现基于Redis的MessageQueue队列封装操作示例

本文实例讲述了PHP实现基于Redis的MessageQueue队列封装操作。分享给大家供大家参考，具体如下：Redis的链表List可以用来做链表，高并发的特性非常适合做分布式的并行消息传递。...

• 2020-05-27

80浏览

0评论

小程序页面动态配置实现方法

小程序可以根据管理后台配置动态更新展示内容，如实现下面新鲜事栏目图片的来源的可配置，点击跳转url的可配置。实现方案1后端创建一个map结构的数据表，表结构如下：2 管理后台根...

• 2020-05-27

78浏览

0评论

利用Dectorator分模块存储Vuex状态的实现

1、引言
在H5的Vue项目中，最为常见的当为单页应用(SPA)，利用Vue-Router控制组件的挂载与复用，这时使用Vuex可以方便的维护数据状态而不必关心组件间的数据通信。但在Weex中，不同...

• 2020-05-27

63浏览

0评论

基于Webpack4和React hooks搭建项目的方法

面对日新月异的前端，我表示快学不动了:joy:。 Webpack 老早就已经更新到了 V4.x，前段时间 React 又推出了 hooks API。刚好春节在家里休假，时间比较空闲，还是赶紧把 React 技术...

• 2020-05-27

66浏览

0评论

详解webpack编译速度提升之DllPlugin

一、前言The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.DllPlugin 结合 DllRefre...

• 2020-05-27

78浏览

0评论

深入理解nodejs搭建静态服务器(实现命令行)

静态服务器
使用node搭建一个可在任何目录下通过命令启动的一个简单http静态服务器完整代码链接
安装：npm install yg-server -g
启动：yg-server可通过以上命令安装，启动，来看一...

• 2020-05-27

62浏览

0评论

Vue从TodoList中学父子组件通信

简单的 TodoList
实现一个简单的 todolist，当我输入内容后，点击提交自动添加在下面，如下图所示：用代码实现这个效果：<div id="app"> <input type="text" v-model="inputVal"> <...

• 2020-05-27

62浏览

0评论

ES6 对象的新功能与解构赋值介绍

ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用，并通过解构简化对象的数据提取过程。
一、字面量语法扩展
在 ES6 模式下使用字面量创建对象更加简洁，...

• 2020-05-27

68浏览

0评论

JS散列表碰撞处理、开链法、HashTable散列示例

本文实例讲述了JS散列表碰撞处理、开链法、HashTable散列。分享给大家供大家参考，具体如下：/** * 散列表碰撞处理、开链法、HashTable散列。 * 将数组里的元素位置，也设置为数...

• 2020-05-27

64浏览

0评论

vue多次循环操作示例

本文实例讲述了vue多次循环操作。分享给大家供大家参考，具体如下：需求：有以下一个数组，想将其对象里的信息展示出来，而且还要把对象下面的数组的具体信息也展示出来。v-for可以实...

• 2020-05-27

80浏览

0评论

vue计算属性get和set用法示例

本文实例讲述了vue计算属性get和set用法。分享给大家供大家参考，具体如下：计算属性是什么：vue文档里是这么说的，模板中绑定太多的逻辑会让模板过重且难以维护。换句话说，就是可以...

• 2020-05-27

76浏览

0评论

vue基于两个计算属性实现选中和全选功能示例

本文实例讲述了vue基于两个计算属性实现选中和全选功能。分享给大家供大家参考，具体如下：还是选中和全选功能，用两个计算属性来实现，别人的代码，思维确实不一样。学习了<!DOCTYPE...

• 2020-05-27

59浏览

0评论

Vue指令指令大全

1. v-textv-text主要用来更新textContent，可以等同于JS的text属性。
<span v-text="msg"></span>这两者等价：
<span>{{msg}}</span>2. v-html
双大括号的方式会将数据解释为纯...

• 2020-05-27

61浏览

0评论

Vue自定义指令写法与个人理解

什么是Vue指令&#63;
指令是一种可以附加到DOM元素的微命令(tiny commands). 它们通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记, 从而确保语法的一致性. 如果你...

• 2020-05-27

56浏览

0评论

Vue组件的使用及个人理解与介绍

组件的基本使用
注册组件
注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。 Vue.component('mycomponent',{ template: `<div>这...

• 2020-05-27