- 博客(34)
- 收藏
- 关注
原创 CSS-day8
会引起Reflow和Repaint的操作有哪些?你有用过clip-path吗?说说你对它的理解和它都有哪些运用场景?你是怎么选择resetting和normalizing的?为什么?position跟margin collapse这些特性相互叠加后会怎么样?移动端的布局用过媒体查询吗?写一个试试举例说明你知道的css技巧有哪些?判断第一行和第二行的颜色分别是什么?并解释为什...
2019-10-03 17:11:35 333
原创 JS-day8
怎么下载一个zip文件?举例说明如何使用WebSQL?举例说明js如何拖拽排序?怎样在JavaScript中创建一个worker线程?写个给图片加水印的方法说说你对执行上下文的理解有些js库习惯在代码开头处添加分号有什么作用呢?除了分号还可以换成别的吗?在js中attribute和property的区别是什么?举例说明数组的排序方法有哪些?举例说明js拖拽用到的...
2019-10-03 17:11:19 136
原创 HTML-day17
说说你对富文本的理解,你有用过哪些富文本编辑器呢?有使用过HTML5的跟踪元素吗?说说你对它的理解frame和iframe有什么区别?页面布局中的结构与表现分离,那么什么是结构?什么是表现呢?怎样去除html标签之间换行产生的空格?举例说明HTML5的Canvas元素有什么用途?在HTML5中如何组合标题?用哪个元素?...
2019-10-02 14:51:12 96
原创 HTML-day16
你知道checkbox有几种状态吗?它们分别用来表示什么?HTML如何创建分区响应图?什么是svg?说说svg有什么运用场景?有好多网站不常用table和iframe这两个元素,知道原因吗?在默认的情况下,使用h1标签呈现出什么效果?网站的TDK该怎么设置?它有什么作用?除了音频和视频,HTML5还支持哪些媒体标签?...
2019-10-02 14:51:06 95
原创 HTML-day15
如何在HTML5页面中嵌入音频和视频?说说HTML中的<html>标签有什么作用?请描述一下cookies、sessionStorage和localStorage 的区别?行内元素、块级元素、空(void)元素分别有哪些?说说你对accesskey的理解,举例说明它有什么运用场景?HTML5怎么为输入框添加语音输入的功能呢?HTML5的页面可见性(Page Vi...
2019-10-02 14:47:28 72
原创 HTML-day14
列举出你最常用的meta标签的写法和作用Doctype有什么作用?你知道有多少种Doctype文档类型吗?写出以下几个HTML标签:字体、居中、文字加粗、下标HTML5标准提供了哪些新的API?你有用过哪些?使用HTML5需要遵守哪些设计原则?有使用过svg吗?请用svg画一个圆请说说你对ISISO8859-2字符集的认识...
2019-10-02 14:46:38 92
原创 HTML-day13
请描述下元素的href和src有什么区别?举例说明你对ol和ul标签的区别?它们的运用场景分别是什么呢?a标签的href和onclick属性同时存在时哪个先触发?怎么使用HTML5来获取定位?定位不准怎么解决?举例说明如何原样输出HTML代码,不被浏览器解析?举例说明你对HTML5的ruby标签的理解,都有哪些应用场景?iframe的使用场景有哪些?...
2019-10-02 14:46:33 76
原创 HTML-day12
a标签下的href="javascript:void(0)"起到了什么作用?说说你对javascript:void(0)的理解?在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开?用HTML5实现手机摇一摇功能你有做过吗?你知道它的原理吗?你有用过HTML5的Device API吗?说说它都有哪些应用场景?简述下HTML的快捷键属性是哪个?并举例说明有什么用?HTM...
2019-10-02 14:46:26 92
原创 HTML-day11
说说你对HTML5的img标签属性srcset和sizes的理解?都有哪些应用场景?HTML5如何识别语音读出的内容和朗读指定的内容?移动web页面如何自动探测电话号码?在a标签上的四个伪类执行顺序是什么?favicon.ico有什么作用?怎么在页面中引用?常用尺寸有哪些?可以修改后缀名吗?video和audio分别支持哪些格式?怎么在IE8及以下实现HTML5的兼容?...
2019-10-02 14:46:18 110
原创 HTML-day10
html的a标签属性rel='nofollow'有什么作用? nofollow 是HTML页面中a标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。 nofollow的作用?防止不可信的内容,最常见的是博客上的垃圾留言与评论中为了获取外链的垃圾链接,为了防止页面指向一些拉圾页面和站点。 为了防止付费链接影响Google的搜索结果排名。 引导...
2019-10-02 14:46:12 114
原创 HTML-day9
什么是html的字符实体?版权符号代码怎么写?字符实体通俗讲就是网页文件中复杂的符号代码和一些标点的代码。例如小于号 < 大于号 > 双引号 "这些符号要在浏览器中显示,在HTML文档中都必需被转化成字符实体。字符实体有三部分:一个和号 (&),一个实体名称及一个分号(;),或者 # 和一个实体编号,以及一个分号 (;)。© copyright &c...
2019-10-02 14:46:04 138
原创 HTML-day8
渐进式渲染是什么?什么是渐进式渲染?渐进式渲染是用来提高网页性能,以尽快呈现页面的技术。一开始先加载首屏显示的内容,之后再随着时间或者滚动页面才进行后面的加载。例如:图片懒加载——页面上的图片不会一次性的全部加载,当用户滚动页面到图片位置时,JS将加载并显示图像。 确定显示内容的优先级——为了尽快将页面呈现给用户,页面只将一小部分CSS,脚本,内容加载,然后在延时加载或者监听事件...
2019-10-02 14:41:53 105
原创 JS-day1
day1[js] 用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值var arr = new Array(5);var num = randomNum();var i = 0;randomArr(arr,num);function randomArr(arr,num){ if(arr.indexOf(num)<0){ //判断arr中是否包含随机数,...
2019-10-02 14:35:33 118
原创 CSS-day1
day1[css] 圣杯布局和双飞翼布局的理解和区别,并用代码实现圣杯布局和双飞翼布局基本上是一致的,都是两边固定宽度,中间自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染。解决方案大体相同,都是三栏全部float:left浮动,区别在于解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合left和right属性,效果上表现为三栏是单独分开的(如果可以看到空隙...
2019-10-02 14:35:24 227
原创 JS-day7
写个还剩下多少天过年的倒计时你对事件循环有了解吗?说说看!请说说你对事件冒泡机制的理解?写一个使两个整数进行交换的方法(不能使用临时变量)写出几种创建对象的方式,并说说他们的区别是什么?深度克隆对象的方法有哪些,并把你认为最好的写出来JQuery的源码看过吗?能不能简单概括一下它的实现原理?...
2019-10-02 14:35:00 108
原创 JS-day6
window对象和document对象有什么区别?说说你对IIFE的理解为什么会有跨域问题?怎么解决跨域?说说你对模块化的理解说说你对eval的理解找到字符串中最长的单词,并返回它的长度请手写一个幻灯片的效果...
2019-10-02 14:34:50 72
原创 CSS-day6
重置(初始化)css的作用是什么?怎么让英文单词的首字母大写?怎么才能让图文不可复制?写出你知道的CSS水平和垂直居中的方法实现单行文本居中和多行文本左对齐并超出显示"..."不使用border画出1px高的线,在不同浏览器的标准和怪异模式下都能保持效果一样写出主流浏览器内核私有属性的css前缀...
2019-10-02 14:34:42 72
原创 HTML-day7
说说你对target="_blank"的理解?有啥安全性问题?如何防范?在网页中使用链接时,如果想要让浏览器自动在新的标签页打开指定的地址,通常的做法就是在a标签上添加target等于"_blank"属性。然而,就是这个属性,为钓鱼攻击者带来了可乘之机。起源parent与opener在说opener之前,可以先聊聊<iframe>中的parent...
2019-10-02 14:34:31 244
原创 HTML-day6
解释下什么是ISO8859-2字符集?ISO8859-2 字符集,也称为 Latin-2,收集了东欧字符。HTML中用到的ISO-8859码对照表2webSocket怎么做兼容处理?WebSocket是一种在服务器与客户端双向通讯的技术,使用原生的WebSocket可以最小化 服务器资源的使用并且为两者提供了一种统一的通信方式。随着HTML5的普及,现代浏览器(IE10+)基...
2019-10-02 14:34:17 138
原创 JS-day5
请你解释一个为什么10.toFixed(10)会报错?请用canvas写一个关于520浪漫表白的代码说说你对this的理解造成内存泄漏的操作有哪些?写一个方法把0和1互转(0置1,1置0)写一个方法判断字符串是否为回文字符串写一个获取数组的最大值、最小值的方法...
2019-10-02 14:34:10 132
原创 CSS-day5
使用flex实现三栏布局,两边固定,中间自适应浏览器是怎样判断元素是否和某个CSS选择器匹配?用CSS绘制一个三角形说下line-height三种赋值方式有何区别?让网页的字体变得清晰,变细用CSS怎么做?描述下你所了解的图片格式及使用场景请描述css的权重计算规则...
2019-10-02 14:34:02 79
原创 HTML-day5
用一个div模拟textarea的实现//cssdiv{ width: 400px; min-height: 100px; max-height: 300px; _height: 100px; //IE6 margin-left: auto; margin-right: auto; padding: 3px; out...
2019-10-02 14:33:53 149
原创 前端扩展
[软技能] 网页应用从服务器主动推送到客户端有那些方式?Javascript数据推送Commet:基于HTTP长连接的服务器推送技术基于WebSocket的推送方案SSE(Server-Send Event):服务器推送数据新方式[软技能] http都有哪些状态码?2开头状态码2xx (成功)表示成功处理了请求的状态代码200 (成功) 服务器已成功处理了请求。 ...
2019-10-02 14:33:42 292
原创 JS-day4
day4[js] 你对new操作符的理解是什么?手动实现一个new方法对于:var obj=new Base();复制代码new操作符具体干了什么?其实就三件事情。var obj={};obj.__proto__=Base.prototype;Base.call(obj);复制代码第一步,创建一个空对象 第二步,将空对象的__proto__属性指向...
2019-10-02 14:33:33 119
原创 CSS-day4
day4[css] 说说浏览器解析CSS选择器的过程?浏览器的渲染过程,如图:下面这个栗子,CSS选择器它是如何工作的?.mod-nav h3 span {font-size: 16px;}如果不知道匹配规则,可能的理解是从左向右匹配:先找到.mod-nav,然后逐级匹配h3、span,在这个过程中如果遍历到叶子节点都没有匹配就需要回溯,继续寻找下一个分支。但...
2019-10-02 14:33:23 150
原创 HTML-day4
day4[html] js放在html的<body>和<head>有什么区别?JavaScript脚本放在哪里在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。 ——————————————————————————JavaScript应放在哪里页...
2019-10-02 14:33:15 206
原创 HTML-day1
day1[html] 页面导入样式时,使用link和@import有什么区别?import的写法link的写法区别1. 来源:link属于XHTML标签,import是CSS提供的方式。link方式除了CSS,还可以定义RSS,定义rel连接属性等,而import只能加载CSS。2. 顺序:link是页面加载时同时执行的,而import是在页面加载完之后...
2019-10-02 14:32:49 133
原创 HTML-day3
day3[html] title与h1的区别、b与strong的区别、i与em的区别?title与h1的区别 定义: title是网站标题, h1是文章主题 作用: title概括网站信息,可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的,是显示在网页Tab栏里的; h1突出文章主题,面对用户,更突出其视觉效果,指向 页面主体信...
2019-10-02 14:32:40 123
原创 JS-day3
day3[js] 写一个数组去重的方法(支持多维数组)递归去重var temp = []function uniq(array){ var result = [] recursion(array) // 调用递归将多维数组变为一维数组再去重 for (var i = 0, len = temp.length;i < len;i ++){ for(var j...
2019-10-02 14:32:27 115
原创 CSS-day3
day3[css] style标签写在body前和body后的区别是什么?写在body标签前利于浏览器逐步渲染:resources downloading->CSSOM+DOM->RenderTree(composite)->Layout->paint写在body标签后:由于浏览器以逐行方式对html文档进行解析;...
2019-10-02 14:31:58 129
原创 JS-day2
day2[js] 写一个加密字符串的方法//对字符串进行加密 function compileStr(code){ var c=String.fromCharCode(code.charCodeAt(0)+code.length);for(var i=1;i<code.length;i++) { c+=String.fromCharCo...
2019-10-02 14:31:41 251
原创 CSS-day2
day2[css] 清除浮动的方式有哪些及优缺点?浮动带来的问题是盒子塌陷问题什么是盒子塌陷?外部盒子本应该包裹住内部的浮动盒子,结果却没有。问题出现的原因 父元素只包含浮动元素,那么它的高度就会塌缩为零(前提就是你们没有设置高度(height)属性,或者设置了为auto,就会出现这种情况,如果父元素不包含任何的可见背景,这个问题会很难被注意到。 ...
2019-10-02 14:31:31 154
原创 HTML-day2
day2[html] 简述下html5的离线储存原理,同时说明如何使用?在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离...
2019-10-02 14:30:40 107
原创 CSS-day7
假如设计稿使用了非标准的字体,你该如何去实现它?你知道全屏滚动的原理是什么吗?它用到了CSS的哪些属性?你是怎样抽离样式模块的?说说你对媒体查询的理解你知道的等高布局有多少种?写出来手写一个满屏品字布局的方案span与span之间有看不见的空白间隔是什么原因引起的?有什么解决办法?...
2019-10-02 14:30:00 128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人