微信小程序实现皮肤功能（夜间模式）
老规矩，先上效果图个人对夜间模式这个功能情有独钟
晚上黑灯瞎火的看手机，屏幕亮度就算调到最低依然很是刺眼呀
所以我一直用某浏览器，因为有夜间模式言归正传，依然是分析功能点...
2020-05-27
jQuery实现下拉菜单的实例代码
基本效果是这样的~~<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0...
2020-05-27
JS仿淘宝搜索框用户输入事件的实现
淘宝是我们经常用的一个网上购物平台，打开淘宝网首页，找到淘宝首页的搜索框，如下如所示：大家可以看到，当页面一打开，搜索框中就可以看到灰色字体“少女高跟鞋”，还有闪烁的光标。当...
2020-05-27
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
1、本文使用js+jQuery实现轮播图，需要引用jquery包，另种实现分别是animate实现自适应的轮播，以及transform平滑轮播（在注释代码中）。2、代码中的图片大家自己更换就可以了，样式和...
2020-05-27
jQuery自定义多选下拉框效果
项目中需要自定义一个下拉框多选插件，业务问题还是自己实现比较好通过$.fn 向jQuery添加新的方法下拉数据通过参数传递进去，通过调用该插件时接收，选择后的确定与取消事件采用...
2020-05-27
AngularJS实现自定义指令与控制器数据交互的方法示例
本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta charset="utf-8"> <title>Angul...
2020-05-27
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
废话不多说了，直接给大家贴代码了，具体代码如下所示：// 上传目标触发点 <input type="file" class="upvideo" name="upvideo" id="fileupload1" /> // 引入插件 <script type="...
2020-05-27
Node.js中 __dirname 的使用介绍
前言本文主要给大家介绍的是关于Node.js中 __dirname 使用的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：方法如下新建个文件app.js里面的内容如下：console.log(...
2020-05-27
Node.js环境下Koa2添加travis ci持续集成工具的方法
前言因为最近使用koa2做项目测试开发，所以想整合下travis ci,网上资料也比较少，于是自己就整了个，做个记录。分享出来供大家参考学习，下面来看看详细的介绍吧。方法如下：先来看下...
2020-05-27
原生JS+Canvas实现五子棋游戏实例
一、功能模块先看下现在做完的效果：线上体验：https://wj704.github.io/five_game.html
主要功能模块为：
1.人机对战功能
2.悔棋功能
3.撤销悔棋功能二、代码详解2.1 人机对战功...
2020-05-27
手把手教你把nodejs部署到linux上跑出hello world
从事前端一年多了对于 linux 服务部署一直是一无所知, 知道前段时间萌发了个想法, 我怎么能像运维的同学一样把自己的代码放到一个 linux 的服务器上. 于是便开始了踩坑之旅...
2020-05-27
NodeJS 实现手机短信验证模块阿里大于功能
1,NodeJS 安装阿里大于模块切换到项目目录使用npm 安装阿里于模块npm i node-alidayu --save2，aliyu官网使用淘宝账户登录登录阿里大于https://doc.alidayu.com/doc2/index.h...
2020-05-27
jQuery实现简单的手风琴效果
本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下实现手风琴效果如图所示：html结构：<div class="item_box box10"> <div class="item_box_wp"> <d...
2020-05-27
详解vue服务端渲染(SSR)初探
前言首先来讲一下服务端渲染，直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：
传统的服务端模板引擎渲染整个页面
服务渲染生成...
2020-05-27
angularjs+bootstrap实现自定义分页的实例代码
目前在做一个java web页面，没有使用到框架的分页，所以需要自己实现分页，就想到了用angularjs来实现分页，数据通过ajax从后台获取。插件百度了一下，看到一个比较漂亮的插件，就直接...
2020-05-27
Web制作验证码功能实例代码
web开发中，经常会使用验证码功能，例如登录、注册，或其他关键功能之前经常会使用。合理使用验证功能可以防止ddos攻击、爬虫攻击等。 实现效果： 实现原理： 由后台提供生成验...
2020-05-27
jQuery 实现双击编辑表格功能
先给大家展示下效果图：下面用简单方法实现的简单表格编辑功能:简单的HTML代码略过了,下面是js实现过程JavaScript:<span style="font-size:18px;">$(".tables").on("dblclick...
2020-05-27
深入理解AngularJs－scope的脏检查（一）
进入正文前的说明：本文中的示例代码并非AngularJs源码，而是来自书籍<<Build Your Own AngularJs>>, 这本书的作者仅依赖jquery和lodash一步一步构建出AngularJs的各核心模块，对...
2020-05-27
详解AngularJS脏检查机制及$timeout的妙用
||浏览器事件循环和Angular的MVW
“脏检查”是Angular中的核心机制之一，它是实现双向绑定、MVVM模式的重要基础。
Angular将双向绑定转换为一堆watch表达式，然后递归检查这些w...
2020-05-27
详解angularJS动态生成的页面中ng-click无效解决办法
今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案
1.首先将我们要赋值给页面的数据new一下var html = "<a hr...
2020-05-27
JS检测是否可以访问公网服务器功能代码
wifi认证开发过程所用到的，源码如下：注：检测AC是否放行成功，是否可以访问公网阿里云服务器功能调用：checkNet().then(function(res) { if(res) { //连网成功 } } else...
2020-05-27
JavaScript队列函数和异步执行详解
编辑注：在Review别人的JavaScript代码时曾看到过类似的队列函数，不太理解，原来这个是为了保证函数按顺序调用。读了这篇文章之后，发现还可以用在异步执行等。假设你有几个函数fn...
2020-05-27
AngularJS的ng-click传参的方法
今天遇到个难题就是ng-click传参问题，在网上找了好多资料，先留个笔记<ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet"> <li ng-click="sentOutQuery('{{item...
2020-05-27
ZeroClipboard.js使用一个flash复制多个文本框
ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件，目前官方已经到2.x的版本了，但不支持IE9以下的浏览器，而如果要兼容，则可以使用1.x的版本，我使用的是最开始的一个版本：1.0...
2020-05-27
AngularJS ng-repeat遍历输出的用法
AngularJS ng-repeat遍历输出的用法,最近需要用，就顺便发到随笔上了<!doctype html><html><head> <meta charset="utf-8"> <title>ng-repeat directive</title></head><bo...
2020-05-27
解决vue-cli中stylus无法使用的问题方法
在写基于vue-cli的vue项目时，遇到一个小坑，css用了stylus，但是在编译时候总是报错：
来来回回折腾了数十次，终于被我折腾好了。。。解决方式如下：
1、在package.json文件中写入依...
2020-05-27
js实现随机数字字母验证码
本文实例为大家分享了数字字母验证码的具体实现代码，供大家参考，具体内容如下验证码：
<html> <head> <title>纯字验证码</title> <meta http-equiv='content-type'...
2020-05-27
vue中如何实现变量和字符串拼接
整理文档，搜刮出一个vue中如何实现变量和字符串拼接的代码，稍微整理精简一下做下分享。在data中定义变量：data() { return { a: 'A' }}如何通过按钮点击实现字符串和变量a...
2020-05-27
详解vue2.0 transition 多个元素嵌套使用过渡
在做vue的demo的时候遇到一个问题，多个嵌套的元素如何设置transition？
我的代码：<div id='demo'> <button @click="show = !show">按钮</button> <transition name='mov...
2020-05-27
ionic2自定义cordova插件开发以及使用（Android）
如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特...
2020-05-27
详解vue-resource promise兼容性问题
背景其实这个问题在之前的项目开发中就出现过，但是当初只解决问题了，并没有针对问题作总结；于是乎今天踩到了自己埋的坑，所以决定记录一下。那么到底是什么问题呢？就是“在安卓低...
2020-05-27
20行js代码实现的贪吃蛇小游戏
前言最近在csdn上看到一位大神用20行代码就写出了一个贪吃蛇的小游戏，感觉被惊艳到了，就试着读了一下这段代码，阅读过程中不断为作者写法的巧妙而叫绝，其中我发现自己对运算符优...
2020-05-27
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容。使用此插件不需网上下插件，直接用如下js代码即可。浏览器需修改interner安全选项的级别，启...
2020-05-27
angularjs下拉框空白的解决办法
搜索angularjs下拉框空白，可以出现很多解决方案，但是对于静态字段来说，网上目前还没有找到解决方案，如下：<select class="form-control" ng-model="UserState" ng-init="UserSta...
2020-05-27
原生js二级联动效果
今天说的这个是原生js的二级联动，在空白页面里动态添加并作出相对应的效果。
//创建两个下拉列表 select标签 是下拉列表 var sel = document.createElement("select");...
2020-05-27
Angular.JS中select下拉框设置value的方法
前言本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容，非常出来供大家参考学习，下面来一起看看详细的介绍：最近在系统中增加一个查询的筛选条件，通过下...
2020-05-27
jquery加载单文件vue组件的方法
本文为大家分享了jquery加载单文件vue组件的方法，供大家参考，具体内容如下/**注册组件 */ function registerComponent(name){ dm[name] = {}; Vue.component(name + '...
2020-05-27
vue之数据交互实例代码
vue中的交互（ajax，jsonp）vue中也存在像ajax和jsonp的数据交互，实现向服务器获取数据，但是他本身框架当中没有这样的方法，需要一个新的小东西叫vue-resouce.js 地址：https://github....
2020-05-27
详解Angular的8个主要构造块
Angular 主要分为八大构造块（也就是八个核心概念）：模块 (module)、组件 (component)、模板 (template)、元数据 (metadata)、数据绑定 (data binding)、指令 (directive)、服务...
2020-05-27
详解webpack 入门总结和实践(按需异步加载，css单独打包，生成多个入口文件)
最近在项目中使用了一下webpack，所以这里打算对目前了解的使用方法做一个小小的总结为什么是webpack
1.webpack一下自己就🔥了，这绝对是一个重要的原因。
2.然...
2020-05-27
Vue Ajax跨域请求实例详解
一.设置config/index.js || proxyTable添加proxyTable: { '/api': { target: 'http://192.168.48.239:8080/ydzl', changeOrigin: true, pathRewrite: {...
2020-05-27
Nodejs实现多房间简易聊天室功能
1、前端界面代码 前端不是重点，够用就行，下面是前端界面，具体代码可到github下载。2、服务器端搭建 本服务器需要提供两个功能：http服务和websocket服务，由于node的事件驱...
2020-05-27
详解Vue 方法与事件处理器
方法与事件处理器方法处理器可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>我们绑定了一个单击事件处理器到一个方法...
2020-05-27
JS中的三个循环小结
一、for循环 四部曲: 1、设置初始值 var i = 0 2、设置循环执行条件 i < 5 3、执行循环体中的内容{ [循环体] } 包起来的部分 4、每一轮循环完成后都执行我...
2020-05-27
Vue.2.0.5实现Class 与 Style 绑定的实例
Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符...
2020-05-27
Vue实现路由跳转和嵌套
一、配置 Router 用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装cnpm i vue-router -D安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js...
2020-05-27
深入浅析Nodejs的Http模块
一、http服务器 我们知道传统的HTTP服务器是由Aphche、Nginx、IIS之类的软件来搭建的，但是Nodejs并不需要，Nodejs提供了http模块，自身就可以用来构建服务器，例如：var http = r...
2020-05-27
BootStrap Select清除选中的状态恢复默认状态
PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？如【图1】当我们选择摸一...
2020-05-27
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
最近在做一个H5的项目，里边涉及到拍照上传图片的功能以及识别图片的功能，这里对识别图片的功能不做赘述，不属本文范畴。我在做完并上线项目后，同事跟我提了一个要求是可不可以同...
2020-05-27
详解angular 中的自定义指令之详解API
自定义属性的四种类别分为： 元素E，属性A，注释M，类C , 分别如下： <my-dir></my-dir> <span my-dir="exp"></span> <!-- directive: my-dir exp --> <span class="my-dir: exp;"></...
2020-05-27
