• 使用Canvas制作时钟动画

    复习Javascript到Canvas的知识点,看到一个使用Canvas绘制的静态时钟例子,便想将其变成动态显示系统时间的时钟动画。另外再配上数字显示的时钟,一个小的时钟模块的诞生了!目前的界面还比较粗糙,只有简单的界面和动画效果。 演示观看地址:http://htmlpreview.githu...

    2018-06-24 00:29:28

  • 页面加载时触发的事件及顺序

    前言 页面加载时,大致可以分为以下几个步骤: 开始解析HTML文档结构 加载外部样式表及JavaScript脚本 解析执行JavaScript脚本 DOM树渲染完成 加载未完成的外部资源(如 图片) 页面加载成功 那么在这整个过程中触发了哪些 常用 的事件呢? documentreadystatechange事...

    2018-06-24 00:29:27

  • JS数组push一个对象

    这个是正确的数据添加对象 var dypieArr = []; var dyArr = []; var arrStr = ''; for(var i = 0; i dataStreet.length; i++){ if(dataStreet[i].pid == '460105'){ //alert(dataStreet[i].name); dyArr.push(dataStreet[i].name); } } for(var i = 0; i dyArr.length;...

    2018-06-24 00:29:48

  • js浮点数精准计算

    //除法函数,用来得到精确的除法结果 //说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用:accDiv(arg1,arg2) //返回值:arg1除以arg2的精确结果 function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; t...

    2018-06-24 00:28:23

  • echarts饼图扇区添加点击事件

    在echarts最后面添加上这段代码就可以了 function eConsole(param) { //alert(option.series[0].data.length); //alert(option.series[0].data[i]); //param.dataIndex 获取当前点击索引, //alert(param.dataIndex); clickFunc(param.dataIndex);//执行点击效果 } myC...

    2018-06-24 00:29:43

  • 前端要革命?看我在js里写SQL

    在日新月异的前端领域中,前端工程师能做的事情越来越多,自从nodejs出现后,前端越来越有革了传统后端命的趋势,本文就再补一刀,详细解读如何在js代码中执行标准的SQL语句 为什么要在js里写SQL? 随着业务复杂度的增长,前端页面可能出现一些数据逻辑复杂的页面,传...

    2018-06-24 00:29:32

  • BOM学习-javascript计时器小结

    ! DOCTYPE HTML html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" title 自动增长计时器 / title script type ="text/javascript" var atime; function clock(){ var time = new Date(); atime = time.getHours() + " : " + time.getMi...

    2018-06-24 00:28:42

  • 解决多个ajax页面请求,页面loading阻塞问题

    在项目中碰到多个ajax加载,loading加载出现问题,没有能第一时间加载出来。 主要原因是因为:浏览器的渲染(UI)线程和js线程是互斥的,在执行js耗时操作时,页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题,但当设置为同步请求时,其他的动作(ajax函数后面的...

    2018-06-24 00:29:31

  • JS原生上传大文件显示进度条-php上传文件

    在php.ini修改需要的大小: upload_max_filesize = 8M post_max_size = 10M memory_limit = 20M ! DOCTYPE html html head title 原生JS大文件显示进度条 / title meta charset ="UTF-8" style type ="text/css" #parent { position : relative ; width : 500px ; heig...

    2018-06-24 00:29:04

  • [js高手之路]面向对象版本匀速运动框架

    这篇文章的效果,需要看过以下3篇文章: [js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件 [js高手之路]匀速运动与实例实战(侧边栏,淡入淡出) [js高手之路]打造通用的匀速运动框架 1 !DOCTYPE html 2 html 3 head lang="en" 4 meta charset="UTF-8" 5 titl...

    2018-06-24 00:29:22

2