Nodejs中Express 常用中间件 body-parser 实现解析
写在前面body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大部分的使用场景。app.use(bodyParser.json())...
2020-05-27
JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据...
2020-05-27
单行 JS 实现移动端金钱格式的输入规则
金钱格式检验属于很普通的需求，记得工作中第一次遇到这个需求的时候，还不太会写正则表达式，搜到了一个类似的解决方案，看着正则的文档改成了自己需要的形式。但是用户的输入操作...
2020-05-27
JavaScript实现QQ聊天消息展示和评论提交功能
QQ聊天消息显示，提交评论等实现原理，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0;...
2020-05-27
jQuery表单验证之密码确认
众所周知，在修改密码时会需要两次输入密码。这时如何确保两个密码框中都有内容？两个密码框中是一致的？如果一个没有输入会给出提示？OK这一切都可以用JS来实现，具体思想很简单啦，就...
2020-05-27
JS实现无缝循环marquee滚动效果
无缝循环marquee滚动JS代码实现，兼容IE, FireFox, Chrome，供大家参考，具体内容如下首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap;...
2020-05-27
详解Angular 4.x NgIf 的用法
NgIf 指令作用
ngIf 指令用于根据表达式的值，在指定位置渲染 then 或 else 模板的内容。 then 模板除非绑定到不同的值，否则默认是 ngIf 指令关联的内联模板。 else 模板除...
2020-05-27
JS实现上传图片实时预览功能
前段时间在网络上找的代码，修改了一部分用在了项目里。原博客地址找不到了，如果原作者看到的话留言我，将于第一时间删除。//js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Oper...
2020-05-27
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
AngularJS 路由 是通过 # + 标记 帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。因此在设置好路由规则后，为html页面的a标签设置href路由链接切换不同的视...
2020-05-27
详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0
现在Angular CLI在npm下通过@angular/cli来替代angular-cli，并且它只支持Node6.9.0或更高的版本，npm 3或更高的版本。所以在升级angular cli之前，请先升级node和npm。
如果你使...
2020-05-27
Angular中$broadcast和$emit的使用方法详解
要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递，同时使用$on来接收事件并作出响应。broadcast译为广播，即上级传递下级。
示例代码：<script src=...
2020-05-27
详解Angular路由 ng-route和ui-router的区别
什么是路由？
路由是AngularJS构建单页面应用的基础。路由，就是网络数据或者请求进行分发的一个网络组件。
路由就是一个用于请求URL分发和跳转的一个应用组件，Angular中通过$ro...
2020-05-27
jQuery滑动到底部加载下一页数据的实例代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：<script>page_num =page_num+1 ; //页码自动增加，保证下次调用时为新的一页。 $.ajax({ type: "get",...
2020-05-27
移动端手指放大缩小插件与js源码
本文实例为大家分享了移动端手指放大缩小的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...
2020-05-27
bootstrap手风琴折叠示例代码分享
本文实例为大家分享了bootstrap手风琴的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-C...
2020-05-27
bootstrap模态框远程示例代码分享
本文实例为大家分享了bootstrap模态框远程的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-U...
2020-05-27
详解Angular2 关于*ngFor 嵌套循环
在项目开发中拿到的数据是这样的，要循环遍历出来。可是在ng2中好像不能直接遍历Object datas: any = [ { num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "12...
2020-05-27
vue+axios实现登录拦截的实例代码
一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github 提供的personal token作为登录token，通过token...
2020-05-27
bootstrap栅格系统示例代码分享
本文实例为大家分享了bootstrap栅格系统的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-...
2020-05-27
Vue实现动态显示textarea剩余字数
Vue实现动态显示textarea剩余文字数量，具体内容如下这里我们假设允许用户输入的最多数量为200个
html代码如下：<textarea maxlength="200" @input="descInput" v-model="desc...
2020-05-27
vue2.0 与 bootstrap datetimepicker的结合使用实例
1.在很多的项目中，我们都会用到日期插件，然后当我在vue中使用bootstrap datetimepicker时发现双向绑定不起作用了，bootstrap datetimepicker修改的日期不会同步到data中，下面看...
2020-05-27
jQuery实现简单的滑动导航代码(移动端)
1.1 App滑动导航说明：这个例子主要是实现一条导航山只有两个选项的。1.适合用于移动端。2.滑动条的长度是选项内容的长度。1.1.1. 效果图
1.1.2. Html
<!DOCTYPE html><html...
2020-05-27
原生JS实现不断变化的标签
上图为博客右侧截取的GIF图，下图为代码效果 HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>SlideFont</title></head><body> <div class="F-Sli...
2020-05-27
JS获取短信验证码倒计时的实现代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：$(function() { var phone_num = /^1\d{10}$/; var flag = 1; //短信发送时标志位 $(".getcode").click(function...
2020-05-27
JavaScript 巧学巧用
前言由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。
本文主要给大家分享一下在编写JavaS...
2020-05-27
详解用node编写自己的cli工具
工作中接到新项目，开发前都需要先规划项目目录，然后一个个创建文件，搭建sass编译环境，下载jquery，Swiper等类库... 这些准备工作都要花上不少时间。每做一个项目，都会遇到同样的问...
2020-05-27
jquery实现图片轮播器
一、轮播器
1、HTML框架
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>图片轮播器</title> <link rel="stylesheet" type="text/css" href="s...
2020-05-27
angular+webpack2实战例子
之前研究过webpack但是一直没用过，这次公司要做一个h5网站，正好拿来练练手，话说angular1x对移动端不是很友好，但主要是angular1x比较熟悉，上手快，开发也快，就没去考虑其他前端mvc框...
2020-05-27
vue-router 中router-view不能渲染的解决方法
最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。项目目录结构其中main...
2020-05-27
详解vue嵌套路由-query传递参数
在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 paramsindex.html<div id="app"> <!-- router-view 路由出口, 路由匹配到的组...
2020-05-27
详解vue嵌套路由-params传递参数
在嵌套路由中，父路由向子路由传值除了query外，还有params，params传值有两种情况，一种是值在url中显示，另外一种是值不显示在url中。1、显示在url中index.html<div id="app"> <!...
2020-05-27
用angular实现多选按钮的全选与反选实例代码
在页面中我们常常会遇到多选框，例如购物车里的商品
下面用angular来实现这一功能<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <...
2020-05-27
Node.js 实现简单的接口服务器的实例代码
通过Node.js来实现接口服务器的功能。主要特点为：
1） 增加接口不需要重启
2） 异步执行，但接口阅读的时候是同步的代码（从上而下），或者可以按需求并行，串行这里只是抛出基本思路，所以...
2020-05-27
Bootstrap响应式表格详解
Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机下面是手机端显示的样式代码如下：1.test.php
<html><head><meta http-equiv="Content-Type" content="text/html...
2020-05-27
微信小程序request出现400的问题解决办法
微信小程序request出现400的问题解决办法最近在跟着demo学习微信小程序，当进行网络请求时出现400，折腾了很久，代码如下：wx.request({ url : "https://api.douban.com/v2/movie/...
2020-05-27
node.js中express中间件body-parser的介绍与用法详解
前言Node中的核心模块分两类：一类是自带的核心模块，如http、tcp等，第二类是第三方核心模块，express就是与http对应的第三方核心模块，用于处理http请求。express在3.0版本中自带有...
2020-05-27
JavaScript设置名字输入不合法的实现方法
html代码：<tr> <th>输入名称：</th> <td><input type='text' class='normal' name='name' pattern='required' alt='名称'id="checkText" onblur="checkName()" /><label&g...
2020-05-27
BootStrap表单控件之复选框checkbox和单选择按钮radio
1.运行效果如图所示2.实现代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>表单控件——复选...
2020-05-27
vue实现app页面切换动画效果实例
因为需要实现类似APP页面切换的动画效果，百度google搜索比较少资料，所以自己写文档，希望对您有用
在router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue...
2020-05-27
BootStrap 表单控件之单选按钮水平排列
1.运行效果如图所示2.实现代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>表单控件——...
2020-05-27
BootStrap表单控件之文本域textarea
1.运行效果如图所示 2.实现代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>表单控件——...
2020-05-27
详解vuex 中的 state 在组件中如何监听
前言不知道大家有没有遇到过这样一种情况？ vuex中的state会在某一个组建中使用，而这个状态的初始化是通过异步加载完成的。组件在渲染过程中，获取的state状态为空。也就是说组...
2020-05-27
微信小程序获取用户openId的实现方法
微信小程序获取用户openId的实现方法前端：
wx.login({ success: function (res) { res.code }) 获取到code后，传到后台，
然后请求微信接口
https://api.weixin.qq.com...
2020-05-27
Bootstrap多级菜单的实现代码
最近在用Bootstrap做一个项目的时候遇到一个问题，官网上只给的二级菜单的用法，但是实际运用肯定不止二级。 于是在网上看到一个第三方的工具：bootstrap-submenu，地址：https://git...
2020-05-27
vue.js 左侧二级菜单显示与隐藏切换的实例代码
废话不多说了，直接给大家贴代码了，完整代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue点击切换显示隐藏</title> <script src="https://cdn.boo...
2020-05-27
jquery实现简单实用的轮播器
WEB开发经常实用到一种情况，即某个容器内的各项轮流循环播放显示，同时有相应的导航条提示，因为这个在很多地方可以使用，而且功能很相似的，所以写一个这样的播放功能，共享一下，需要...
2020-05-27
最常用的jQuery表单验证(简单)
废话不多说了，直接给大家贴代码了，具体代码如下所示：<script type="text/javascript">//<![CDATA[$(function(){ /* *思路大概是先为每一个required添加必填的标记，用each...
2020-05-27
微信小程序 侧滑删除（左滑删除）
微信小程序 侧滑删除（左滑删除）如图所示，demo是小程序的侧滑删除，这个是我在别人写的例子的基础上修改的。代码如下
js文件代码：
// pages/leftSwiperDel/index.js var initdata...
2020-05-27
强大的 Angular 表单验证功能详细介绍
Angular 支持非常强大的内置表单验证，maxlength、minlength、required 以及 pattern。使用 Angular 的内置表单校验能够完成绝大多数的业务场景的校验需求，但有时我们还需要实...
2020-05-27
详解JavaScript数组过滤相同元素的5种方法
方法一:比较内层循环变量的值.var arr = [1, 2, 3, 1, 3, 4, 5, 5];var resultArr = [];for (i = 0; i < arr.length; i++) { for (j = 0; j < resultArr.length; j++) {...
2020-05-27
