- 博客(39)
- 收藏
- 关注
RSS订阅转载 面试考题
一、HTML篇 1、html语义化 用相应的标签展示相应的内容，列如，p标签展示段落，ul,li展示列表，article标签展示文章内容； 前端语义化发展分为三个阶段： 1. 荒野阶段：由后台来写html,他们使用table标签来布局，代码可维护性差； ...
2019-04-18 12:57:00
120
转载 nodeJS学习笔记
nodeJS学习笔记 // node中的全局对象 //console.log() // 定时器：setTimeout setInterval clearTimeout clearInterval // 路径： __dirname __filename ...
2019-03-22 18:18:00
140
转载 javaScript复习！
变量的基本类型 原始类型：number,string,boolean,null,undefined 引用类型：Object,Array,Function typeof 返回的值(返回的是字符串) number,string,boolean,object,undef...
2019-03-19 17:45:00
128
转载 关于浏览器meta标签
W3School say meta 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School mdn say meta HTML &...
2019-02-28 14:13:00
426
转载 正则表达式
正则表达式： /这里写正则/ 直接匹配：直接在正则中输入就可以匹配 . 字符 . 用于匹配所有非断行字符 \ 转义符 /\./ //用于将整座中特殊字符转义为普通字符 \w 匹配英文字母（包括大小写）和所有的阿拉伯数字，下划线 /\w...
2019-02-24 15:38:00
86
转载 使用webpack 配置Vue项目
1、初始化npm npm init 2、安装webpack和webpack-cli npm i webpack --save-devnpm i webpack-cli --save-dev 3、安装vue npm i vue vue-loader --save-devnpm ...
2019-02-24 00:32:00
139
转载 设计模式：lession3
1、工厂模式 概述： 工厂模式对new对象进行单独封装 遇到new时，就应该考虑工厂模式 // 创造原型class Protuct{ constructor(name){ this.name = name; } init(...
2019-02-22 23:06:00
84
转载 设计模式：lession2 设计原则
1、基本概述 即按照哪一种思路或者标准来实现功能！ 功能相同，可以有不同的设计方案来实现 伴随需求增加，设计的作用才能体现出来 2、何为设计《UNIX/LINUX设计哲学》 准则1：小即是美 准则2：让每个程序只做好一件事 准则3：快速建立原型 准则...
2019-02-22 16:01:00
88
转载 设计模式：lession1 面向对象
1、继承: 可以将公用的方法抽离出来放在一起，进行多次服用，节省代码量！ 1.1、创建类模式 //类，就是模板 class Person{ constructor(name,age,food){ this.name = name, ...
2019-02-21 23:51:00
112
转载 webpack学习！lession4 安装ES6解析
1、命令行安装！ 1.1、安装webpack 4.x | babel-loader 7.x | babel 6.x npm install -D babel-loader@7 babel-core babel-preset-env webpack 1.2、安装 npm ...
2019-02-21 21:37:00
79
转载 webpack学习！lession3
加载 CSS 为了从 JavaScript 模块中import一个 CSS 文件，你需要在module配置中安装并添加style-loader和css-loader： npm install --save-dev style-loader css-loader we...
2019-02-21 19:45:00
83
转载 webpack学习！lession2
1、安装以及使用webpack-dev-server工具 1.1安装webpack-dev-server npm i webpack-dev-server html-webpack-plugin --save-dev 1.2修改webpack-dev-config这个...
2019-02-21 18:40:00
64
转载 webpack学习！lession1
1.命令行安装！ 前提：安装node.js 1.1 全局安装npm npm i npm -g 1.2 全局安装webpack npm i -g webpack 1.3 cd到工程文件夹，安装局部webpack和webpack-cli npm i webpack --save-d...
2019-02-21 17:27:00
72
转载 html5:canvas入门！
1.canvas是HTML5中的新标签，用来绘制图像，最终渲染为图片的形式 <canvas id="canvas" width="800" height="600"></canvas> 注意：canvas标签中直接给宽高，不在css中设置宽高，其他属性可以在css...
2019-01-24 22:35:00
79
转载 JavaScript错误信息，try/catch/throw,严格模式
Js错误信息类型： 1、SynTaxError 语法错误 案例一： 变量命名不规范 var 1 = 1var 1ab =1 案例二：关键字赋值 new = 5 案例三：基本的语法错误 var a = 1: 2、ReferenceError: 引用错误 案例一：函数和变量...
2019-01-14 22:43:00
206
转载 javascript高级课程：数组及其方法
1、创建数组： 创建数组的三种方式 //-------------------------------------------------------------- var arr = [] // -->数组字面量 var arr ...
2019-01-10 14:15:00
119
转载 Javascript： 深浅克隆；
1、深度克隆： Object.prototype.num = 1; var person1 = { name: '丽丽', age: 28, weight: 55, he...
2019-01-10 13:24:00
88
转载 javascript高级课程：链式调用，对象深入，this，caller，callee
1、实现链式操作： var doSth = { wekup:function(){ console.log("跑步"); return this; }, ...
2019-01-09 15:32:00
192
转载 flex布局
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完...
2019-01-08 23:06:00
69
转载 关于js中操作数组的一些方法
1.锁定数组的长度（让数组的长度变成只读）。 1 2 3 4 5 6 vara = [1,2,3]//定义一个数组<br> Object.defineProperty(a,"length",{ writable:false })...
2019-01-02 10:55:00
79
转载 es6学习：es基础
1、let和const，同一个作用域不能重复申明； let 是变量，可以被修改，块级作用域； const 是常量，不可以被修改，块级作用域； { } 就是块； var只认函数 let和const支持所有块级 var:可以正常执行 f...
2019-01-01 12:56:00
69
转载 this指向问题
this的指向在函数定义时是确定不了的，只有函数被执行时才能确定，this最终指向调用它的对象。 1.函数调用模式： 当一个函数并非一个对象的属性时，那么它就是被当做函数来调用。在这种模式下，this绑定为全局对象，在浏览器环境下就是window； function a(){ var ...
2018-12-24 14:36:00
76
转载 继承模式
// 继承模式发展史： // 1.原型链：过多的继承了没用的东西 Grand.prototype.name = 'gengen'; function Grand(){ } ...
2018-12-19 21:20:00
76
转载 call和apply
call用于该变this的指向 <script> function Person(name,age){ //this == obj; this.name = name; //obj.name = n...
2018-12-18 22:36:00
49
转载 小demo验证字符长度
<script>var str = 'dsfsdfsdfsdgfhfghfuiguery,.,.只打了';// for(var i=0;i<str.length;i++){// console.log(str.charCodeAt(i))// ...
2018-12-17 20:00:00
54
转载 javascript构造函数！
1、构造函数会产生一个隐式的this空对象： function Student(name,age,sex){//var this = { name:name, age:age, sex:sex;}; // this.name = name,...
2018-12-07 23:20:00
75
转载 闭包
定义：当内部函数被保存到外部时，将会生成闭包。闭包会导致原有的作用域链不释放，造成内存泄漏！ 作用： 1.实现公有变量 2.可以实现缓存（存储结构） 3.可以实现封装，属性私优化 4.模块化开发，防止污染全局变量 2、立即执行函数： //立即...
2018-12-05 22:13:00
57
转载 javascript学习之函数作用域精解
1.每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供JavaScript引擎存取[[scope]]就是其中一个；[[scope]]就是我所说的作用域，其中存储了运行期上下文的集合 2.作用域链：[[scope]]中存储的执行期上下文对象的集合，...
2018-12-05 21:58:00
95
转载 JavaScript数组去重：
1.通过下标值去重： var arr = [1,2,3,4,5,6] var arr1 = [5,6,7,8,9,10,11] var arr2 = [6,7,8,12,12,13] var newArr = arr.concat(arr...
2018-12-03 21:45:00
44
转载 vue学习之路2： 组件安装及配置
# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install ...
2018-12-02 14:11:00
84
转载 JavaScript练习1：使用js设置时间
设置时间：某年某月某日某时某分 获取方法： // var myDate = new Date(); // myDate.getYear(); //获取当前年份(2位) // myDate.getFullYear(); //获取完整的年...
2018-11-30 21:31:00
495
转载 实战练习3：纯css实现菜单切换
项目描述（需求分析）： 1、仅使用css，不借助JavaScript实现菜单切换 2、点击右侧按钮，背景图切换到对应图片； html部分： <!DOCTYPE html><html lang="en"><head...
2018-11-27 20:23:00
568
转载 实战练习2：js淘宝经典轮播图
项目描述（需求分析）： 1、使用原始JS实现淘宝轮播图； 2、用户点击左右按钮时，图片进行滑动； 3、用户点击圆点时，显示对应的图片在轮播框内部，当前图片对应当前远点变为高亮； 4、图片自动轮播； html部分： ...
2018-11-27 20:15:00
261
转载 实战练习1：使用原生js实现简单的视频弹幕效果。
项目描述（需求分析）： 1、使用html5中的video标签，创建一个视频播放器； 2、视频屏幕下可以输入弹幕，开头不能是空格，且可以通过提交按钮或者enter键进行提交； 3、输入的弹幕在视频区域实现从左到右滑动，字体颜色随机，大小随机，...
2018-11-27 19:32:00
370
转载 vue学习笔记1：vue基础知识（组件之前）
1、初始化Vue对象： <body> <div id="app"> <h1>{{ message }}</h1> //如果是methods中的函数需要加（）写法为{{ 函数名（ ）}} ...
2018-11-27 18:45:00
148
转载 css学习笔记1：css中常用的命名规则
CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：...
2018-11-27 17:46:00
78
转载 html学习笔记1：html中文本样式的的设置
文字样式设置： 1. font:style weight size/line-height font-family （复合属性写法） tips：简写字体设置的属性顺序（必须有size和family） 2. line-height 行高...
2018-11-27 17:33:00
151
转载 demo1:番茄时钟
项目描述（需求分析）：使用原生JS加JQery实现下面效果 1. 通过点击Break Length或者Session Length下面的- 、+按钮设置倒计时时间; 2. 点击改变时钟状态，点击Break显示为Break、点击Session显示为Sessio...
2018-11-27 17:23:00
563
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人