墨龍
> ``` > var arr = new Array(5); > var num = randomNumber(); > var i = 0; > randomArr(arr,num); > function randomArr(arr,num) { > if (arr.indexOf(num)< 0){ > arr[i]...
``` const removeLastStr = (str, target) => { if (!str || !target) { return str; } if(typeof str !== 'string'){ alert('输入的对象不是字符串!'); return false; } const idx = str.lastIndexOf(target); if (idx...
> // 方法1 ``` var str = 'aabbcaacddaabbccdd' var str2 = 'aa' const contSvg = (s1,s2) => { var arr = []; arr = s1.split(s2); console.log(arr.length-1); } contSvg(str,str2) // 输出3...
``` // 1.传入参数,判断字符串类型,非返回 // 2.通过split('_')把字符串分割成数组 // 3.遍历数组把每一项开头转换成大写字母,并把每一项都拼接到一起 // 4.返回字符串 function changeStr(str){ let arr = []; let newStr = ''; if(!str||str===' '|| typeof str !== 'string'){ return false; } arr =...
``` // 1.test() 方法用于检测一个字符串是否匹配某个模式,返回Boolean值 // 2.toUpperCase() 转换成大写,toLowerCase()转换成小写 function changeStr(str){ let ary = []; let newStr = ''; if(!str||str === ''||typeof str !== 'string'){ return false; } ary = str.split(""); ary.map(item...
### 选择器: 通配符,id,class,标签,后代选择器,子选择器,兄弟选择器,属性选择器,伪类选择器,伪元素选择器 ### 可继承的属性: 字体属性:font-size,font-weight,font-style,font-family 文本属性:text-indent,text-align,line-height,word-spacing,letter-spacing,color,direction,text-transform 元素可见性:visibility,opacity 光标属性:cursor
**title与h1的区别** + 定义： title是网站标题，一个页面只能有一个 h1是文章主题 + 作用： title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的； h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。 + 注意： 如果title为空，但是页面存在h1,b,strong标签，搜索引擎会默认页面title为h1内的内容，所以 得出结论h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，在一个页面中应该使用且只使用一次h1标记。 **b与strong的区别** + 定义： b(bold)是实体标签，用来给文字加粗 strong是逻辑标签，作用是加强字符语气 + 区别： b标签只是加粗的样式，没有实际含义，常用来表达无强调或着中意味的粗体文字 strong表示标签内字符重要，用以强调，其默认格式是加粗，但是可以通过css添加样式，使用别的样式强调 + 建议：为了符合css3的规范语义化，b应尽量少用而改用strong **i与em的区别** + 定义： i(italic)是实体标签，用来使字符倾斜...
### **优点:** 没有网络时可以浏览,加快资源的加载速度,减少服务器负载 ### **使用:** 只需要在页面头部加入,然后创建manifest.appcache文件 ### **manifest.appcache文件配置:** 1)CACHE MANIFEST放在第一行 2)CACHE:表示需要离线存储的资源列表,由于包含manifest文件的页面将被自动离线存储,所以不需要列出来 3)NETWORK:表示在线才能访问的资源列表,如果CACHE列表里也存在,则CACHE优先级更高 4)FALLBACK:表示如果访问第一个资源是吧,那么使用第二个资源来替换它 ### **浏览器如何解析manifest** 1.在线情况:浏览器发现html头部有manifest属性,他会请求manifest文件,如果是第一次访问,那么浏览器会根据manifest文件的内容下载相应的资源并且进行离线存储.如果已经访问过并存储,那么浏览器使用 离线的资源价值,然后对比新的文件,如果没有发生改变就不做任何操作,如果文件改变了,那么就会重新下载文件中的资源并进行离线存储 2.离线情况:浏览器就直接使用离线存储资源 ### **与传统浏览器的区别** 1)离线缓存是针对整个应用,浏览器缓存是单个文件 2)离线缓存可以主动通知浏览器更新资源 ### **状态 window.applicationCache对象的status属性** 0:无缓存 1:闲置 2.检查中,正在下载描述文件并检查更新 3:下载中 4:更新完成...
**1.基本概念：标准模型+IE模型** 标准盒子模型：包括margin,border,padding,content,并且content部分不包括其他部分 IE盒子模型：包括margin,border,padding,content，content包含了border和padding **2.css如何设置这两种模式** 标准盒模型：box-sizing:content-box IE盒模型：box-sizing:border-box **3.js如何设置获取盒子模型对应的宽和高** 1) dom.style.width: > 只能获取内联样式，因此是不准确的 2) dom.currentStyle.width : > 与window.getComputedStyle方法功能相同，实现在旧版本的IE浏览器中 3）window.getComputedStyle(dom).width: > 方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性值。因此输出是准确的 4）dom.getBoundingClientRect().width > 返回一个DOMRect对象，这个对象是由该元素的getClientRects()方法返回的一组矩形的集合。 DOMRect对象包含了一组用于描述边框的只读属性--left,top,right,bottom,单位为像素。除了width和height外的属性都是相对于视口的左上角位置而言的。