132浏览

0评论

Vue插槽原理与用法详解

本文实例讲述了Vue插槽原理与用法。分享给大家供大家参考，具体如下：1 插槽内容Vue 实现了一套内容分发的 API，这套 API 基于当前的 Web Components 规范草案，将 <slot> 元素作为...

• 2020-05-27

136浏览

0评论

Vue 事件处理操作实例详解

本文实例讲述了Vue 事件处理操作。分享给大家供大家参考，具体如下：1 监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。html：<div id="app1"> <but...

• 2020-05-27

107浏览

0评论

[jQuery] 事件和动画详解

1. 事件 1.1 加载DOM在页面加载完毕后，浏览器会通过JavaScript为DOM元素添加事件。在JavaScript代码中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方...

• 2020-05-27

116浏览

0评论

深入理解Puppeteer的入门教程和实践

出现的背景
Chrome59(linux、macos)、 Chrome60(windows)之后，Chrome自带headless(无界面)模式很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问...

• 2020-05-27

99浏览

0评论

利用Vconsole和Fillder进行移动端抓包调试方法

在开发中，有时候我们需要在手机上进行测试，可是如果遇到bug，我们怎么进行抓包调试呢？这里介绍两种方式： Vconsole Fillder利用Vconsole进行调试一个轻量、可拓展、针对手机网页...

• 2020-05-27

93浏览

0评论

移动端（微信等使用vConsole调试console的方法

前言因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据...

• 2020-05-27

132浏览

0评论

详解在微信小程序的JS脚本中使用Promise来优化函数处理

在我们传统的Javascript开发函数编写中，我们习惯了回调函数的处理，不过随着回调函数的增多，以及异步处理的复杂性等原因，代码越来越难读，因此诞生了使用Promise来优化JS函数处理...

• 2020-05-27

121浏览

0评论

微信小程序性能优化之checkSession的使用

一直发现小程序好慢，尤其是第一次打开的时候。因为第一次会涉及到登录的授权，官方文档是这么说的：通过 wx.login() 获取到用户登录态之后，需要维护登录态。开发者要注意不应该直...

• 2020-05-27

100浏览

0评论

node.js中express模块创建服务器和http模块客户端发请求

首先下载express模块，命令行输入npm install express1.node.js中express模块创建服务端在js代码同文件位置新建一个文件夹(www_root)，里面存放网页文件等，就可以在浏览器中访问...

• 2020-05-27

87浏览

0评论

node.js中ws模块创建服务端和客户端,网页WebSocket客户端

首先下载websocket模块，命令行输入npm install ws1.node.js中ws模块创建服务端// 加载node上websocket模块 ws;var ws = require("ws");// 启动基于websocket的服务器,监听我...

• 2020-05-27

129浏览

0评论

JS实现数组深拷贝的方法分析

本文实例讲述了JS实现数组深拷贝的方法。分享给大家供大家参考，具体如下：最近在网上看到一篇关于js数组复制最有效的方法是直接使用slice和concat方法。这2个方法的确是最快的...

• 2020-05-27

122浏览

0评论

微信小程序利用swiper+css实现购物车商品删除功能

要实现的购物车效果如下：小程序通过bind与catch绑定事件，没有event.stopPropagation()方法。 bind：不会阻止冒泡事件向上冒泡， catch：可以阻止冒泡事件向上冒泡
用touchstart...

• 2020-05-27

103浏览

0评论

jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析

本文实例讲述了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法。分享给大家供大家参考，具体如下：语法：jQuery.extend( [deep ], target, object1 [, objectN...

• 2020-05-27

111浏览

0评论

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

本文实例讲述了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能。分享给大家供大家参考，具体如下：根据不包含引用对象的普通数组深拷贝得到启发，不拷贝引用对象，拷...

• 2020-05-27

103浏览

0评论

vue2.0结合Element-ui实战案例

前言我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例，后端数据接口，会使用json-server快速搭建一个本地的服务，方便对数...

• 2020-05-27

128浏览

0评论

vue项目前端埋点的实现

埋点方案的确定。业界的埋点方案主要分为以下三类： 代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等； 可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无...

• 2020-05-27

101浏览

0评论

angular6根据environments配置文件更改开发所需要的环境的方法

前端开发过程中，我们常常需要根据需求去运行或者打包不同环境的代码，幸运的是，angular给我们提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置方式是...

• 2020-05-27

128浏览

0评论

mpvue全局引入sass文件的方法步骤

mpvue工程初始化的时候，使用sass的步骤1.安装依赖：npm install sass-loader node-sass --save-dev 2.在.vue文件中的style节点加上lang=”scss”，这样就可以愉快地使用sass进行...

• 2020-05-27

160浏览

0评论

js如何获取图片url的Blob值并预览示例代码

前言Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上...

• 2020-05-27

106浏览

0评论

bootstrap-table实现表头固定以及列固定的方法示例

之前使用bootstrap写了一个报表表格，最近突然找到我，说让我看看能不能将表格的表头和第一列进行固定，这样的话方便查看数据，于是，我开始了苦逼的研究起来，毕竟我是个后端啊，对于前...

• 2020-05-27

105浏览

0评论

从0到1构建vueSSR项目之路由的构建

vue开发依赖的相关配置
Vue SSR 指南 今天先做客户端方面的配置，明天再做服务端的部分。
那么马上开始吧~修改部分代码
脚手架生成的代码肯定是不适合我们所用的 所以要修改...

• 2020-05-27

120浏览

0评论

从0到1构建vueSSR项目之node以及vue-cli3的配置

前言
上一次做了路由的相关配置，原本计划今天要做vuex部分，但是想了想，发现vuex单独的客户端部分穿插解释起来很麻烦，所以今天改做服务端部分。
服务端部分做完，再去做vuex的部分...

• 2020-05-27

139浏览

0评论

vue插件mescroll.js实现移动端上拉加载和下拉刷新

做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点
1.npm安装
npm install --save mescroll.js //不要使用cnpm安装...

• 2020-05-27

97浏览

0评论

使用vue开发移动端管理后台的注意事项

独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费...

• 2020-05-27

122浏览

0评论

mpvue微信小程序多列选择器用法之省份城市选择的实现

前言
微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-i...

• 2020-05-27

150浏览

0评论

在Web关闭页面时发送Ajax请求的实现方法

前言有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。
本文主要分两部分来讲解...

• 2020-05-27

135浏览

0评论

JS/jQuery实现获取时间的方法及常用类完整示例

本文实例讲述了JS jQuery实现获取时间的方法及常用类。分享给大家供大家参考，具体如下：效果图源码解析<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS获取...

• 2020-05-27

210浏览

0评论

Vue中的情侣属性$dispatch和$broadcast详解

00 前言
$dispatch 和 $broadcast 作为一对情侣 &#128145;属性，在 Vue 1.0 中主要用来实现基于组件树结构的事件流通信 —— 通过向上或向下以冒泡的形式传递事件流，以实现嵌...

• 2020-05-27

149浏览

0评论

node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】

本文实例讲述了node链接mongodb数据库的方法。分享给大家供大家参考，具体如下：一、安装2.6版本以上的mongodb在云服务器上（百度就能查到安装方法，以及验证是否安装成功一般是mon...

• 2020-05-27

105浏览

0评论

如何优雅地在vue中添加权限控制示例详解

前言
在一个项目中，一些功能会涉及到重要的数据管理，为了确保数据的安全，我们会在项目中加入权限来限制每个用户的操作。作为前端，我们要做的是配合后端给到的权限数据，做页面上...

• 2020-05-27

113浏览

0评论

深入理解react 组件类型及使用场景

函数组件 vs 类组件
函数组件(Functional Component )和类组件(Class Component)，划分依据是根据组件的定义方式。函数组件使用函数定义组件，类组件使用ES6 class定义组件
//...

• 2020-05-27

118浏览

0评论

Webpack4 使用Babel处理ES6语法的方法示例

修改 index.js 内容，写一些 ES6 的语法：const arr = [ new Promise(() => {}), new Promise(() => {})];arr.map(item => { console.log(item);})ES6 很强大，但目前并不是所...

• 2020-05-27

129浏览

0评论

webpack4.x下babel的安装、配置及使用详解

前言
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。...

• 2020-05-27

135浏览

0评论

validform表单验证的实现方法

validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素，这种形式非常方便，下面写法更加智能得到label内容来提示validform有什么用？网页上有大量的input需要你进...

• 2020-05-27

139浏览

0评论

NodeJs入门教程之定时器和队列

一,介绍与需求
1.1,介绍
定时任务（node-schedule)，是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序。它允许您使用可选的递归规则将作业(任意函数)安排在特...

• 2020-05-27

103浏览

0评论

浅谈Javascript常用正则表达式应用

模式修饰符的可选参数 i: 忽略大小写 g: 全局匹配 m: 多行匹配 /hello/: 两个反斜杠是正则表达式的字面量表示法
两个测试方法testconst test = new RegExp('hello wo...

• 2020-05-27

128浏览

0评论

详解js 创建对象的几种方法

在js中创建对象的方法可分为6种，分别是：基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式，接下来分别看下这几种模式的写法吧一、基本模式var person = ne...

• 2020-05-27

118浏览

0评论

详解小程序循环require之坑

1. 循环require
在JavaScript中，模块之间可能出现相互引用的情况，例如现在有三个模块，他们之间的相互引用关系如下，大致的引用关系可以表示为 A -> B -> C -> A，要完成模块A，它依...

• 2020-05-27

129浏览

0评论

利用angular自动编译andriod APK的绕坑经历分享

背景
前端架构师使用angular JS作为框架，打包android APK。程序已经完成，需要使用自动编译功能来检测服务。下面话不多说了，来一起看看详细的介绍吧问题
问题一：JDK需要使用1.8，...

• 2020-05-27

127浏览

0评论

详解JavaScript函数callee、call、apply的区别

arguments.callee
关于callee的解释：callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用，例如在没有名称...

• 2020-05-27

130浏览

0评论

小程序测试后台服务的方法(ngrok)

什么是ngrok？官方解释是这样说的：ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。这段话是什么意思？运行ngrok服务以后，本地运行的Web服...

• 2020-05-27

103浏览

0评论

Angular使用ControlValueAccessor创建自定义表单控件

在 Angular 自定义表单控件，有时你想要的输入不是标准的文本输入、选择或复选框。通过实现ControlValueAccessor 接口并将组件注册为 NG_VALUE_ACCESSOR，您可以将自定义表单控...

• 2020-05-27

197浏览

0评论

详解JavaScript 的变量

基本类型和引用类型的值
ECMAScript变量一般有两种数据类型的值：基本类型和引用类型。 基本类型： 简单的数据段：Undefined, Null, Boolean, Number, String 引用类型：多个值构...

• 2020-05-27

86浏览

0评论

JavaScript实现预览本地上传图片功能完整示例

本文实例讲述了JavaScript实现预览本地上传图片功能。分享给大家供大家参考，具体如下：<html><head><title>www.freexyz.cn 图片上传预览</title><script> function PreviewIma...

• 2020-05-27

106浏览

0评论

详解基于vue-cli3快速发布一个fullpage组件

前言
想必大家都看过fullpage.js——这是一款非常好用的翻页插件。
现在vue非常流行，大家想不想发布一个组件给别人使用呢？
这里我们基于vue-cli3快速搭建一个简单的fullpage...

• 2020-05-27

89浏览

0评论

Javascript之高级数组API的使用实例

JS中我们可以根据需求新建新的对象解决问题的同时，也有一些常用的内置对象供我们使用，我们称之为API，本篇文章只是对数组部分进行了练习。例一：伪数组，不能修改长短的数组（所以没...

• 2020-05-27

148浏览

0评论

详解vue项目中使用token的身份验证的简单实践

工作原理 前端页面进行登录操作, 将用户名与密码发给服务器; 服务器进行效验, 通过后生成token, 包含信息有密钥, uid, 过期时间, 一些随机算法等 ,然后返回给前端 前端...

• 2020-05-27

107浏览

0评论

零基础之Node.js搭建API服务器的详解

零基础之Node.js搭建API服务器这篇文章写给那些Node.js零基础，但希望自己动手实现服务器API的前端开发者，尝试帮大家打开一扇门。HTTP服务器实现原理HTTP服务器之所以能提供前...

• 2020-05-27

121浏览

0评论

JavaScript解析机制与闭包原理实例详解

本文实例讲述了JavaScript解析机制与闭包原理。分享给大家供大家参考，具体如下：js解析机制：js代码解析之前会创建一个如下的词法环境对象（仓库）：LexicalEnvironment{ }在扫描js代...

• 2020-05-27

89浏览

0评论

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

本文实例讲述了vue.js使用v-model实现表单元素(input) 双向数据绑定功能。分享给大家供大家参考，具体如下：v-model 一般表单元素(input) 双向数据绑定el:'#box',//这里放的是...

• 2020-05-27