JavaScript
悟初境
What I cannot create, I do not understand.
展开
-
bizchart+slider实现分组柱状图
下面使用bizchart实现分组柱状图,并带有滑块选择。效果图如下:基于bizchart3.xChart-Slider组件封装Chart和Slider是2个组件,为了方便使用,我们封装在一起,用一个函数返回。使用要生成分组柱状图,只需要同一个X轴的值有多个Y值即可,下面X轴是 , Y轴是 .Slider效果Slider可以拖动,显示数据的趋势。...原创 2022-07-03 08:02:25 · 593 阅读 · 0 评论 -
为什么需要高阶函数
看以下例子就知道了。翻译 2017-12-05 17:17:20 · 1320 阅读 · 0 评论 -
5种语言的callback实现
回调函数(callback)在计算机编程中,回调函数是作为参数传递给其他代码的一段可执行代码,这段代码会在合适的时间被调用.根据被调用的时间,如果是立即调用的,称为同步回调;在以后的时间调用的称为异步回调.实现回调函数的方式因语言而异,下面我将从几种语言来说明这种实现.原创 2017-12-11 19:41:55 · 1011 阅读 · 0 评论 -
前后端分离之VueJS前端
本节接上一篇博客:前后端分离之Java后端代码:https://github.com/jimolonely/vue-jwt-demo前言前端用什么框架都可以,这里选择小巧的vuejs。要实现的功能很简单: 1、登录功能,成功将服务器返回的token存在本地 2、使用带token的header访问服务器的一个资源本次实验环境:"dependencies": { "vue": "^2.2.1原创 2017-04-08 14:07:58 · 38920 阅读 · 2 评论 -
Javascript-Arrays
1.用map迭代Arrays例如:var timesFour = oldArray.map(function(val){ return val * 4;});map方法会遍历数组的每一个元素, 根据回掉函数(上面对每个元素乘4)创建一个新的数组。 注意:它不改变原数组。2.使用reduce方法压缩arrays这个reduce方法用来遍历一个数组然后把它压缩成一个值.在reduce方法的回掉方法翻译 2016-04-22 19:54:54 · 655 阅读 · 0 评论 -
老外的教学网站Javascript-OOP
1.用变量声明JavaScript对象在我们学习面向对象之前, 先让我们重新认识一下JavaScript对象.给你的motorBike对象一个轮子, 引擎,和座位属性并将他们的数量用数字表示.var car = { "wheels":4, "engines":1, "seats":5};var motorBike = { "wheels":2, "engines":2, "翻译 2016-04-21 18:52:04 · 723 阅读 · 0 评论 -
你不得不知的Javascript正则表达式
// Setupvar myObj = { gift: "pony", pet: "kitten", bed: "sleigh"};function checkObj(checkProp) { // Your Code Here if(myObj.hasOwnProperty(checkProp)){ return myObj[checkProp]; }el翻译 2016-05-03 23:36:32 · 628 阅读 · 0 评论 -
线条属性
1.lineCap意思是线条的帽子,有butt(默认),square,round三种样式,接下来看一看效果: 代码为:<body> <canvas id="canvas" width="800" height="600">no canvas</canvas> <script type="text/javascript"> var canvas = documen翻译 2016-02-24 17:30:23 · 1552 阅读 · 0 评论 -
canvas-线条
1.画一条简单的直线<body><canvas id="canvas" style="border: 1px solid #aaa;display: block;margin: 50px auto;">不支持canvas</canvas><script> window.onload = function(){ var canvas = document.getElement翻译 2016-02-02 21:20:26 · 517 阅读 · 0 评论 -
CSS导航栏菜单制作大全
1.垂直导航栏看代码:<style type="text/css">*{margin:0; padding:0; font-size:14px;}a{color:#333;text-decoration:none}.nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:120px; bac翻译 2016-03-02 11:48:10 · 2427 阅读 · 0 评论 -
Canvas模仿微信红包照片
1.最终效果:2.实现过程:1.将图片加载出来,并加上模糊效果: index.html:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-2.2.0.min.js"></script> <link href="image翻译 2016-01-30 11:23:00 · 2070 阅读 · 0 评论 -
事件处理程序
1.HTML事件:直接把事件加载到html结构中的元素上的事件方法。缺点:HTML和JS 代码紧密耦合在一起,改动js的代码,HTML也要改。例子: HTML事件 function showMes(){ //do something... } 2.DOM0级事件处理原创 2015-12-25 11:46:45 · 368 阅读 · 0 评论