3 Maci_yera

尚未进行身份认证

暂无相关简介

等级
TA的排名 7w+

书签脚本-查看网页cookie

1.写了一个书签脚本,效果是可以查看网页的cookie,算是一个练习,书签脚本还是很方便的呢 2.效果如下:大部分网站都可以 3.方法:把如下代码放入新建书签的地址栏即可javascript:(function(){if(document.querySelector('#utah')){document.querySelector('#utah').style.display = ...

2018-05-04 14:42:37

js访问后台php的入门与要点

1.写在前面大四的最后一个实验课,选择了移动通信系统应用,课上入门了python与php的一些东西,但是最后我用html网页中js来访问后台php的时候,才发现有很多坑。2.入门与要点(1)js如何与后端php做post请求,后端php如何接受json数据以及解析。//js发送post请求的函数,为了方便使用jqueryfunction query(xxx){ $.a...

2018-01-14 17:57:51

css 属性选择器学习+css3 混合模式+css background

1.css [attribute]选择器[attribute] [target] 选择带有 target 属性所有元素。 [attribute=value] [target=_blank] 选择 target="_blank" 的所有元素。 [attribute~=value] [title~=flower] 选择 title 属性包

2017-12-19 14:18:17

css伪类hover新的应用技巧思考+fixed屏幕居中

1.写在前面 之前的理解是hover伪类是写在某个元素上,鼠标移到上面就可以修改此元素的样式,可不可以改变另一个非hover元素样式呢?在使用less的时候,可以这么写:.nav:hover{ color:red; .block{ color:blue; }}含义是hover到nav元素时,既改变nav样式又改变另一个任意block元素样式。那么在css里

2017-12-04 15:29:40

HTML5调用摄像头+视频特效+录制视频+录音+截图+变声+滤波+音频可视化

1.写在前面根据最近的学习,写了一个demo, 可以通过navigator.mediaDevices.getUserMedia()方法调用电脑摄像头,并实现了录制音频,录制视频,对摄像头的内容进行截图下载;通过AudioContext使用web audio api处理音频信息,实现滤波以及简单变声处理。录制使用的api是MediaRecorder。整个demo没有使用其他的库,全部是原生api.

2017-11-05 23:05:53

js文件保存的相关学习

写在前面突然对js文件的下载产生了兴趣,研究了一下,以后肯定用得到,参考的文章中,最全面的是这个:(https://segmentfault.com/a/1190000006600936,作者写的很好)。上边这个文章还包括上传文件,拖动上传,大文件处理,以及多张对象类型的区别。普通的下载方式普通的下载思路是使用a标签,如下:<a href="http://xxx.main.js" downloa

2017-10-30 23:23:52

js Date对象的深入理解

1.var date = new Date(); getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 以上四个

2017-10-21 14:11:38

js任意进制转换--parseInt与toString

1. js可以很简单的做任意进制的转化,核心函数是全局函数parseInt(str,radix)与Number.toString(radix); 2. parseInt(str,radix); 将字符串str按照radix进制编码方式转换为10进制返回,没有radix,默认为10; 此方法把任意进制字符串转为10进展返回。eg: console.log(parseInt('23',8));

2017-10-18 22:14:49

web缓存学习+H5自定义属性+observe

1.web缓存 (参考https://segmentfault.com/a/1190000006741200) (https://my.oschina.net/leejun2005/blog/369148) 一般针对静态资源如CSS,JS,图片等使用缓存,原因如下: (1)请求更快:通过将内容缓存在本地浏览器或距离最近的缓存服务器(如CDN),在不影响网站交互的前提下可以大大加快网站加载速度

2017-10-17 15:26:06

js正则表达式的深入学习+分组+前瞻

1.首先是关于str.match(),参数是子字符串或者reg表达式; 返回包含匹配的子字符串的数组。关于多匹配与单匹配的区别参考之前博客。(1) 'q123w34'.match('123')[0]; //'123'(2) '23d34f45g56'.match(/\d{2}/g); //['23','34','45','56']2.重点是str.replace的深入理解 参数有两个,一个是r

2017-10-16 16:51:49

http://nian.so/#网站的拓展工具编写

这个网站叫做念我用了很久,有安卓和ios版本,我对网页版进行了处理; 写了此社交网站的一个拓展工具。 功能–:对自己或者他人的进展页面内容进行处理,可以筛选关键字。不需要可以隐藏。简单有效。其他页面无法使用。 使用方法–:打开登录个人账户,进入进展页面,如上, 按下F12打开控制台,在console下面,复制我所有的代码,回车即可,直到关闭页面或者刷新都不会消失。 效果展示: 代码:

2017-10-05 14:31:10

原生ajax的实现+websocket理解

1.首先实例化一个XHR对象, var xhr = new XMLHttpRequest(); 2.然后发动请求, xhr.open(‘GET’,’example.php’,false); open()方法的第一个参数用于指定发送请求的方式,这个字符串,不区分大小写,但通常使用大写字母。”GET”和”POST”是得到广泛支持的.参数还可以是”HEAD”、”OPTIONS”、”PUT”。第二个

2017-09-29 14:40:55

js中this的知识点

1.this始终指向调用它的对象,但是难点就是判断这个对象是哪个; (1)function a(){ console.log(this===window)}a();//true(2)function a(){ console.log(this===window)}function b(){ a();}b();//true(1)函数内部普通方式下,调用该段代码

2017-09-29 13:56:10

js原生图片轮播

上代码: <style type="text/css"> div{ width: 200px; height: 200px; border: 1px solid blue; overflow: hidden; /*overflow:hidden;这个很关键*/

2017-09-28 23:22:38

js操作dom节点,创建,复制,删除,添加,查找等操作总结

1.创建节点 document.createElement(“div”);//创建一个div元素,参数需要是标签名; document.createTextNode(“233”);//创建一个文本节点内容是“233”; 2.添加节点 var myli = document.createElement(“li”); dom.appendChild(myli); //父节点下面添加一个子

2017-09-28 20:44:40

秋招前端笔试面试的一些知识点

1.js面向对象的一整套 (1)var a =1;function main(){ var a = 2; console.log(this.a + a);}function main2(){ var a = 3; main();}main2();最后返回3 ,main()函数虽然在另一个函数内运行,但是只要不是赋值给一个实例变量,就是相当于全局运行,this就是w

2017-09-27 18:00:48

多标签点击排序问题(获取点击标签的顺序等)

1.问题描述: 有n个同样的标签,随便点击一个如何确定点击的是哪个标签? 进一步问题: 来自百度笔试 2.解决多标签点击获取顺序问题,<ul> <li>5</li> <li>2</li> <li>3</li> <li>88</li> <li>00</li></ul>var li = document.getElementsByTagName('l

2017-09-27 16:43:21

移动端网页事件以及屏幕适应

1.事件 touch触摸事件: touchstart 当手指放在屏幕上触发 touchmove 当手指滑动时触发 touchend 当手指离开时候触发 touchcancel: 当系统停止跟踪时触发; 该事件一般使用不到; 触摸具有的属性如下: touches :跟踪的触摸操作的touch对象的数组,当一个手指在屏幕上,event.touches.length==1;当两个手指时,ev

2017-09-27 15:03:28

带箭头的对话框实现(百度笔试题)

需要的样式数据: 下面是我实现的代码:<style type="text/css"> #demo{ width: 100px; height: 100px; border-radius: 1px; border:2px solid #000; position

2017-09-27 13:54:43

js构造函数与实例关系;闭包

1.一个构造函数如下:(构造函数规范是首字母大写,内部使用this定义属性方法)function Person(){this.name='a';this.job={s:'e'};this.func=function(){return 'eee';}};var a1 = new Person();console.log(a1);a1.job.s='t';var b1 = new Per

2017-09-26 15:07:54

查看更多

勋章 我的勋章
    暂无奖章