12 2020 档案
摘要：前端面试之CSS权重问题! 下面的权重按照从小到大来排列！ 1.通用选择器（*） 2.元素(类型)选择器 权重1 3.类选择器 权重10 4.属性选择器 5.伪类 6.ID 选择器 权重100 7.内联样式 权重1000 !important规则会覆盖任何其他的声明，只在需要覆盖全站或外部CSS的替
阅读全文
摘要：JavaScript中创建数组的方式！ 利用数组字面量 // 1 直接量 console.log(Array.prototype); var arr = [1, 2, 4, 87432]; // 注意点，如果省略数组直接量中的某一个值，省略的元素将被赋予undefined值 var arr2 = [
阅读全文
摘要：前端面试之HTML5的新变化 H5新增语义化标签 头部标签 <header> :头部标签 <nav> :导航标签 <article> :内容标签 <section> :块级标签 <aside>:侧边栏标签 <footer> :尾部标签 H5新增多媒体标签 音频:<audio> 视频:<video>
阅读全文
摘要：前端面试之CSS常用的选择器！ 标签选择器 <style> /* <!-- 标签选择器 ：写上标签名 -->*/ p { color: green; } div { color: pink; } </style> 类选择器 <style> /* 类选择器口诀：样式点定义 结构类（class）调用 一
阅读全文
摘要：前端面试之JavaScript的基本数据类型！ JS的基本数据类型 数字 ##字符串 ##布尔值 JavaScript中有两个特殊的原始值: null (空) 和undefined (未定义)， , 它们不是数字、 字符串和布尔值。它们通常分别代表了各自特殊类型的唯一-的成员 null undefi
阅读全文
摘要：前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起，返回最后生成的字 符串。可以指定一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指 定分隔符，默认使用逗号。 #温馨提醒： 下面的代码我都是在node命令
阅读全文
摘要：前端面试之HTTP协议的东西！ 一次HTTP请求的流程！ HTTP 状态码 成功响应(200–299) 状态码 含义 200 请求成功 201 该请求已成功，并因此创建了一个新的资源。这通常是在POST请求，或是某些PUT请求之后返回的响应。 202 请求已经接收到，但还未响应，没有结果。意味着不会
阅读全文
摘要：JavaScript中的深拷贝和浅拷贝！ 浅拷贝 1.浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用.{也就是拷贝的是地址！简而言之就是在新的对象中修改深层次的值也会影响原来的对象！} // 2.深拷贝拷贝多层,每一-级别的数据都会拷贝. var obj = { id: 1, name: 'and
阅读全文
摘要：前端面试之JavaScript中的闭包！ 闭包 闭包( closure )指有权访问另一个函数作用域中变量的函数。 JavaScript 高级程序设计 闭包其实可以理解为是一个函数 简单理解就是，一个作用域可以访问另外一个函数内部的局部变量。 <script> // 闭包(closure)指有权访问
阅读全文
摘要：改变JavaScript中函数的内部this指向！ 第一种方法 call call 可以 调用函数 + 改变函数内的this指向！ var obj = { name: 'lvhang' } function fun(a, b) { console.log(this); console.log(a +
阅读全文
摘要：JavaScript的this的指向问题! 这是我自己敲的， 报错！ <button>点击查看绑定事件的this指向！</button> <script> // 函数的不同调用方式决定了this 的指向不同！ // 1 普通函数 this 指向window function fn() { conso
阅读全文
摘要：JavaScript中函数的调用！ 1 普通函数 // 1 普通函数 function fn() { console.log(123); } // 函数名 + 一个小括号! 或者 函数名.call() // fn(); // fn.call(); 2 对象的方法！就是函数放在对象里面！ var ob
阅读全文
摘要：JavaScript中函数的定义！ 1 自定义函数（命名函数） function fun() {}; 2 函数表达式（匿名函数） var fun = function () {}; 3 利用 new Function('参数1', '参数2', '函数体') // 函数体写进小括号中！ // Fun
阅读全文
摘要：让浏览器弹出对话框的方法 第一种 就是用alert alert('lvhang') 第二种方法 就是confirm confirm('请输入你的名字！')
阅读全文
摘要：JavaScript小案例-阶乘！ 阶乘：就是像台阶一样一阶一阶的，从高阶到低阶，依次乘下来！代码超少！容易理解! // factorial 阶乘 // 如果 function factorial(n) { var product = 1; while (n > 1) { product *= n;
阅读全文
摘要：使用Gulp里面的浏览器同步插件browser-sync的注意事项 第一步：打开你的开发者工具， 编写前端代码！图如下！ 第二步：打开你当前工作目录的命令行窗口 第三步：输入浏览器同步执行的代码！ browser-sync --service --files "basedGrammar.html"
阅读全文
摘要：前端面试之ES6新增了数组中的的哪些方法？! 我们先来看看数组中以前有哪些常用的方法吧！ 1 新增的方法！ 1 forEach() 迭代遍历数组 回调函数中的三个参数 value: 数组中的每一个元素- index: 每一个数组元素中的索引号！ arr: 数组对象本身 <script> // ES5
阅读全文
摘要：前端面试之ES6中的继承！ ES6之前并没有给我们提供 extends继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。 1 call() 两个作用: 1 调用这个函数! 2 修改函数运行时this的指向！ 调用方法 某个方法.call()来调用！ 第一个参数：当前调用函数this的
阅读全文
摘要：JavaScript中原型对象的应用！ 扩展内置对象的方法 我以数组对象为例！ // 原型对象的应用 扩展内置对象方法！ Array.prototype.sum = function() { var sum = 0; for (var i = 0; i < this.length; i++) { s
阅读全文
摘要：JavaScript中this的指向问题！ 另一个特殊的对象是 this，它在标准函数和箭头函数中有不同的行为。 在标准函数中， this 引用的是把函数当成方法调用的上下文对象，这时候通常称其为 this 值（在网页的全局上下文中调用函数时， this 指向 windows）。来看下面的例子： w
阅读全文
摘要：用CSS制做一个三角形！ <style> .outer { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid #ccc; border-top: 10px solid transpar
阅读全文
摘要：让元素居中的方法！ 水平居中（行内元素） 01 text-align: center 【在你需要居中的元素的父元素中添加这个属性即可！】 <style> .outer { text-align: center; } </style> </head> <body> <div class="outer"
阅读全文
摘要：在原生开发中控制HTML5视频! PC端 视频如何自动播放！ 在video标签中添加 autoplay + muted(静音属性！） 温馨提醒： video是一个块级元素！ 但是唯一的缺陷就是视频没有声音！ <video src="video/「跨界喜剧王第4季」第9期 文松 张佳宁小品《白蛇缘起》
阅读全文
摘要：V模型 RAD(rap application development),就是软件开发过程中的一个重要模型，称为快速应用开发模型。其模型构图形似字母V，所以又称V模型。可以说，V模型是软件开发测试中最重要的一种模型 他的阶段步骤可以分为 1 用户需求 2 需求分析与系统 3 概要设计 4 详细设计
阅读全文
摘要：JavaScript中的原型！ 原型的内容是涉及到JavaScript中的构造函数的 每一个构造函数都有一个原型对象！prototype 他的作用是 共享方法！还可以扩展内置对象【对原来的内置对象进行扩展自定义的方法！】 每一个实例化的对象都有一个对象原型__proto__ 他指向的是构造函数的原型
阅读全文
摘要：解决JavaScript中构造函数浪费内存的问题！ 把构造函数中的公共的方法放到构造函数的原型对象上！ // 构造函数的问题! function Gouzaohanshu(name, age, gender) { this.name = name; this.age = age; this.gend
阅读全文
摘要：JavaScript中创建对象的三种方式! 第一种 利用对象字面量！ // 创建对象的三种方式！ // 1 对象字面量、 var obj = { // 对象的属性和方法！ name: 'lvhang', helloSay: function() { console.log(123) } } 第二种
阅读全文
摘要：Vue基础之Vue组件 // 组件是可以复用的Vue实例！ // 可以把经常重复的功能封装为组件！
阅读全文
摘要：Vue基础之Vue的模板语法 数据绑定 01 数据绑定最常见的形式就是使用插值表达式（两个大括号!）【也就是小胡子语法！mustache】 <body> <!-- Vue.js的应用可以分为两个重要的组成部分 一个是视图! 另一个是脚本!！ --> <!-- 下面的就是视图！ --> <div id
阅读全文
摘要：Vue基础之生命周期函数[残缺版]！ 为什么说是残缺版呢？! 因为有一些周期函数我并没有学到！所以是残缺版！ 01 beforeCreate //在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。// 简单理解就是整个页面创建之前调用的生
阅读全文
摘要：Vue基础之插值表达式的另一种用法！附加变量的监听！ 讲这个之前我们先回顾一下原来的用法！ <body> <!-- Vue.js的应用可以分为两个重要的组成部分 一个是视图! 另一个是脚本!！ --> <!-- 下面的就是视图！ --> <div id="app"> <h1>{{message}}<
阅读全文
摘要：Vue基础之用插值表达式在视图区显示数据 第一步：当然就是你要引入Vue.js这个脚本文件啦！ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 第二步：就是你要在你HTML文件中的body中写入下面的代码： <
阅读全文
摘要：解决 browser-sync start --server --files 文件不能同步的问题！ 请看我的源命令： browser-sync start --server --file 'test2.html' 首先， 这句代码是由两个问题的， 第一个问题： 这个本来的命令中file 是为负数的，
阅读全文