核心思想 随机产生规定范围内的整数,然后再产生相同范围内的整数,两者相同时,则暂停。 所用知识 Math.random() * num: 产生从0到num的随机数 Math.floor(): 向下取整 简单的DOM操作等 技术扩展 扩展人数 添加停止键等 效果 代码如下 html: css: jav ...
分类:
Web程序 时间:
2019-04-30 14:01:48
阅读次数:
174
相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex(什么是flex),也都能获得不错的效果,这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem(什么是rem)布局 rem布局非常简单,首页你只需在页面引入这段原生js代码就可以 ...
分类:
移动开发 时间:
2019-04-29 19:07:16
阅读次数:
202
在项目开发中,我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片,但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化,只加载浏览器窗口内的图片,当用户滚动时,再加载更多的图片。这种加载图片的方式叫做图片懒加载,又叫做按需加载或图片的延时加载。这样做的好处是:1 ...
分类:
Web程序 时间:
2019-04-26 00:03:32
阅读次数:
183
手写一个使用原生JS封装的多级菜单的函数,满足以下几点需求。 子类层级不确定,可根据数据自动生成多级菜单。 操作便捷,只需传入一个HTML标签。 缺点: 需要满足特定的数据结构 需要满足特定的数据结构 废话不多说,展示代码。先展示数据代码,注意,使用此封装函数需要满足此数据结构。 var data ...
分类:
Web程序 时间:
2019-04-25 23:57:06
阅读次数:
294
获取元素 getElementById() getElementsByClass() getElementsByTagName getElementsByName node属性 前、后、父、子 previousSibling nextSibling parentNode childNode chil ...
分类:
Web程序 时间:
2019-04-24 23:39:14
阅读次数:
260
注意这里用到了jQuery的cookie插件,而其需要在服务器下使用,而我是个弟弟哈。本地读取cookie的结果是undefined。 可以读读这位大佬的文章:传送门 ...
分类:
Web程序 时间:
2019-04-15 14:39:58
阅读次数:
201
原生js中用Ajax进行get传参 案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> input{ width:600px; height:50px; display:block; } < ...
分类:
Web程序 时间:
2019-04-13 11:08:09
阅读次数:
198
1.同步和异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随意做其他事情,不会被卡死 2.ajax运行原理 页面发起请求,会将请求发送给浏览器内核中的Ajax引擎,Ajax引擎会提交请 ...
分类:
Web程序 时间:
2019-04-07 21:41:16
阅读次数:
172
html知识点回顾与面试题<!--1、<DOCTYPE>告诉浏览器当前文档要以何种HTML或者XHTML规范解析2、语义标签strong 粗体em 斜体del 删除线ins 下划线 3、阻止a标签默认跳转1)原生js:<a href="..." onclick="return false"></a> ...
分类:
Web程序 时间:
2019-03-31 13:56:08
阅读次数:
178
这里只讲思路,不提供代码。 写之前,我要先吐槽一种非常奇葩的写法。 下面是他的写法思路(虽不提倡,但可借鉴): 评价: 这是对公司有仇的人才会这么写,完全不考虑以后的扩展。 当项目有七八个不同类型的商品列表页时,这种写法简直就是灾难;因为每次改商品详情,你要改七八个一模一样的代码,特别是每种详情页的 ...
分类:
Web程序 时间:
2019-03-26 19:35:31
阅读次数:
250