js代码

JS 中for、while、for in、for of、for each效率对比

不羁的心 提交于 2019-12-09 05:07:26
1、测试目的:对比JS 中for、while、for in、for of、for each效率 2、测试环境: Node环境和Chrome浏览器环境 3、测试方法:分别使用上述待测接口遍历数组 测试代码如下: 测试结果: Node环境结果如下 Chrome浏览器环境结果如下 结论: a)、for与while效率相差无几 b)、for > for each > for in > for of 附上测试源码: var arr = [] console .time( 'write array' ) for ( var i = 0 ; i < 1000 * 1000 ; i++) { arr.push(i) } console .timeEnd( 'write array' ) console .time( 'for loop read' ) var sum0 = 0 for ( var j = 0 ; j < 1000 * 1000 ; j++) { sum0 += arr[j] } console .timeEnd( 'for loop read' ) console .time( 'while read' ) var sum1 = 0 , index = 0 while (index < 1000 * 1000 ) { sum1 += arr[index] index++ }

第05组 Beta冲刺(3/5)

六眼飞鱼酱① 提交于 2019-12-08 23:07:32
第05组 Beta冲刺(3/5)  队名:计算机四班好朋友联盟  组长博客: 组长博客  作业博客: 作业博客 大家有话说🙃 ⭐方瑞雄(组长) 1、过去两天完成了哪些任务:   学习小程序测试以及博客编写 2、接下来计划:   完善后端代码,测试小程序 3、还剩下哪些任务:   完善后端代码,测试小程序 4、遇到了哪些困难:   后端代码远比我们小组想得还难,所以需要一段时间修改 5、有哪些收获和疑问:   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务:   完成了alpha计划的界面 2、接下来计划:   完善视图层,实现订单确认功能,完成js文件 3、还剩下哪些任务:   订单确定,筛选 4、遇到了哪些困难:   对前端语言不熟练,动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问:   进一步熟悉了基础的小程序视图语言,但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务:    界面的美化    食堂的滚动条 2、接下来计划:   与后端的交互 3、还剩下哪些任务:    页面的调整和美化, 与后端的动态交互 4、遇到了哪些困难:   时间不充裕 5、有哪些收获和疑问:   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务:   对相关界面小图标和图案的设计与绘制,熟悉微信小程序开发流程和相关语言,以及对自己所分配到的界面的统一润色。 2

第05组 Beta冲刺(3/5)

情到浓时终转凉″ 提交于 2019-12-08 22:27:29
 队名:计算机四班好朋友联盟  组长博客: 组长博客  作业博客: 作业博客 大家有话说🙃 ⭐方瑞雄(组长) 1、过去两天完成了哪些任务:   学习小程序测试以及博客编写 2、接下来计划:   完善后端代码,测试小程序 3、还剩下哪些任务:   完善后端代码,测试小程序 4、遇到了哪些困难:   后端代码远比我们小组想得还难,所以需要一段时间修改 5、有哪些收获和疑问:   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务:   完成了alpha计划的界面 2、接下来计划:   完善视图层,实现订单确认功能,完成js文件 3、还剩下哪些任务:   订单确定,筛选 4、遇到了哪些困难:   对前端语言不熟练,动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问:   进一步熟悉了基础的小程序视图语言,但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务:    界面的美化    食堂的滚动条 2、接下来计划:   与后端的交互 3、还剩下哪些任务:    页面的调整和美化, 与后端的动态交互 4、遇到了哪些困难:   时间不充裕 5、有哪些收获和疑问:   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务:   对相关界面小图标和图案的设计与绘制,熟悉微信小程序开发流程和相关语言,以及对自己所分配到的界面的统一润色。 2、接下来计划:  

第05组 Beta冲刺(3/5)

混江龙づ霸主 提交于 2019-12-08 21:51:32
 队名:计算机四班好朋友联盟  组长博客: 组长博客  作业博客: 作业博客 大家有话说🙃 ⭐方瑞雄(组长) 1、过去两天完成了哪些任务:   学习小程序测试以及博客编写 2、接下来计划:   完善后端代码,测试小程序 3、还剩下哪些任务:   完善后端代码,测试小程序 4、遇到了哪些困难:   后端代码远比我们小组想得还难,所以需要一段时间修改 5、有哪些收获和疑问:   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务:   完成了alpha计划的界面 2、接下来计划:   完善视图层,实现订单确认功能,完成js文件 3、还剩下哪些任务:   订单确定,筛选 4、遇到了哪些困难:   对前端语言不熟练,动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问:   进一步熟悉了基础的小程序视图语言,但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务:    界面的美化    食堂的滚动条 2、接下来计划:   与后端的交互 3、还剩下哪些任务:    页面的调整和美化, 与后端的动态交互 4、遇到了哪些困难:   时间不充裕 5、有哪些收获和疑问:   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务:   对相关界面小图标和图案的设计与绘制,熟悉微信小程序开发流程和相关语言,以及对自己所分配到的界面的统一润色。 2、接下来计划:  

第09组 Beta冲刺(3/5)

坚强是说给别人听的谎言 提交于 2019-12-08 21:02:33
队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车,页面美化 还剩下哪些任务 s 完成短租车,页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1、收获:后台数据库管理 2、疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口。 前端新增输入框前端js校验,加载时等待动画,开放短租车功能模块,加入认证时上传图片功能。 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台,完善前端。 还剩下哪些任务 地图功能模块未连入前端页面。有时间可优化前端页面效果。 燃尽图 遇到了哪些困难 目前数据库中有些冗余,欲求一个不需要太大改动后端代码的修改办法。 有哪些收获和疑问 1、收获:让我对html的使用方法和css的玩法更熟悉了... 2、疑问:对于ajax和js的异步动态加载html不清楚,玩不出高级的东西。 陈湘怡 过去两天完成了哪些任务 文字/口头描述 开始修改UI 展示GitHub当日代码/文档签入记录 还在修改中,故还没上传 接下来的计划 继续修改 还剩下哪些任务 前端页面与后端接口的完善 燃尽图 组内共享 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获:对前端更熟练 2、疑问:暂无 陈超颖

js内置对象

一曲冷凌霜 提交于 2019-12-08 20:52:30
js内置对象 JavaScript中的对象分为3中;自定义对象/内置对象,浏览器对象 Math对象 Math.PI; 圆周率 Math.floor();向下取整 Math.ceil();向上取整 Math.max();最大值 Math.min();最小值 Math.randon();随机数 得到一个数之间的随机整数,包括两个数在内 function getRandomIntInclusive(min,max){ return Math.floor(Math.random()*(max - min + 1)) + min; } Date() 日期对象 是一个构造函数 必须使用new 来调用创建 var date = new Date(); console.log(date);//Wed Dec 04 2019 20:17:25 GMT+0800 (中国标准时间) var date1 = new Date(2019,10,1);//数字型 Fri Nov 01 2019 00:00:00 GMT+0800 (中国标准时间) console.log(new Date('2019-10-1 20:25:30'));//Tue Oct 01 2019 20:25:30 GMT+0800 (中国标准时间) Date()方法的使用 获取当前时间必须实例化 Date()构造函数的参数

iOS与js交互(WebView+WKWebView)

心已入冬 提交于 2019-12-08 19:40:45
需求:1点击js登入按钮将用户账号和密码传给移动端 2将客户端的token传给html端 据我了解有以下几种方法 1:webview的javascriptCore 2:webkit 3:url拦截 4:第三方库 我用的是1和2 理论:js与oc相互调用并且传值 我们可以理解成河2边需要送东西的过程 我们需要在js和oc之间搭建一个桥梁而jsexport就是这做桥梁,有了桥梁以后在2端传值我们还需要一个对象(快递员) 就好比现实中js在桥的一段,而移动端在桥的这一边现在他们需要给彼此送东西那么就需要一个快递员(对象) ---------------------------------------------------------- 第一种WebView+ javascriptCore 第一步搭建2端之间桥梁javascriptcore 1)导入javascriptCore Build phass->link binary with libraries 添加头文件 #import <JavaScriptCore/JavaScriptCore.h> 2)初始化桥梁 @property(nonatomic,strong)JSContext *jsContext; 在web的webViewDidFinishLoad:代理方法中 self.jsContext = [self

第05组 Beta冲刺(3/5)

和自甴很熟 提交于 2019-12-08 19:39:30
 队名:计算机四班好朋友联盟  组长博客: 组长博客  作业博客: 作业博客 大家有话说🙃 ⭐方瑞雄(组长) 1、过去两天完成了哪些任务:   学习小程序测试以及博客编写 2、接下来计划:   完善后端代码,测试小程序 3、还剩下哪些任务:   完善后端代码,测试小程序 4、遇到了哪些困难:   后端代码远比我们小组想得还难,所以需要一段时间修改 5、有哪些收获和疑问:   加强了自己的代码能力 👇刘诗琳 1、过去两天完成了哪些任务:   完成了alpha计划的界面 2、接下来计划:   完善视图层,实现订单确认功能,完成js文件 3、还剩下哪些任务:   订单确定,筛选 4、遇到了哪些困难:   对前端语言不熟练,动手实践时对各种标签的属性不了解。 5、有哪些收获和疑问:   进一步熟悉了基础的小程序视图语言,但还不够熟悉 👇马丽华 1、过去两天完成了哪些任务:    界面的美化    食堂的滚动条 2、接下来计划:   与后端的交互 3、还剩下哪些任务:    页面的调整和美化, 与后端的动态交互 4、遇到了哪些困难:   时间不充裕 5、有哪些收获和疑问:   学到了新的东西非常开心 👇王玥 1、过去两天完成了哪些任务:   对相关界面小图标和图案的设计与绘制,熟悉微信小程序开发流程和相关语言,以及对自己所分配到的界面的统一润色。 2、接下来计划:  

js点击使内容变成可编辑状态

给你一囗甜甜゛ 提交于 2019-12-08 09:42:30
一个有内容的标签,用原生JS点击按钮使内容变成可编辑状态,然后使用保存数据。这个是点击编辑按钮使得标签内容替换为文本域来实现的。 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>JS编辑内容</title> </head> <body> <div> <b>电脑:</b><span >小米笔记本电脑</span><button οnclick="edit(this)">编辑</button> </div> <div> <b>手机:</b><span>华为手机</span><button οnclick="edit(this)">编辑</button> </div> <script> /*点击编辑即可要修改的内容*/ function edit(element) { element.innerHTML="保存"; var prev=element.previousSibling; var oldhtml=prev.innerHTML; prev.innerHTML=""; var newObj=document.createElement("textarea")

CSS加载会阻塞页面显示?

纵饮孤独 提交于 2019-12-08 09:32:28
可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我们就一起来分析一下。 原理解析 那么为什么会出现上面的现象呢?我们从浏览器的渲染过程来解析下。 不同的浏览器使用的内核不同,所以他们的渲染过程也是不一样的。目前主要有两个: webkit渲染过程 Gecko渲染过程 从上面两个流程图我们可以看出来,浏览器渲染的流程如下: HTML解析文件,生成DOM Tree,解析CSS文件生成CSSOM Tree 将Dom Tree和CSSOM Tree结合,生成Render Tree(渲染树) 根据Render Tree渲染绘制,将像素渲染到屏幕上。 从流程我们可以看出来 DOM解析和CSS解析是两个并行的进程,所以这也解释了为什么CSS加载不会阻塞DOM的解析。 然而,由于Render Tree是依赖于DOM Tree和CSSOM Tree的,所以他必须等待到CSSOM Tree构建完成,也就是CSS资源加载完成(或者CSS资源加载失败)后,才能开始渲染。因此,CSS加载是会阻塞Dom的渲染的。 由于js可能会操作之前的Dom节点和css样式,因此浏览器会维持html中css和js的顺序。因此,样式表会在后面的js执行前先加载执行完毕。所以css会阻塞后面js的执行。 DOMContentLoaded 对于浏览器来说