jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现的2D回归直线散点效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighC...

js遍历json对象所有key及根据动态key获取值的方法(必看)

实例如下:var obj = {};for(var k in obj) { //遍历对象,k即为key,obj[k]为当前k对应的值 console.log(obj[k]); }以上这篇js遍历json对象所有key及根据动态key获取值的方法...

Node.js常用工具之util模块

前言util是一个Node.js的核心工具模块,提供常用的函数,用于弥补核心JavaScript提供的函数过于精简的问题。下面话不多说,一起来看看详细的介绍,文中介绍的非常详细,对大家具有一...

html+javascript+bootstrap实现层级多选框全层全选和多选功能

想做一个先按层级排序并可以多选的功能,首先倾向于用多层标签式的,直接选定加在文本域里, 查到这文,非常详细,如果大家需要做前面所说的功能,可以参考这个地址,http://mrthink.net/...

Vue监听数据对象变化源码

监听数据对象变化,最容易想到的是建立一个需要监视对象的表,定时扫描其值,有变化,则执行相应操作,不过这种实现方式,性能是个问题,如果需要监视的数据量大的话,每扫描一次全部的对象...

jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8">...

javascript实现数据双向绑定的三种方式小结

前端数据的双向绑定方法
前端的视图层和数据层有时需要实现双向绑定(two-way-binding),例如mvvm框架,数据驱动视图,视图状态机等,研究了几个目前主流的数据双向绑定框架,总结了下...

微信小程序 五星评价功能的实现

微信小程序 五星评价功能话不多说,我们来看一下效果图:要实现的效果:点击到第几颗星,就要显示到第几颗星, 接下来直接查看源码:<view class="l-evalbox row"> <text class="l-e...

javascript遍历json对象的key和任意js对象属性实例

使用 keys 方法获取该对象的属性和方法: function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape;...

vue.js利用Object.defineProperty实现双向绑定

Object.defineProperty这个方法了不起啊,vue.js是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了。几行代码看...

基于vue实现分页/翻页组件paginator示例

序言
项目需要自己写了一个基于vue的paginator分享出来,欢迎各路好汉来指教当页数小于999(包括999)页页数大于999页首页或尾页disabled10页之内显示Usage
参数pageCount: 整...

解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题

前言最近用 Node 写一个小玩意,需要用到 MySQL 数据库,现在用得最广泛的是 mysql 这个库。然后呢,现在 ORM 这么火,干脆也上 ORM 吧,正好我也不会可以学习一下,于是找到了 Sequeli...

js实现登录框鼠标拖拽效果

效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录框鼠标拖拽效果</title> <style type="text/css"> body { background: url("ht...

微信小程序 设置启动页面的两种方法

微信小程序 设置启动页面在开发微信小程序的时候,除了tabBar上设置的页面之外,想进入肯定要走跳转之类的进入,但是我们开发的时候肯定想要直接看到该页面,那么我们就需要设置一...

详解VueJs异步动态加载块

首先定义组件为异步加载
define(['jquery','vue'],function($,Vue){ Vue.component('comp1',function(resolve){ require(['component/comp1'],resolve); }); Vue...

vue如何实现observer和watcher源码解析

本文能帮你做什么?好奇vue双向绑定的同学,可以部分缓解好奇心,还可以帮你了解如何实现$watch。前情回顾
我之前写了一篇没什么干货的文章,并且刨了一个大坑。
今天,打算来填一天,...

canvas实现爱心和彩虹雨效果

效果图:代码如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas"></canvas> <script> var canvas = document.g...

jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8">...

微信小程序 template模板详解及实例代码

微信小程序 template模板详解如下图,我在做华企商学院小程序的时候,课程搜索结果页和课程列表页结构是完全一样的,这时就非常适合使用模板来完成页面搭建。实现一次定义,到处使...

Bootstrap禁用响应式布局的实现方法

在Bootstrap中极其重要的一个技术内容便是响应式布局了,一次编码针对不同设备终端的强大能力使得响应式技术愈发流行。
不过正所谓“萝卜青菜各有所爱”,如果你想要使用Bootst...

详解vuelidate 对于vueJs2.0的验证解决方案

介绍
在后端项目里 比如我们的Laravel框架 对于表单验证有自己的一套validation机制 他将验证集成在FormRequest我们只需要在我们的方法中依赖注入我们自己实例化后的验证类...

js实现悬浮窗效果(支持拖动)

经常可以看到大部分的官网有右侧悬浮在线客服。今天来写写!效果图:代码如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8...

100行代码理解和分析vue2.0响应式架构

分享前啰嗦
我之前介绍过vue1.0如何实现observer和watcher。本想继续写下去,可是vue2.0横空出世..所以直接看vue2.0吧。这篇文章在公司分享过,终于写出来了。我们采用用最精简...

jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8...

js实现时间轴自动排列效果

效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>timeline</title> <script src="http://7xnlea.com2.z0.glb.qiniucdn.com/jquery.mi...

微信小程序遇到修改数据后页面不渲染的问题解决

微信小程序遇到修改数据后页面不渲染的问题解决前言:去年从小程序一开始出来到现在,我一直是比较看好和保持一定的关注度的,小程序的掀起的波浪我觉得一开始是在前端及其他技术...

react性能优化达到最大化的方法 immutable.js使用的必要性

一行代码胜过千言万语。这篇文章呢,主要讲述我一步一步优化react性能的过程,为什么要用immutable.js呢。毫不夸张的说。有了immutable.js(当然也有其他实现库)。。才能将react的...

微信小程序 合法域名校验出错详解及解决办法

微信小程序 合法域名校验出错详解及解决办法看下出现错误:微信小程序开发,遇到这个问题怎么办?
产生原因是因为发起了wx.request请求
而请求的域名没有在微信公众平台后台设...

jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D金字塔图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例

使用bootstrap-paginator.js 分页来进行ajax 异步分页请求具体的做法如下 :
首先定义一个异步提交请求的ajax 函数,其完整的函数如下:var nid= $("#lbnid").val(); // 获取当前...

react实现pure render时bind(this)隐患需注意!

pure render 我就不多说了,附上我另一片文章链接 react如何性能达到最大化(前传)
不论你用不用immutable,只要你想达到pure render,下面值得你注意!一天我和往常一样,开开心心得...

javascript 秒表计时器实现代码

javascript 秒表计时器实例代码:<html lang="en"><head><meta charset="UTF-8"><title>js计时器</title></head><body><input type="text" value="00:00"><input type="butto...

jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D半圆环图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

js实现显示手机号码效果

效果图:代码如下:<!doctype html><html><head><meta charset="utf-8"><title>telephone number</title><style>*{ margin:0; padding:0;}form{ width:300px; posi...

jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D圆环图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 2D...

基于jQuery实现一个marquee无缝滚动的插件

基于jQuery,实现一个marquee无缝滚动的插件,已经发布到 git.oschina.net,演示稍后更新(更新到 http://git.oschina.net/mqycn/jQueryMarquee )。代码如下:/** * 类库名称:jQuery.ma...

Node.js通过身份证号验证年龄、出生日期与性别方法示例

前言大家如果想要知道自己的年龄,出生日期和性别,或者是别人的,给我个身份证号,我就可以知道,其实很简单的,看下面代码。node.js实现static validateIdNumberToAgeYear(str){ let...

Vue监听数组变化源码解析

上一篇的代码中,忽略了对数组的处理,只关心了需要关心的部分,假装数组不存在。这一篇开始考虑数组的问题。从最简单的入手先考虑一个问题,如何监听数组中的对象变化?忽略掉数组本...

js实现3D图片环展示效果

可对整体进行拖拽效果图:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding:0;margin:0; font-family:...

bootstrap实现的自适应页面简单应用示例

本文实例讲述了bootstrap实现的自适应页面简单应用。分享给大家供大家参考,具体如下:<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compati...

Bootstrap学习笔记之进度条、媒体对象实例详解

1.基础进度条 要写在<div class="progress"></div>里面。<div class="col-md-6"> <div class="progress"> <div class="progress-bar" style="width:30%;"></div> </div></d...

Bootstrap笔记之缩略图、警告框实例详解

1. 基础缩略图给a标签添加类class="thumbnail"如下:<div class="row"> <div class="col-md-3 col-sm-6"> <a href="#" rel="external nofollow" rel="external nofollow...

搭建简单的nodejs http服务器详解

搭建简单的nodejs服务器通过一些简单配置我们就可以搭建一台基于nodejs的http服务器通过switch配置url路由的方法// 这是一个简单的Node HTTP服务器,能处理当前目录的文件//...

canvas压缩图片转换成base64格式输出文件流

昨天研究了一下canvas压缩图片的方法,上传上来给大家分享一下 <!--调用canvas方法--> <canvas id="canvas"></canvas> <!--压缩后的图片路劲--> <img src="" class="preview"...

JavaScript编写一个贪吃蛇游戏

写的比较乱,有个逻辑错误:蛇吃了果果后应该是蛇尾加一节,写成了蛇头部增加一节- -。可用键盘的上下左右键操作;效果图:代码如下:<html><head><title>贪吃蛇</title><style type="t...

Vue中fragment.js使用方法详解

大部分内容源自 jQuery,当然,同时也参考了 component/domify ,如果有兴趣去这翻阅原始的代码,可以到 jQuery 中查找 wrapMap;至于 domify,直接到 github 搜索即可,相关项目类容很...

Vue实现自带的过滤器实例

一 过滤器写法{{ message | Filter}}二 Vue自带的过滤器:capitalize功能:首字母大写<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue自带的过滤器<...

详解Vue方法与事件

一 vue方法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue方法与事件</title> <meta name="viewport" content="width=device-width,initi...

JavaScript实现弹窗效果代码分析

效果图:话不多说,请看代码:每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化,接收参数 this.conf...

jQuery弹出窗口简单实现代码

今天讲了Jquery的弹出窗口的组成和用法:先把引用文件的代码写好:// 每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ //ID不重复 idzt[x] =...

返回顶部
顶部