89浏览

0评论

JavaScript实现简单的星星评分效果

大概实现思路就是用一张灰色的星星作为背景，然后让有颜色的星星图片定位在灰色的星星图片上，控制有颜色星星图片的宽度即可达到基本效果。如下图：下面上代码：<html> <head> <me...

• 2020-05-27

75浏览

0评论

vue-cli webpack 开发环境跨域详解

edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying为了解决跨域问题， 通常会使用Jsonp，但是jsonp只能是get请求...

• 2020-05-27

62浏览

0评论

Javascript实现倒计时时差效果

本文实例为大家分享了js倒计时时差效果的实现代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>当...

• 2020-05-27

73浏览

0评论

Vue-cli proxyTable 解决开发环境的跨域问题详解

和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要...

• 2020-05-27

78浏览

0评论

JS验证全角与半角及相互转化的介绍

1.什么是全角和半角&#63;全角：是一种电脑字符，是指一个全角字符占用两个标准字符(或两个半角字符)的位置。全角占两个字节。汉字字符和规定了全角的英文字符及国标GB2312-80中...

• 2020-05-27

99浏览

0评论

Vue中img的src属性绑定与static文件夹实例

不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。
大部分的情况中，是开发者使用了错误的写法，例如：<img src="{{ imgUrl }}"/>这样写肯定是不...

• 2020-05-27

69浏览

0评论

nodejs+websocket实时聊天系统改进版

本文属于nodejs+websocket实时聊天系统的改进版本，具体内容如下自己也是真的菜，一个websocket简单聊天系统硬被我搞了那么些天。看来以后还是得写更多的代码。client.html:<!D...

• 2020-05-27

60浏览

0评论

AngularJS使用ng-class动态增减class样式的方法示例

本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下：使用ng-class可以实现动态地增减样式：<!DOCTYPE html><html ng-app="formExamp...

• 2020-05-27

70浏览

0评论

AngularJS自定义指令之复制指令实现方法

本文实例讲述了AngularJS自定义指令之复制指令实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-wi...

• 2020-05-27

99浏览

0评论

easyUI下拉列表点击事件使用方法

本文实例为大家分享了使用easyUI下拉列表点击事件的方法，供大家参考，具体内容如下可以通过input 和select来创建下拉列表其中select的创建如下：通过json来创建js数组[{ "id"...

• 2020-05-27

88浏览

0评论

jQuery Validate 校验多个相同name的方法

导读：在表单页中有如下代码 <form> <input name="zhai"/><!-- 三个相同name的input --> <input name="zhai"/> <input name="zhai"/> </form>jquery validate在对多个相同...

• 2020-05-27

73浏览

0评论

AngularJS折叠菜单实现方法示例

本文实例讲述了AngularJS折叠菜单实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initia...

• 2020-05-27

197浏览

0评论

Vue2 使用 Echarts 创建图表实例代码

在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。一、安装插件使用 cnpm 安装 Ec...

• 2020-05-27

77浏览

0评论

微信小程序实现锚点定位楼层跳跃的实例

微信小程序实现楼层锚点跳跃，点击不同的锚点进行位置跳跃：
利用：scroll-into-view 来实现效果图如下：WXML:<scroll-view class="content" scroll-into-view="{{toView}}" scrol...

• 2020-05-27

89浏览

0评论

微信小程序网络请求wx.request详解及实例

微信小程序网络请求wx.request详解及实例如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。...

• 2020-05-27

71浏览

0评论

基于BootStrap的前端分页带省略号和上下页效果

bootstrap前端分页 自带效果。首先是百度下获得资源http://blog.csdn.net/u013025627/article/details/50485327其实15年的时候我师兄给过我一个文档不知道在哪儿搞得，我靠那...

• 2020-05-27

80浏览

0评论

微信小程序页面开发注意事项整理

小程序的开发注意事项：1、js文件每个页面对应的js文件可以定义页面onReady，onLoad，onShow，onHide，onUnload，还有页面的数据，自定义的函数要写到一块，内部约定是都写到默认函数的后面...

• 2020-05-27

105浏览

0评论

详解Windows下安装Nodejs步骤

最近打算把我们的微信端用Vue.js重构，为什么选择Vue.js，一是之前使用的是传统的asp.net mvc，多页面应用用户体验比单页面要差。二是使用过Angular.js，感觉对开发人员要求较高，上...

• 2020-05-27

111浏览

0评论

JavaScript运动框架 多值运动（四）

多值运动，也就是对于某个对象来说，不仅仅只是其中一个属性值在变化，而是好多个，比如宽，高，字体，透明度等等同时变化
当然了，多值运动会产生一个问题，就是定时器何时关闭的问题！当然是...

• 2020-05-27

79浏览

0评论

JavaScript运动框架 链式运动到完美运动（五）

基于前几篇的运动框架基础，本文主要讲解一下链式运动，就是运动完后接着再运动，比如很多网站中，一个方框的出现和退出：出现时先变宽再变高，退出时先变矮再变窄退出！
之前的模型是：
s...

• 2020-05-27

72浏览

0评论

微信小程序中input标签详解及简单实例

微信小程序中input标签详解及简单实例使用input标签，我们都会，在微信小程序中使用，必定也是可以一下子就会的，但是却有些常用的属性无法按照习惯去使用：
我就用我最常用的来做例...

• 2020-05-27

90浏览

0评论

微信小程序 wx.request方法的异步封装实例详解

wx-promise-request 是对微信小程序 wx.request 方法的异步封装。解决问题支持 Promise (使用 es6-promise 库)。
管理请求队列，解决 request 最大并发数超过 10 会报错的问...

• 2020-05-27

73浏览

0评论

angularJS 发起$http.post和$http.get请求的实现方法

AngularJS发起$http.post请求代码如下：$http({ method:'post', url:'post.php', data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); })...

• 2020-05-27

82浏览

0评论

bootstrap表单示例代码分享

本文实例为大家分享了bootstrap表单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Comp...

• 2020-05-27

75浏览

0评论

angularjs封装$http为factory的方法

angularjs有本身封装的ajax服务$http，因为用惯了jQuery的ajax，所以，自己封装了一下angularjs的$http，代码如下
app.factory('dataFactory', function ($http, $q){ var factor...

• 2020-05-27

93浏览

0评论

详解如何使用vue-cli脚手架搭建Vue.js项目

1. 前言vue-cli 一个简单的构建Vue.js项目的命令行界面整体过程：$ npm install -g vue-cli $ vue init webpack vue-admin $ cd vue-admin $ npm install $ npm run dev 后面...

• 2020-05-27

80浏览

0评论

Node.JS利用PhantomJs抓取网页入门教程

前言当想用 nodejs 抓取一些网页 , 我第一反应想到的就是使用 http 模块 , 比如抓取百度首页:var http = require('http');var req = http.request('http://www.baidu.com/'...

• 2020-05-27

83浏览

0评论

vue.js动态数据绑定学习笔记

对于vue.js的动态数据绑定，经过反复地看源码和博客讲解，总算能够理解它的实现了，心累~ 分享一下学习成果，同时也算是做个记录。完整代码GitHub地址：https://github.com/hanrengua...

• 2020-05-27

65浏览

0评论

关于Bootstrap按钮组件消除黄框的方法

bootstrap的button边框问题最近在线上学习bootstrap时，发现很多童鞋都会遇到很多坑，有些很容易掉进去就出不来了；bootstrap框架在国内相对来说还是非常热的，毕竟上手快速，代码简...

• 2020-05-27

85浏览

0评论

几种响应式文字详解

讲真，其实我也不知道该如何为此篇开头，因为响应式文字需不需要做其实我也没有深入探究过，但在学习其他网站的过程中，我发现了一些比较新奇的做法，所以想试着梳理一下，为何会出现这...

• 2020-05-27

82浏览

0评论

nodejs制作爬虫实现批量下载图片

今天想获取一大批猫的图片，然后就在360流浪器搜索框中输入 猫 ，然后点击图片。就看到了一大波猫的图片： http://image.so.com/i&#63;q=%E7%8... ，我在想啊，要是审查元素，一张张手...

• 2020-05-27

73浏览

0评论

AngularJS中的promise用法分析

本文实例讲述了AngularJS中的promise用法。分享给大家供大家参考，具体如下：JavaScript异步回调有好处也有坏处，回调函数大量嵌套十分复杂．所以javascript中还有另一种异步处理模...

• 2020-05-27

78浏览

0评论

jQuery操作之效果详解

效果操作一共分五类：1.基本，2.滑动，3.淡入淡出，4.自定义，5.设置show()，hide()，toggle()代码如下：html代码： <p style="display: none">Hello</p> <input id="btn1" type="button" val...

• 2020-05-27

101浏览

0评论

前端页面文件拖拽上传模块js代码示例

最近给卫生局做一个表格上传/可视化系统，算是小有成果。今天把项目中的文件拖拽上传模块分离出来，做了一个独立的小demo,并把相关代码打包上传到了我的github中，为了其他学习者...

• 2020-05-27

97浏览

0评论

详解Node.js开发中的express-session

什么是sessionsession是保存在服务器端的会话。session的典型应用场景是用户登录某网站之后，将其登录信息放入session，在以后的每次请求中查询相应的登录信息以确保该用户合法...

• 2020-05-27

114浏览

0评论

nodejs批量下载图片的实现方法

今天想获取一大批猫的图片，然后就在360流浪器搜索框中输入猫，然后点击图片。就看到了一大波猫的图片：http://image.so.com/i&#63;q=%E7%8...，我在想啊，要是审查元素，一张张手动下...

• 2020-05-27

117浏览

0评论

深入理解nodejs中Express的中间件

Express是一个基于Node.js平台的web应用开发框架，在Node.js基础之上扩展了web应用开发所需要的基础功能，从而使得我们开发Web应用更加方便、更加快捷。举一个例子：用node.js实...

• 2020-05-27

69浏览

0评论

layui前段框架日期控件使用方法详解

本文实例为大家分享了layui-日期控件的实现代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>日期</title> <link rel="styleshe...

• 2020-05-27

79浏览

0评论

layui分页效果实现代码

本文实例为大家分享了layui分页效果的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>分页</title> <link rel="styleshe...

• 2020-05-27

70浏览

0评论

layui弹出层效果实现代码

本文实例为大家分享了layui弹出层的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>弹出层</title> <link rel="stylesheet"...

• 2020-05-27

64浏览

0评论

bootstrap table单元格新增行并编辑

table单元格新增行并编辑，具体内容如下
需要bootstrap.min.css —— [ Bootstrap ]jquery-1.8.2.min.js —— [ Jquery ]
代码<html><head><meta http-equiv="Content-Type"...

• 2020-05-27

95浏览

0评论

layui选项卡效果实现代码

本文实例为大家分享了layui选项卡的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选项卡</title> <link rel="st...

• 2020-05-27

95浏览

0评论

layer弹窗插件操作方法详解

本文实例讲述了layer弹窗插件操作方法。分享给大家供大家参考，具体如下：1、首先去http://layer.layui.com/下载插件2、在网站上有演示说明3、操作方法如何<script src="../js/...

• 2020-05-27

78浏览

0评论

详解AngularJS controller调用factory

1、定义 factory.js 文件var appFactorys = angular.module('starter.factorys', []) appFactorys.factory('HouseFactory', function () { var houseList = [ { id:...

• 2020-05-27

78浏览

0评论

layui导航栏实现代码

本文实例为大家分享了layui水平导航菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导航与面包屑</title> <...

• 2020-05-27

107浏览

0评论

微信小程序图片横向左右滑动案例

本文实例为大家分享了微信小程序图片左右滑动的具体代码，供大家参考，具体内容如下图片左右滑动效果图：wxml代码：<scroll-view scroll-x="true"> <view class="uploadWrap" scrol...

• 2020-05-27

59浏览

0评论

微信小程序实现滑动删除效果

最初打算使用scroll-view实现，效果好、流畅、有惯性滑动，但由于滚动条没法去掉、无法实现上下层的帧布局，最终放弃了。还是自己写个吧，利用手势事件。遗憾的是小程序中目前没有...

• 2020-05-27

95浏览

0评论

微信小程序表单验证错误提示效果

微信小程序表单验证，点击确认发布不能为空错误提示，具体内容如下
以下是效果图：代码如下：
WXML:
<view class="ad_popError" wx:if="{{popErrorMsg}}">{{popErrorMsg}}</view> <...

• 2020-05-27

71浏览

0评论

javascript 开发之百度地图使用到的js函数整理

javascript 开发之百度地图使用到的js函数整理接项目用到的地图，客户要求用百度地图，没办法只好用百度地图，这里总结一下，写的一些函数，注释比较详细！
//创建和初始化地图函数...

• 2020-05-27

83浏览

0评论

EasyUI Datebox 日期验证之开始日期小于结束时间

效果创建建日期框<div style="width:65px;"><label>选择时间：</label></div><div style="width:100px;" id="StartsTime"> <div class="easyui-datebox" name="data" id="S...

• 2020-05-27