详解express + mock让前后台并行开发
在我们平时项目刚启动时，由于后台也是刚开始开发，我们前端往往在开发过程中没有数据和接口请求的，都要造一些假数据进去或者使用mock造一些数据进去，但是这样的话往往会偶合一些...
2020-05-27
微信小程序实现美团菜单
本文实例为大家分享了微信小程序实现美团菜单的具体代码，供大家参考，具体内容如下1.功能仅是菜单功能一部分，仅供参考
2.需求描述：右侧菜品部分在滚动的时候，左侧菜品选中分类与...
2020-05-27
Express的HTTP重定向到HTTPS的方法
我本地测试时, HTTP使用3000端口, HTTPS使用443.同时监听HTTP和HTTPS参考上一篇文章Express本地测试HTTPS 转发所有GET请求
httpApp.get("*", (req, res, next) => { let h...
2020-05-27
vue组件实现进度条效果
本文实例为大家分享了vue实现进度条效果的具体代码，供大家参考，具体内容如下一、效果图
二、代码
progress-bar.vue<template> <div class="vue-progress-bar default-theme...
2020-05-27
详解创建自定义的Angular Schematics
本文对 Angular Schematics 进行了介绍，并创建了一个用于创建自定义 Component 的 Schematics ，然后在 Angular 项目中以它为模板演练了通过 Schematics 添加自定义的 Compone...
2020-05-27
深入浅析Vue中的 computed 和 watch
computed 计算属性：通过属性计算得来的属性 计算属性,是在相关联的属性发生变化才计算，计算过一次，如果相关属性没有变化，下一次就不需要计算了，直接去缓存的值a:<input type=...
2020-05-27
基于vue实现可搜索下拉框定制组件
实践加深对vue的理解和运用有效途径，本文是基于vue的可搜索下拉框定制组件实现，在此记录.一、效果 二、组件代码dropdown.vue<template> <div class="vue-dropdown default-th...
2020-05-27
Vue ElementUi同时校验多个表单(巧用new promise)
前言有ABCD四个表单，提交的时候同时校验(是的，后台管理系统的需求就是这样)，巧用new promise。实现的方法有很多种，我讲下自己觉得比较优雅的方式，欢迎各位大大的指正哈。代码let...
2020-05-27
security.js实现的RSA加密功能示例
本文实例讲述了security.js实现的RSA加密功能。分享给大家供大家参考，具体如下：在项目中遇到要对用户输入的密码进行RSA加密的需求，总结一下实现过程：<html><head><meta charset...
2020-05-27
vue实现简单loading进度条
刚学习vue不久，今天试着用vue做了一个简单的loading进度条，对于vue的生命周期和钩子函数又有了新的理解，下面分享给大家，绝对入门级。一、进度条原理这个就很简单了，也是我们经常...
2020-05-27
vue2.0实现音乐/视频播放进度条组件
基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释，具体内容如下需求分析：①：进度条随着歌曲的播放延长，歌曲播放完时长度等于黑色总进度条长度；时间实时更新。②：当滑动按...
2020-05-27
vue+axios新手实践实现登陆的示例代码
其实像这类的文章网上已经有很多很好的,写这篇文章，相当于是做个笔记，以防以后忘记
用到的：1、 vuex 2、axios 3、vue-route登陆流程为： 1、提交登陆表单，拿到后台返回的数据2、...
2020-05-27
js数组去重的N种方法(小结)
对于数组去重我们有n种方法可以实现。es5实现方法for循环+indexOffunction unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { i...
2020-05-27
vue.js实现标签页切换效果
第二个实例是关于标签页切换的，先看一下效果：这也是一个很常见的交互效果，以往正常的javascript写法是给各个按钮绑定事件来切换不同的层，当然也可以用纯css写，给上面的三个切换...
2020-05-27
详解create-react-app 自定义 eslint 配置
使用eslint和editorconfig规范代码为什么要用这些： 代码规范有利于团队协作 纯手工规范耗时耗力而且不能保证准确性 能配合编辑器自动提醒错误，提高开发效率eslint随着ECMA...
2020-05-27
JavaScript 正则命名分组【推荐】
前言
以往我们只是习惯于通过数组下标来访问正则匹配到的分组，但分组达到4、5个时，标识起来就会非常麻烦。V8早已实现了正则命名分组提案，只是我们很少使用，本文将介绍JS的正则...
2020-05-27
vue translate peoject实现在线翻译功能【新手必看】
开始这是一适合新手练习的小项目，一个在线翻译的demo。在正式开始前，先啰嗦一下，是一位网友给我的建议，就是不要强行组件化的问题 开始做Vue时我们可能会喜欢拆很多组件出来 但...
2020-05-27
vue better scroll 无法滚动的解决方法
使用vue+better scroll
今天实现切换用户后查询用户订单列表的一个功能，在实例化betterscroll时，因为有的用户没有订单，切换用户后会出现订单列表无法滚动的问题。先放代码：<!--...
2020-05-27
浅谈PDF.js使用心得
一次在开发微信预览保单的时候所使用到的，由于安卓手机浏览器不支持解析PDF，所以才用了PDF.js来解析PDF并展示。pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，...
2020-05-27
AngularJS 前台分页实现的示例代码
考评员查询，因为整体的数据量比较小，所以我们可以将分页放到前台进行处理。其实分页的原理也很简单，我们根据分页选择的页码数和每页数据条数决定当前显示的是数组中的第多少项...
2020-05-27
JavaScript深拷贝和浅拷贝概念与用法实例分析
本文实例讲述了JavaScript深拷贝和浅拷贝概念与用法。分享给大家供大家参考，具体如下：js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和...
2020-05-27
Angular5中调用第三方库及jQuery的添加的方法
package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这些是Angular自带的，存放在node_modules目录中。需要注意的是：
packa...
2020-05-27
JavaScript事件委托原理与用法实例分析
本文实例分析了JavaScript事件委托原理与用法。分享给大家供大家参考，具体如下：在日常中，我们可能会听到事件委托这样的概念，有些同学可能对事件委托已经很了解了，也有些同学可能...
2020-05-27
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
本文实例讲述了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法。分享给大家供大家参考，具体如下：最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondbl...
2020-05-27
vue cli2.0单页面title修改方法
一、npm install vue-wechat-title --save 执行命令二、在main.js中添加 Vue.use(VueWechatTitle); Vue.config.productionTip= false三、在router/index.js文件中添...
2020-05-27
vue 国际化 vue-i18n 双语言 语言包
1.安装vue-i18n2.在main.js里面引用import VueI18n from 'vue-i18n'Vue.use(VueI18n)3.实例化i18n，并配置默认的语言模式，以及对应的文件（也是在main.js里使用）如下。cn 中文包...
2020-05-27
使用Vue-cli 3.0搭建Vue项目的方法
1. 环境准备
1.1. 安装Node.js （建议使用LTS版本）
1.2. nrm安装及npm registry设置
// use npmnpm i nrm -g// use yarnyarn global add nrm查看可用的npm源nrm lsnrm查看npm...
2020-05-27
jQuery动态移除与增加onclick属性的方法详解
本文实例讲述了jQuery动态移除与增加onclick属性的方法。分享给大家供大家参考，具体如下：这里给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的...
2020-05-27
JavaScript中click和onclick本质区别与用法分析
本文实例讲述了JavaScript中click和onclick本质区别与用法。分享给大家供大家参考，具体如下：原生javascript的click在w3c里边的阐述是DOM button对象，也是html DOM click() 方...
2020-05-27
浅谈Vue路由快照实现思路及其问题
前言：无论构建SPA还是MPA，组件的状态是无法被保存下来的，这对于开发过程中问题的重现是比较麻烦的，因为总是会失去上下文环境，导致重现过程变得繁琐。于是想到了将Vue Component...
2020-05-27
vue项目中使用百度地图的方法
1.在百度地图申请密钥: http://lbsyun.baidu.com/ 将<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥" ></script> 中的 密钥替换成...
2020-05-27
原生实现一个react-redux的代码示例
自己动手实现一个react-redux
之前试过自己动手实现一个redux，这篇blog主要记录动手实现一个react-redux的过程。这个react-redux还有一点点小瑕疵，我以一个计数器作为例子来...
2020-05-27
bootstrap treeview 树形菜单带复选框及级联选择功能
具体代码如下所示：<div id="searchTree"></div> <script> var treeData = [{ text: "Parent 1", nodes: [{ text: "Child 1", nodes: [{ text: "Grandchild...
2020-05-27
vue指令只能输入正数并且只能输入一个小数点的方法
最近在做一个金额查询，验证的时候总是出现很多问题，如输入-号后，input框里是没有了，但是在model里还是绑定了，提交的时候就会报错，真的是让人很是郁闷，小数点也是input框过滤掉了，但...
2020-05-27
用react-redux实现react组件之间数据共享的方法
上篇文章写到了redux实现组件数据共享的方法，但是在react中，redux作者提供了一个更优雅简便的模块实现react组件之间数据共享。那就是利用react-redux利用react-redux实现reac...
2020-05-27
Node.js中你不可不精的Stream（流）
一、什么是Stream（流）流（stream）在 Node.js 中是处理流数据的抽象接口（abstract interface）。 stream 模块提供了基础的API。使用这些API可以很容易地来构建实现流接口的对象。例...
2020-05-27
jQuery实现表单动态加减、ajax表单提交功能
对于前端开发，我的归类是分2种层次，首先第一种是基于前端架构上的开发，有一些后台开发的同事会瞧不起搞前端的，他们认为前端无非是画个页面嘛，这就有点夜郎自大了。现在我了解的...
2020-05-27
使用JavaScript生成罗马字符的实例代码
生成罗马数字这样生成有问题，到了 12 之后就不规律了roman() { return new Array(30).fill('Ⅰ').map((lastLetter, i) => { return String.fromCharCode(lastLetter.charCo...
2020-05-27
详解使用 Node.js 开发简单的脚手架工具
前言
像我们熟悉的 vue-cli，react-native-cli 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于...
2020-05-27
Node.js中的child_process模块详解
前言本文主要给大家介绍了关于Node.js中child_process模块的相关内容，在介绍child_process模块之前，先来看一个例子。
const http = require('http');const longComputation =...
2020-05-27
Vue不能观察到数组length的变化
由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newL...
2020-05-27
node中modules.exports与exports导出的区别
一：node是什么？
node只是平台，或者说是环境，其实用的还是js语法主要框架express以及koa，两个框架是同一个团队开发，node中也有类似于php的Ci框架的MVC模式 M->model数据层的增删...
2020-05-27
解析vue路由异步组件和懒加载案例
最近研究了vue性能优化，涉及到vue异步组件和懒加载。一番研究得出如下的解决方案。原理：利用webpack对代码进行分割是懒加载的前提，懒加载就是异步调用组件，需要时候才下载。案...
2020-05-27
详解angular脏检查原理及伪代码实现
我们经常听到angular的脏检查机制和数据的双向绑定，这两个词似乎已经是它的代名词了。那么从编程层面，这到底是什么鬼？当$scope的一个属性被改变时，界面可能会更新。那么为什么a...
2020-05-27
JS实现区分中英文并统计字符个数的方法示例
本文实例讲述了JS实现区分中英文并统计字符个数的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatib...
2020-05-27
jQuery基于闭包实现的显示与隐藏div功能示例
本文实例讲述了jQuery基于闭包实现的显示与隐藏div功能。分享给大家供大家参考，具体如下：<div class="binds"> <div class="phonebind"> <h3>手机绑定</h3> <p>...
2020-05-27
让你5分钟掌握9个JavaScript小技巧
译者按： 技巧虽好、重在掌握并使用起来！ 原文: Learn these neat JavaScript tricks in less than 5 minutes 译者: Fundebug为了保证可读性，本文采用意译而非直译。另外，本文...
2020-05-27
浅谈JS对象添加getter与setter的5种方法
定义 getter 与 setter1.通过对象初始化器在创建对象的时候指明（也可以称为通过字面值创建对象时声明）(function () { var o = { a : 7, get b(){return this.a +1;},/...
2020-05-27
js技巧之十几行的代码实现vue.watch代码
getter和settergetter 是一种获得属性值的方法，setter是一种设置属性值的方法。
属性被赋值 a = 1的时候, a 的原型内的setter就会被触发；
而 console.log(a) 的时候，a 的原型...
2020-05-27
