![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
爱喝可乐的彬仔
越努力,越幸运
展开
-
html2Canvas上传图片,截图
需求:上传图片,输入祝福语。截成一张图片 github地址:https://github.com/wubaibin/html2canvas.git HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewpor...原创 2019-12-11 21:42:12 · 298 阅读 · 0 评论 -
HTML上传图片截图
HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <...原创 2019-09-28 21:16:56 · 951 阅读 · 0 评论 -
导航栏点击滚动
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 1200px;margin:...原创 2019-04-29 07:40:09 · 232 阅读 · 0 评论 -
JS模仿window屏保实现图片上下左右移动
HTML <div class="upgradeContainer"> <div class="upgradeImgContainer"> <img src="~/Content/Base/imgs/upgrade.png" alt="" /> <span class="dele原创 2019-01-30 14:15:24 · 753 阅读 · 0 评论 -
JS String
什么是string:由多个字符组成的只读字符数组 string vs 数组: 相同:1、下标; 2、.length; 3、.slice() 不同:类型不同: API不通用 API 大小写转换:将str中的字母都转为统一的小写/大写 str.toLowerCase()str.toUpperCase() 何时:不区分大小写时,都要先转为一致...原创 2019-01-21 10:35:48 · 655 阅读 · 0 评论 -
JS DOM event
什么是event: 浏览器自动触发的,或用户手动触发的页面状态的改变 事件处理函数: 当事件发生时,自动触发的函数——回调 如何绑定事件处理函数:3种 1、在HTML中绑定: <ANY on事件名="js语句" 问题:不符合内容与行...原创 2019-01-19 15:12:45 · 390 阅读 · 0 评论 -
JS BOM总结
BOM的定义 Browser Object Model 专门操作浏览器窗口的API——没有标准 BOM包括: window: 1、代替ES中的Global充当全局作用域对象 2、封装所...原创 2019-01-19 15:04:50 · 316 阅读 · 0 评论 -
JS 定时器
定时器的定义: 让程序每隔一段时间间隔反复执行一项任务 定时器分为:周期性定时器和一次性定时器 周期性定时器: 让程序每隔一段时间反复执行一项任务 如何操作: 1、任务函数 function task(){...} 2、启动定时器 var timer = setInterval(task,ms) 1000ms = 1...原创 2019-01-17 15:57:20 · 834 阅读 · 0 评论 -
JS DOM总结
目录 DOM的定义 DOM树 DOM树的定义 为什么会是树形结构 根节点 节点对象 节点三大属性 DOM的操作流程 DOM查找 不需要查找可直接获取的元素 按HTML查找 按节点关系查找 按选择器查找 遍历节点 DOM查找总结 修改 内容 属性 样式 添加 删除 替换...原创 2019-01-17 09:56:47 · 542 阅读 · 0 评论 -
资讯列表上拉刷新
这边是手机端的页面。里面有数据循环渲染,上拉刷新数据,时间处理。 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2018-11-23 09:56:51 · 3036 阅读 · 1 评论 -
倒计时(JQuery)
HTML <!--倒计时--> <div class="timeContainer"> <p class="timeTitle">距离开播还有</p> <ul class="timeContentContainer clear"> &l原创 2018-09-17 17:29:39 · 1536 阅读 · 0 评论