小小只的前端之路-CSDN博客

原创 JavaScript笔试题---主程序、Promise.then、process.nextTick、事件队列(setTimeout、setInterval、ajax)的执行顺序

setTimeout(() =>console.log(1),0); console.log(2); const pro=new Promise(resolve=>{ console.log(3) setTimeout(()=>console.log(4),0) resolve(5) return Promise.r...

2019-10-16 15:41:26 501

原创 JavaScript---请用JavaScript实现将一段url字符串解析为Object

1.请编写一个JavaScript函数parseQueryString，它的用途是把URL参数解析为一个对象输入：var url=“http://witmax.cn/index.php?key0=0&key1=1&key2=2”输出：{ key0:0, key1:1, key2:2}代码var search="http://witmax.cn/index.ph...

2019-10-16 14:15:26 1011

原创 HTML笔试面试题

1.Doctype作用？HTML5为什么只需要写<!Doctype HTML>？标准模式与兼容模式各有什么区别?Doctyppe是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义（DTD）来解析文档<!Doctype>声明必须是HTML文档的第一行，位于html标签之前HTML5不基于SGML，所以不需要引用DTD。在...

2019-10-15 17:18:59 488

原创 CSS笔试面试题（一）

1.display:none和visibility:hidden的区别？相同：它们都能让元素不可见区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间； visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见 display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙...

2019-10-15 17:06:05 610

原创 JavaScript笔试题--------深克隆和浅克隆

浅克隆：如果包含内嵌的对象或数组，则不再复制副本var lilei={ sname:"Li Lei", sage:11}function clone(obj){ var newObj={}; //遍历原obj的每个属性 for(var key in obj){ //在新对象中添加和原对象中同名的属性 newObj[key]=obj[key]; } return...

2019-10-12 15:44:47 151

原创 Linux 常见命令（一）

Linux 常见目录（系统默认目录）/ 根目录 /root 管理员家目录 /home 用户家目录 /bin 命令保存目录（普通用户使用） /sbin 命令保持目录（超级用户使用） /dev 设备文件保存目录 /dev/cdrom /dev/sr0 光驱设备文件名 /var 系统相关文档保存目录 /etc 配置文件保存目录常见的命令su root 切换管理员 pwd ...

2019-09-18 16:31:49 105

原创如何搭建脚手架并创建vue项目

一、安装node.js和npm使用vue建议安装node，主要是因为后期要使用npm来搭建脚手架和一些常用的组件。使用vue-cli 搭建项目的时候需要nodejs，也可以用script标签引入vue.min.js。使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6，less，等，启动测试服务器localhost8080, 方便管理 vue-...

2019-09-07 17:15:32 250

原创 HTML5性特性——Canvas——案例：绘制笑脸

功能：创建张嘴笑脸再绘制闭嘴笑脸1秒切换一张1.HTML页面<canvas id="c3" width="500" height="400"></canvas>2.CSS样式body{text-align: center;}canvas{background:rgb(243, 245, 240);}3.JS文件//...

2019-09-04 19:44:08 1850

原创 HTML5新特性--Canvas_使用路径创建圆环进度条

1.html<canvas id="c3" width="500" height="400"></canvas>2.cssbody{text-align: center}canvas{background:rgb(243, 245, 240);}3.JS//1:获取画布元素与画笔对象var c3 = document.getElementByI...

2019-09-04 13:38:40 404

原创 HTML5新特性---Video_案例：通过自定义的播放控件实现视频播放与暂停效果

素材：广告图片: res/mm.png 二个按钮图片: res/play.png res/pause.png 小视频 x.mp41.HTML文件<div class="container">  <video src="res/x.mp4" id="v3"&gt...

2019-09-04 13:34:09 1294

原创 94道JavaScript笔试面试题（一）

1. continue和 break有什么区别？continue跳出当前循环，继续下一次循环break终止整个循环，不再继续2.i++和++i的区别？i++ 先运算，再自增++i 先自增，再运算3.JavaScript都有哪些数据类型？6种原始数据类型：Boolean: 布尔表示一个逻辑实体，可以有两个值：true 和 false Number: 用于表示数字...

2019-09-04 08:58:02 445

原创 HTML最新面试题

HTML1.Doctype作用？HTML5为什么只需要写<!Doctype HTML>？标准模式与兼容模式各有什么区别?Doctyppe是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义（DTD）来解析文档 <!Doctype>声明必须是HTML文档的第一行，位于html标签之前HTML5不基于...

2019-08-24 13:37:48 332

原创 instanceof运算符

instanceof运算符：用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置语法：object instanceof constructor参数：object：要检测的对象.constructor：某个构造函数描述：instanceof 运算符：检测 constructor.prototype 是否存在于参数 object 的原型链上。...

2019-08-23 14:11:04 143

qq_37622857的博客