原生JS学习笔记
关注
分享
扫一扫
文章平均质量分 75
李帅醒
这个作者很懒，什么都没留下…
展开
-
node.js实现文件读取\写入\复制内容——李帅醒博客
Node.js读取文件内容包括同步和异步两种方式。执行所有文件操作前一定要加载文件模块。//加载文件模块var fs=require("fs");1.异步读取文件：readFile(path[,encode],callback)异步读取文件path：文件路径encode:文件编码callback：回调函数 返回 错误信息 、读取的内容//异步读取文件（）f原创 2016-11-30 20:28:09 · 8149 阅读 · 0 评论 -
前端性能优化之路——图片篇。
本人是一名前端开发者，在公司负责目前负责信息流服务，为五大手机厂商和各大App提供服务，每天的请求就是以亿计算，加上我们又做了SSP和DSP，就是类似于百度广告联盟，腾讯广点通这种。接触过的应该知道，所以前端优化一直是我头痛的问题，不仅要注重用户体验，同时要兼顾收益，有时候必须牺牲一些用户体验，但是作为一名有思想的前端，还是努力规避掉，希望能和从事相同业务的同学一起学习交流一下，话不多说，就来分享...原创 2018-03-14 20:21:14 · 1524 阅读 · 0 评论 -
Js实现点击查看全文(类似今日头条、知乎日报效果)
这篇文章主要为大家详细介绍了原生JS+css仿QQ今日头条、知乎日报点击查看全文的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下.移动端demo展示 王者荣耀攻略网需要设置过最大高度max-height,然后把超出部分隐藏。判断内容是否超出指定高度，超出就添加,"展开全文"的按钮。添加按钮点击事件，点击后展开全文。<html><head><meta cha...原创 2017-07-26 00:43:31 · 10788 阅读 · 0 评论 -
用H5video写在线视频遇到一些问题(不定期更新)！——李帅醒
在IPhone IOS端遇到一个问题，如果你们的视频资源链接和你网站所属的域名不一样，iPhone的浏览器是不会给你播放视频的。原创 2017-03-23 11:23:02 · 1454 阅读 · 0 评论 -
JS判断网页广告是否被浏览器拦截过滤的代码
这篇文章主要介绍了JS判断网页广告是否被浏览器拦截过滤的代码,需要的朋友可以参考下本来现在投广告赚钱也不像前几年好做，现在还大部分浏览器都拦截了广告，很多浏览器还是默认拦截广告，做站长不是一般辛苦啊！目前中小站长大部分收入还是靠广告，广告被拦截，收入自然会大大减少。 目前大部分浏览器的广告拦截规则都是广告黑名单+一些广告字眼匹配，比如百度联盟、搜狗联盟、Google联原创 2017-03-27 09:52:00 · 6274 阅读 · 0 评论 -
canvas绘制时针，适合初学者——李帅醒博客
篇文章主要介绍了使用canvas绘制超炫时钟的方法及代码，这里推荐给大家，步骤详细。先上效果图为了方便初学者学习，我特意在canvas画布上画好了小方格，方便计算坐标。HTML页面代码： 您的浏览器不支持canvas画布，请及时更新！！！ CSS代码：*{ margin:0px; padding: 0px;}原创 2016-12-26 22:11:57 · 2651 阅读 · 0 评论 -
js头像(图片）上传，立即展示！——李帅醒博客
实现图片、或者头像的上传，并且本地浏览，今天我们就要用到H5新的Web API 接口FileReader 。 IE10以下的版本不支持FileReader()构造函数.不过可以利用滤镜来兼容旧版本的IE:兼容IE的图片本地预览。CSS代码： .box1{ width: 200px; height: 40px; border-radius: 4px; bor原创 2016-12-12 22:05:15 · 3483 阅读 · 0 评论 -
原生JS写《像素鸟》的小游戏（下落的小鸟）
相信大家都玩过《像素鸟》（又名《下落的小鸟》），今天就教大家用原生JaveScript 实现像素鸟的游戏。还在为得不到高分而苦恼吗？今天学会了，游戏难易自己控制！！！首先明白：1.需要运动的小鸟（速度）；2.背景（水管）；水管：运动速度 创建速度 水管随机高度3.编写碰撞判断；4.计分板;HTML页面代码： Document原创 2016-11-20 14:09:42 · 10573 阅读 · 3 评论 -
（一）原生JS实现判断碰撞的方法！
这次为大家实例讲述了JS实现判断碰撞的方法。碰撞的应用场景非常多比如，放烟花、小球碰壁反弹、像素鸟等，所以我们先要弄清除如何进行碰撞判断，才能进行以后的操作。HTML页面代码：CSS页面代码： *{ padding: 0px; margin: 0px; } #d1{ width: 100px; height: 100px; backgr原创 2016-11-20 16:16:23 · 8896 阅读 · 1 评论 -
用MUI花两天时间快速开发『One·一个』App，兼容Android、iOS双平台
『One·一个』App线上开源地址App下载地址MUI在线文档以下所有 API 均由产品公司自身提供，本人皆从网络获取。获取与共享之行为或有侵犯产品权益的嫌疑。若被告知需停止共享与使用，本人会及时删除此页面与整个项目。请您暸解相关情况，并遵守产品协议。低仿 「ONE · 一个」 的App前段时间由于业务需要快速开发App，所以上手了MUI，试着写了一个小项目作为练手，分享给...原创 2018-04-10 12:28:38 · 3561 阅读 · 0 评论