详解Node.js access_token的获取、存储及更新
一、写在前面的话上一篇文章中，我们使用 Node.js 成功的实现了接入微信公众平台功能。在这篇文章中，我们将实现微信公众平台一个非常重要的参数 access_token ,它是公众号的全...
2020-05-27
NodeJs中express框架的send()方法简介
express框架的send方法
①send方法用的还挺多的，因此需要明确其作用；
②原型是：
res.send([body|status], [body])即既可以直接发送内容，也可以第一个参数状态，第二个参数内容。...
2020-05-27
jquery基于layui实现二级联动下拉选择(省份城市选择)
先看一下简单的效果直接上代码
html部分 (下拉框中value的数值我是根据数据库中取出来)<div class="layui-form-item"> <label class="layui-form-label">城市</label> <div...
2020-05-27
详解Vue路由开启keep-alive时的注意点
这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能，所以就试用了下...
2020-05-27
JS实现简单拖拽效果
本文实例为大家分享了JS实现拖拽效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type=...
2020-05-27
jquery.validate表单验证插件使用详解
今天我们来说一下表单验证，有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js它是与jquery一起结合用...
2020-05-27
Angular.JS中指令ng-if的注意事项小结
前言ng-if指令可以根据表达式的值true/false在DOM中真正生成或真正移除一个元素。如果赋值给ng-if的表达式的值是false，那对应的元素将会从DOM中移除，否则对应元素的一个克隆...
2020-05-27
JavaScript用200行代码制作打飞机小游戏实例
我去，我的图片分数被这个录屏软件的水印盖上了，扎心。这个程序的文件以及代码全部上传到了github
程序下载链接传送门
这是自己第一次通过js写的小游戏，那个时候对象的原理跟...
2020-05-27
详解Angular2 之 结构型指令
Angular 有一个强力的模板引擎，它能让你轻松维护元素的DOM树结构。Angular指令可分为三种 组件 属性型指令 结构型指令组件组件其实就是一个带模板的指令。是这三种指令中...
2020-05-27
详解Angular 自定义结构指令
1. <ng-template>元素import { Component, TemplateRef, ViewContainerRef, ViewChild, AfterViewInit } from '@angular/core';@Component({ selector: 'app-code404', tem...
2020-05-27
基于jquery日历价格、库存等设置插件
Commodity calendar, price, inventory and other settings of jQuery plug-in基于jquery的日历价格、库存等设置插件。需要设置的参数(字段)需自定义，详见(demo)使用方法…...
2020-05-27
Angular中ng-options下拉数据默认值的设定方法
今天学习了一下Angular中ng-options下拉数据默认值的设定方法，留个笔记
直接上代码 <div class="form-group"> <label class="col-sm-2 control-label">教师</labe...
2020-05-27
AngularJS动态绑定ng-options的ng-model实例代码
什么情况下会需要动态绑定 ng-model 呢？若你的数据结构长得像是下面这样：var Classes = [{"Name" : "温度 " ,"Options" : [ "Cold" , "Hot" , "Normal" ]},{"Name" : "份量 "...
2020-05-27
详解webpack分离css单独打包
这篇文章只写了如何把CSS打包成一个CSS文件，没有讲解如何打包成多个CSS文件，经简友提点，这里添加上了 打包成多个CSS文件的方法。瞎扯webpack 把所有的资源都当成了一个模块, C...
2020-05-27
javascript+html5+css3自定义提示窗口
javascript自定义提示窗口效果图：源码：1.demo.jsp<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>自定义提示窗口</title> <scrip...
2020-05-27
微信小程序图片自适应支持多图实例详解
微信小程序图片自适应支持多图实例详解微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺...
2020-05-27
微信小程序中页面FOR循环和嵌套循环
微信小程序中页面FOR循环和嵌套循环单个循环 <view wx:for="{{pinpaiTishi}}" wx:key="{{xxx}}"> <view wx:if="{{item.name!=null}}" wx:key="{{xxxx}}">...
2020-05-27
微信小程序图片宽100%显示并且不变形
微信小程序图片宽100%显示并且不变形按照HTML习惯进行写，代码：<view class="meiti"> <image src="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive...
2020-05-27
JS 验证密码 不能为空，必须含有数字、字母、特殊字符,长度在8-12位
废话不多说了，直接给大家贴代码了，具体代码如下所示：checkpassword = function(v){var numasc = 0;var charasc = 0;var otherasc = 0;if(0==v.length){return "密码不能为空";...
2020-05-27
AngularJS解决ng-if中的ng-model值无效的问题
与其他指令一样，ng-if指令也会创建一个子级作用域，因此，如果在ng-if指令中添加了元素，并向元素属性增加 ng-model指令，那么ng-model指令对应的作用域属性子级作用域，而并非控制器...
2020-05-27
解决Extjs下拉框不显示的问题
问题描述：一个父容器也是window的window下的comboBox在页面中点击无效，但是在控制台中查看它的store却是有值的，问题在于没有显示。页面：控制台调试：解决方案：监听下拉（expand）事件，...
2020-05-27
JS图片预加载插件详解
在开发H5项目中有时候会遇到要加载大量图片的情况，利用预加载技术可以提高用户浏览时的体验。1)概念：
懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载...
2020-05-27
JS表单提交验证、input（type=number） 去三角 刷新验证码
在进行表单提交时，需要对输入框和文本域等的value的合理性进行验证，可以编写form的onSubmit事件，代码，踩过的坑；注意点：1、只有通过form里面的 <button type="submit" >提交</butt...
2020-05-27
详解如何在vue中使用sass
创建一个基于 webpack 模板的新项目全局安装 vue-cli$ npm install --global vue-cli创建一个基于 webpack 模板的新项目$ vue init webpack my-project安装依赖$ cd my-pro...
2020-05-27
详解vue-cli中配置sass
如何配置sass一、安装对应依赖node模块：npm install node-sass --save-devnpm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上rules: [...
2020-05-27
详解在vue-cli项目中安装node-sass
1，使用save会在package.json中自动添加。npm install node-sass --savenpm install sass-loader --save2，通常使用npm安装会出现以下报错，安装失败。（网路问题）3，可以通过淘宝的np...
2020-05-27
详解Vue整合axios的实例代码
在vue开发中，不可避免要整合axios，简单记录一下整合中的文件，方便以后使用查找。整合文件axios.jsimport axios from 'axios';// 适配vue-resourceconst instance = axios.crea...
2020-05-27
jQuery实现可拖动进度条实例代码
html <div class="progress"> <div class="progress_bg"> <div class="progress_bar"></div> </div> <div class="progress_btn"></div> <div class="text"...
2020-05-27
vue2.0中click点击当前li实现动态切换class
1，文件内容----//为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set<template> <div> ...
2020-05-27
Vue实现百度下拉提示搜索功能
一、前期准备网上大神已经做过这个功能https://github.com/lavyun/vue-demo-search 这自己仅实现搜索功能
为了使用百度实现搜索功能，首先搞清楚下拉数据和搜索功能的数据接...
2020-05-27
详解ElementUI之表单验证、数据绑定、路由跳转
1.新建表单组件el-form.vue<template> <div class="form"> <el-form ref="form" :model="UserForm" :rules="this.$store.state.userinfo.CheckRules" label-position="...
2020-05-27
纯JS实现只能输入数字的简单代码
只能输入数字<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
2020-05-27
vue2.0实现分页组件的实例代码
最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的, 如果你的项目中没有使用webpack,请根...
2020-05-27
详解用webpack2搭建angular2的项目
webpack2和angular2搭建的项目github地址:项目链接 npm install，安装依赖包 npm run dev，启动本地工程，在localhost:1699进行预览package.json{ "name": "angular-webpack",...
2020-05-27
Angularjs在360兼容模式下取数据缓存问题的解决办法
测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开...
2020-05-27
vue使用stompjs实现mqtt消息推送通知
最近在研究vue+webAPI进行前后端分离，在一些如前端定时循环请求后台接口判断状态等应用场景用使用mqtt进行主动的消息推送能够很大程度的减小服务端接口的压力，提高系统的效率...
2020-05-27
详解vue 配合vue-resource调用接口获取数据
1.先用node+express+mysql简单配置一下后台
const express = require('express');const mysql = require('mysql');const static = require('express-static');const db = m...
2020-05-27
关于在vue-cli中使用微信自动登录和分享的实例
（以下所有接口由后台提供）一、微信自动登录 //定义事件 methods:{ //判断是否微信登陆 是不是微信浏览器 isWeiXin() { let ua = window.navigator.userAgent.toLowerCas...
2020-05-27
利用node.js制作命令行工具方法教程（一）
前言之前使用过一些全局安装的NPM包，安装完之后，可以通过其提供的命令，完成一些任务。比如Fis3，可以通过fis3 server start 开启fis的静态文件服务，通过fis3 release开启文件编译...
2020-05-27
vue如何从接口请求数据
这两天学习了vue如何从接口请求数据，所以，今天添加一点小笔记。
<!doctype html><html> <head> <meta charset="UTF-8"> <title>获取图片列表</title> <meta name="...
2020-05-27
深入理解vue.js中的v-if和v-show
本文主要给大家介绍了关于vue.js中v-if和v-show的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：1.共同点都是动态显示DOM元素2.区别（1）手段：v-if是动态的向DOM树内...
2020-05-27
vue 请求后台数据的实例代码
需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中加入import VueResource from 'vue-resource'Vue.use(VueResource);在packag...
2020-05-27
Ajax高级笔记 JavaScript高级程序设计笔记
Ajax通信与数据格式无关，从服务器获取的数据不一定是XML数据。Ajax的核心：XMLHttpRequest对象(简称XHR)在XHR对象之前，Ajax通信通常使用hack手段，如使用隐藏的或内嵌的框架。XHR...
2020-05-27
JavaScript中内存泄漏的介绍与教程（推荐）
本文主要给大家详细介绍了关于JavaScript中内存泄漏的相关内容，文中介绍的非常详细，对大家具有一定的参考学习价值，下面来一起看看详细的介绍：一、什么是内存泄漏？
程序的运行需...
2020-05-27
EasyUI中的dataGrid的行内编辑
这个js代码是别人写的，可能不是最好的，但我个人觉得首先能帮助别人解决功能问题的话就特别好。我稍加修改后用在了自己的项目上了，这里贴出来分享一下。后台用的TinkPHP因为都...
2020-05-27
详解Vue 2.0封装axios笔记
前言单页面应用大多采用前后端分离开发思路，我们知道，前端和后端交互有多中方式(服务器端渲染、Ajax、websocket等)，今天我们主要讲解Ajax部分。最近团队讨论了一下，Ajax 本身跟...
2020-05-27
文本溢出插件jquery.dotdotdot.js使用方法详解
插件下载地址：https://github.com/FrDH/jQuery.dotdotdot引入jQuery.js和jquery.dotdotdot.js<script type="text/javascript" src="jquery.js"></script><script type="text...
2020-05-27
详解Angular 中 ngOnInit 和 constructor 使用场景
1. constructorconstructor应该是ES6中明确使用constructor来表示构造函数的，构造函数使用在class中，用来做初始化操作。当包含constructor的类被实例化时，构造函数将被调用。...
2020-05-27
详解Angular之constructor和ngOnInit差异及适用场景
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是ngOnInit。但在TypeScript或ES6中还存在着名为constructor的构造函数，开发过程中经...
2020-05-27
Angular2 父子组件数据通信实例
如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过Angu...
2020-05-27
