js
赛懵疑
前端小白
展开
-
DOM的相关知识
DOM节点Node类型节点的属性:(node只能获取当前节点的东西,不能获取里面的东西)(文本节点不等于文本内容)nodeName 节点元素的标签名,和tagName等价nodeType 元素节点的类型值,nodeValue 元素节点的值,元素节点本身没有内容,输出null node本身把节点指针放在元素中,本身没有value层次节...原创 2018-06-22 11:42:27 · 132 阅读 · 0 评论 -
星星评分的实现和改进
1,首先下载星星的图片下载logo的网址 https://icomoon.io/2,使用雪碧图雪碧图合成地址 https://www.toptal.com/developers/css/sprite-generator.bg-star_o { width: 26px; height: 28px; background: url('css_sprites.png') -10px...原创 2018-11-21 16:50:14 · 352 阅读 · 0 评论 -
Jquery时间插件
使用一个闭包自执行函数编写插件,传入JQuery对象。(function($){ $.fn.extend({ clock:function(options){ var defaults = {height:'50px',width:'130px',fontSize:'16px', backgro...原创 2018-10-26 20:19:18 · 899 阅读 · 0 评论 -
jQuery源码解读之init函数
jQuery的构造方法:// 直接new了一个对象。同时根据jQuery.fn = jQuery.prototype,jQuery.fn相当于jQuery.prototype。jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context );},jQue...原创 2018-10-26 13:00:59 · 638 阅读 · 1 评论 -
正则表达式
RegExp实例对象有五个属性 1.global:是否全局搜索,默认是false 2.ignoreCase:是否大小写敏感,默认是false 3.multiline:多行搜索,默认值是false 4.lastIndex:是当前表达式模式首次匹配内容中最后一个字符的下一个位置,每次正则表达式成功匹配时,lastIndex属性值都...转载 2018-08-11 13:06:33 · 105 阅读 · 0 评论 -
JS异步编程的四种方法
一、回调函数,这是异步编程最基本的方法假定有两个函数f1和f2,后者等待前者的执行结果,如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000);} 采用这种方...转载 2018-08-06 11:19:59 · 11732 阅读 · 1 评论 -
关于并发/并行,阻塞/非阻塞,同步/异步及进程/线程的理解
1. 阻塞,非阻塞 一个线程/进程经历的5个状态,创建,就绪,运行,阻塞,终止。各个状态的转换条件如上图,其中有个阻塞状态,就是说当线程中调用某个函数,需要IO请求,或者暂时得不到竞争资源的,操作系统会把该线程阻塞起来,避免浪费CPU资源,等到得到了资源,再变成就绪状态,等待CPU调度运行。 阻塞调用是指调用结果返回之前,调用者会进入阻塞状态等待。只有...转载 2018-08-06 11:15:12 · 218 阅读 · 0 评论 -
ajax的实现和方法
原始方法实现ajax方法://函数赋给一个元素的click事件function ajax() { //先声明一个异步请求对象 var xmlHttpReg = null; if (window.ActiveXObject) {//如果是IE xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP"); } e...原创 2018-08-09 19:07:57 · 226 阅读 · 0 评论 -
图片轮播的JS和CSS实现
JS实现方法://实现自动轮播function autoMove() { if (n >= (count - 1)) { n = 0; } else { ++n; } $(".body1 .adver ul li").eq(n).trigger("click"); //触发点击事件}function picRoll() { //为不同图片设置不同背景色...原创 2018-07-30 10:43:19 · 381 阅读 · 0 评论 -
统计01串在另一个01串的匹配可能性
<!-- 方法一 --><script> function count(str1, str2){ var reg1 = str2.replace(/\?/g, '(0|1)'), reg = new RegExp(reg1,'g'), len =str1.length - str2.length + 1, array = []; consol...原创 2018-07-19 15:45:21 · 169 阅读 · 0 评论 -
模拟CSS选择器程序
点击浏览器元素,弹出该元素的id、class或元素名function cssSelector(element){ var parents=[]; var classes=[]; var ids=[]; var string=[]; var finalString = "html body"; parents.push(element.nodeName); classes.pus...原创 2018-07-19 15:42:31 · 306 阅读 · 0 评论 -
JS一般算法
回文算法(去除标点和空格,看字符串是否正反相同)function palindrome(str) { var strno = str.replace(/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?]|\s+/g,"")...原创 2018-07-23 19:59:39 · 869 阅读 · 0 评论 -
根据table的不同列排序
function sort(type, order) { var table_tbody=document.getElementsByTagName("tbody")[0]; var table_tr = table_tbody.getElementsByTagName("tr"); var tempArr = []; var temp_tr_ar...原创 2018-07-23 19:58:05 · 511 阅读 · 0 评论 -
前端基础总结之JS(中)
JS类的实现及实例化在JavaScript中可以使用function关键字来定义一个“类”,在函数内通过this指针引用的变量或者方法都会成为类的成员。1,构造函数一个指明了对象类型的函数,构造函数来创建对象(class),然后通过new这个关键字来实例化一个对象(1)当解释器遇到new操作符时便创建一个空对象;(2)开始运行class这个函数,并将其中的this指针都指向这个...转载 2018-07-09 17:00:14 · 148 阅读 · 0 评论 -
前端基础总结之JS(上)
数据类型: 基本数据类型:Number、String 、Boolean、Null和Undefined 按值访问,可以操作保存在变量中实际的值,存放在栈(stack)内存中的简单数据段,数据大小确定,内存空间大小可以分配。引用数据类型:对象,包括函数,数组,日期等存放在堆(heap)内存中的对象,变量实际保存的是一个指针,这个指针指向另一个位置。创建一个引用数据了类型时,...转载 2018-07-09 16:58:04 · 101 阅读 · 0 评论 -
浏览器存储技术
请描述一下 cookies,sessionStorage 和 localStorage 的区别?cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的。第一:每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie。 3.Firefox最多50个cookie 4.chrome和Sa...转载 2018-07-09 16:41:28 · 268 阅读 · 0 评论 -
关于跨域
1、同源策略:同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同。不受同源策略限制的:1、页面中的链接,重定向以及表单提交是不会受到同源策略限制的。2、跨域资源的引入是可以的。但是js不能读写加载的...转载 2018-07-09 16:12:55 · 187 阅读 · 0 评论 -
HTML5与ES6
HTML5增加标签:1、结构标签(1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;(2)article:特殊独立区块,表示这篇页眉中的核心内容;(3)aside:标签内容之外与标签内容相关的辅助信息;(4)header:某个区块的头部信息/标题;(5)hgroup:头部信息/标题的补充内容;(6)footer:底部信息;(7)na...转载 2018-06-22 11:50:27 · 3355 阅读 · 1 评论 -
使用websocket实现“你画我猜”
1,环境配置(nodejs)文件结构:package.json:{ "name": "websocket", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test"原创 2018-11-22 11:11:36 · 2898 阅读 · 1 评论