d3.js实现立体柱图的方法详解
前言
众所周知随着大数据时代的来临,数据可视化的重要性也越来越凸显,那么今天就基于d3.js今天给大家带来可视化基础图表柱图进阶:立体柱图，之前介绍过了d3.js实现柱状图的文...
2020-05-27
vue基于Vue2.0和高德地图的地图组件实例
前言在做基于LBS的应用中，时常会和地图打交道，最直接的解决方案，当然是去对应的地图官网找文档，然后一步步来玩。对于简单场景而言，体验应该还好，但对于一些状态多，变化频繁的复杂...
2020-05-27
详解angularJs模块ui-router之状态嵌套和视图嵌套
状态嵌套的方法
状态可以相互嵌套。有三个嵌套的方法： 使用“点标记法”，例如：.state('contacts.list', {}) 使用parent属性，指定一个父状态的名称字符串，例如：parent: 'contact...
2020-05-27
jQuery自定义元素右键点击事件(实现案例)
大多数情况下我们使用左键来进行页面交互，而右键大部分对于开发者来说是审查元素的，有的时候我们也要自定义鼠标右键点击行为来达到更好的交互性，常见的有漫画左键前进、右键后...
2020-05-27
JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...
2020-05-27
jQuery tip提示插件（实例分享）
先声明，我也是学了某位大神的...效果图：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>document</title> <style> .tip{ width: 200px;...
2020-05-27
d3.js入门教程之数据绑定详解
前言d3.js 是一款上手容易的js类库,专门用于绘制svg图形图表,其关键理念为data-join 意即数据绑定.搞清这个概念非常重要,它将以简洁优雅的形式体现数据驱动编程.以下是Thin...
2020-05-27
angularjs中使用ng-bind-html和ng-include的实例
下面这个例子，往div标签内添加html内容：<!doctype html><html ng-app="myApp"><head> <meta charset="UTF-8"> <title>demo</title> <script type="text/javascript" src="lib...
2020-05-27
js实现移动端编辑添加地址【模仿京东】
效果图：注：这里的数据格式用的是jsonp，json在这里存在跨域问题代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...
2020-05-27
jQuery实现jQuery-form.js实现异步上传文件
做为一个前端开发，你肯定遇到过这样的需求：异步上传文件，还要兼容IE 8。[纳尼，没遇到过，那你们产品和ＵＩ对你也忒好了吧。遇到这种需求，如果项目不是很赶，可以自己用iframe来做，如果项...
2020-05-27
JS实现简单的天数计算器完整实例
本文实例讲述了JS实现简单的天数计算器。分享给大家供大家参考，具体如下：刚学了JS，想做个计算两个日期之间相差天数的东西，因为本人总是要算距离XX还有多少天。。开始用很笨的方...
2020-05-27
解决浏览器会自动填充密码的问题
解决办法是在form上或input上添加autoComplete="off"这个属性。form表单的属性如下所示：但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。1.'autocomplete="off"...
2020-05-27
Vue实现动态响应数据变化
Vue是MVVM模式，即Model-View-ViewModel，通过绑定数据即可以实时改变视图显示。
比如：使用v-blink动态绑定属性<div v-blink:class="property"></div>使用v-html来绑定带有标签...
2020-05-27
用Nodejs搭建服务器访问html、css、JS等静态资源文件
为了测一个附近门店的功能，需要配置一下服务器进行测试。本来打算用apache的，后来想自己是做前端的，好久没有用过Nodejs了何不用所学的知识自己配一下呢，说动手就手。第一步，俗话...
2020-05-27
vue实现动态数据绑定
实现的步骤:1.监听对象属性的读取与变化Object.defineProperty() 方法会直接在对象上定义一个新的的属性，或者已经存在的属性并且返回这个属性语法是 Object.defineProperty(...
2020-05-27
NodeJs模拟登陆正方教务
网上已经有很多关于模拟登陆正方教务的作品了，基于 PHP，Python，Java，.Net 加上我自己尝试的NodeJs，这几门语言都可以实现模拟登陆，模拟登陆的技术点不是特别难，这里记录一下利用 No...
2020-05-27
JavaScript实现简单的四则运算计算器完整实例
本文实例讲述了JavaScript实现简单的四则运算计算器。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset...
2020-05-27
JS 组件系列之 bootstrap treegrid 组件封装过程
正文前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的treegrid。可惜的是，一些轻量级的表格组件...
2020-05-27
webpack配置文件和常用配置项介绍
1、安装webpack1.全局安装webpack：npm install webpack -g 或者转化了cnpm则将npm改为cnpm进行安装2.进行初始化建立package.json文件记录插件，命令行：npm init3.webpack安装到...
2020-05-27
JS实现的Unicode编码转换操作示例
本文实例讲述了JS实现的Unicode编码转换操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Unicode编码转换</title>...
2020-05-27
JS组件系列之JS组件封装过程详解
前言：之前分享了那么多bootstrap组件的使用经验，这篇文章打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想...
2020-05-27
JS实现汉字与Unicode码相互转换的方法详解
本文实例讲述了JS实现汉字与Unicode码相互转换的方法。分享给大家供大家参考，具体如下：js文件中，有些变量的值可能会含有汉字，画面引入js以后，有可能会因为字符集的原因，把里面的...
2020-05-27
JS组件系列之MVVM组件构建自己的Vue组件
正文前言：转眼距离上篇 JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查） 已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的...
2020-05-27
jquery实现图片上传前本地预览
前段时间遇到一个问题，前端想实现图片上传预览（不经过后端PHP或JAVA处理），用户点击file按钮上传文件，点击确定马上就能看到预览的效果，但在实现的时候无论怎样都取不到file上图片...
2020-05-27
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考，具体如下：为什么会有人会使用ctrl+鼠标滚轮缩放网页？坚决禁止！<html><head><title>测试<...
2020-05-27
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
正文前言：关于Vue框架，好几个月之前就听说过，了解一项新技术之后，总是处于观望状态，一直在犹豫要不要系统学习下。正好最近有点空，就去官网了解了下，看上去还不错的一个组件，就抽空...
2020-05-27
JS简单判断滚动条的滚动方向实现方法
本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考，具体如下：以下代码实现判断页面的滚动条的滚动方向；var sign = 80;//定义默认的向上滚与向下滚的边...
2020-05-27
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
本文实例讲述了jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法。分享给大家供大家参考，具体如下：jquery.eraser是一款使用鼠标或触摸的动作来擦除画布显示真正图片的插件...
2020-05-27
NodeJs安装npm包一直失败的解决方法
最近在学React，在gitHub上下载一个项目下来，安装node.js后发现用npm install就一直报错，不知道怎么解决，查了很多资料 都没有用。在windows下 cmd到命令窗口 （最好是管理员的身份...
2020-05-27
NodeJs的fs读写删除移动监听
NodeJs版本:4.4.4fs
文件系统模块是一个封装了标准的 POSIX 文件 I/O 操作的集合。Node.js 文件系统（fs 模块）模块中的方法均有异步和同步版本。图片的复制与粘贴创建一个可读...
2020-05-27
Javascript实现数组中的元素上下移动
前言我们交换数组可以实现元素上下移动了，这个效果我们在表格或以前排序算法中都会用到，下面来看一个JavaScript下实现交换数组元素上下移动例子
在写项目的时候，要实现一个数...
2020-05-27
node.js+jQuery实现用户登录注册AJAX交互
最近实现了Node.js当作后台，jQuery写前台AJAX代码的，实现用户登录和注册的功能，刷新了前后端交互的三观。特记录一下。1.login.ejs实现form框架 <form > <ul> <li...
2020-05-27
vue.js利用defineProperty实现数据的双向绑定
vue.js如何实现数据的双向绑定呢？ 与angular不同。vue利用的是es5的defineproperty特性。1.一个小例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <ti...
2020-05-27
Angular2下使用pdf插件的方法详解
前言
最近因为工作的原因，需要在Angualr2建的项目里做一个pdf显示的功能，在网上找了个插件，不过由于是第一次使用额外插件，在用的时候遇到了一些坑，这里权且记一下使用的步骤，方便...
2020-05-27
jQuery设置图片等比例缩小的方法
本文实例讲述了jQuery设置图片等比例缩小的方法。分享给大家供大家参考，具体如下：网站的内容页面，经常要放图片，如果图片太大会撑出，影响页面美观。如果只是用css限制图片的最大...
2020-05-27
jQuery实现多张图片上传预览（不经过后端处理）
效果图：图（1）图（2）代码如下：<!doctype html><html><head><meta charset="utf-8"><title>jQuery图片上传预览（不经过后端处理）</title><script src="http://libs.baidu.com/jquery/1....
2020-05-27
jQuery输入框密码的显示隐藏【代码分享】
效果图：代码如下：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><title>jQuery输入框密码显示隐藏代码</title><!--手机端需要添加--><meta name="viewpo...
2020-05-27
Vue.js教程之axios与网络传输的学习实践
前言在学习了之前的路由vue-router和状态管理vuex之后，就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外...
2020-05-27
Vue开发中整合axios的文件整理
前言大家在vue日常开发中，不可避免要整合axios，这里简单记录一下整合中的文件，方便以后使用查找。下面来看看详细的介绍。整合方法整合文件axios.jsimport axios from 'axios';...
2020-05-27
jQuery实现按比例缩放图片的方法
本文实例讲述了jQuery实现按比例缩放图片的方法。分享给大家供大家参考，具体如下：做网站的时候，相信有很多朋友都会遇到图片过大，导致页面撑开变形的问题，如果强制设置width，heigh...
2020-05-27
Vue.js在使用中的一些注意知识点
本文介绍的Vue.js在使用中的一些注意知识点，对大家具有一定的参考价值，下面来看看详细的介绍吧。 每个 Vue 实例都会代理其 data 对象里所有的属性。 注意只有这些被代理的...
2020-05-27
Nodejs--post的公式详解
HTML页面内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="http://127.0.0.1/dopost" method="post"...
2020-05-27
Vue.js实现一个SPA登录页面的过程【推荐】
技术栈 vue.js 主框架 vuex 状态管理 vue-router 路由管理一般过程在一般的登录过程中，一种前端方案是： 检查状态：进入页面时或者路由变化时检查是否有登录状态(保存在cook...
2020-05-27
socket.io学习教程之基础介绍（一）
前言
Web端与服务器间的实时数据传输的是一个很重要的需求，但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前，AJAX轮询是唯一可行的方式(通过Flash浏览器也可以，但...
2020-05-27
socket.io学习教程之基本应用（二）
前言Socket.IO支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定。 实时分析：将数据推送到客户端，这些客户端会被表示为...
2020-05-27
socket.io学习教程之深入学习篇（三）
前言socket.io提供了基于事件的实时双向通讯，本文深入的介绍了socket.io，下面来看看详细的内容吧。静态文件
socket.io默认情况下会通过socket.io-client包提供socket.io.min....
2020-05-27
node.js 抓取代理ip实例代码
node.js实现抓取代理ip 主要文件：index.js/** 支持：node.js v7.9.0*/const cheerio=require('cheerio');const fetch =require('node-fetch');const Promise=require('bluebir...
2020-05-27
Bootstrap里的文件分别代表什么意思及其引用方法
关于Bootstrap打包的文件分别代表什么意思，官网也没有给出一个明确的解释，在网上查了一些资料，总价归纳了如下：bootstrap/ <!--主目录-->├── css/ <!--CSS样式文件-->│...
2020-05-27
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
简单的两个步骤即可实现分页功能 <script src="<%=basePath%>/resources/js/jquery-1.7.1.min.js"></script> <script src="<%=basePath%>/resources/js/jquery.loehpagerv...
2020-05-27
Vue2.x中的父组件传递数据至子组件的方法
父组件结构template
<template> <div> <v-girl-group :girls="aGirls"></v-girl-group> </div></template>script
<script>import vGirlGroup from './GirlGroup'export d...
2020-05-27
