![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
知识点
文章平均质量分 60
维克多噗噗
!!!
展开
-
一面试的基础整理,遇到的知识遗漏(排序)
页面布局1. 浮动定位 (兼容性好)2. 绝对定位 (脱离文档流)3. flex布局 (高等级浏览器/移动端,优先于1,2)4. 表格布局 (兼容性好,ie8,高度一致性)5. 网格布局 (css3,高等级浏览器/移动端)6. inline-block表格布局延伸: 1.解决方案的优缺点 2.如果高度条件去掉,中间内容溢出,那些布局不适用? 3.兼容性,实用性2.如果高...原创 2019-08-03 15:20:31 · 302 阅读 · 0 评论 -
试题测试(错误)
1.以下代码的输出是?var name = "狗蛋";function Fn() { (function () { this.name = "大锤"; }).call(window);}Fn.prototype.creat = function () { this.name = "小明";};console.log(new new Fn().crea翻译 2017-05-15 23:22:46 · 477 阅读 · 0 评论 -
siblings ---选择兄弟集合(标签相同)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}翻译 2017-04-14 22:59:16 · 1200 阅读 · 0 评论 -
javascript中 有用的小方法
<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Keywords" content="">翻译 2017-04-19 22:58:37 · 196 阅读 · 0 评论 -
正则补充
<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Keywords" content="">翻译 2017-04-19 21:34:49 · 285 阅读 · 0 评论 -
event事件(浏览器)
event 事件对象 event 事件对象 存储事件中的信息 chrome ----- undefined IE ----- null firefox ----- not defined event在属性事件中 --- 参数 兼容ie写法 event || window.event;鼠标位置(一般会翻译 2017-04-03 00:08:20 · 2900 阅读 · 0 评论 -
面向对象的封装
Banner的例子基本banner<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padd翻译 2017-04-15 20:49:56 · 246 阅读 · 0 评论 -
对象内置方法,继承,instanceof添加上(安全使用)
instanceof添加上(安全使用)<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Ke翻译 2017-04-14 22:55:19 · 293 阅读 · 0 评论 -
对象混合
单个/多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}翻译 2017-04-17 23:56:10 · 261 阅读 · 0 评论 -
事件委托
$("#box").on('click','p',function(){ alert($(this).html); }); 事件委托 获取触发事件的当前对象和目标对象 event.currentTarget; ===>添加事件的对象 event.target;翻译 2017-04-04 21:46:40 · 264 阅读 · 0 评论 -
冒泡讲解
冒泡 从里到外向父级冒泡 addEventListener(..false)也是冒泡. 阻止冒泡 cancelBubble(推荐) 没有兼容问题 它不是w3c规范 stopPropagation 不支持IE 符合w3c规范 onmouseenter (阻止冒泡)翻译 2017-04-04 18:23:58 · 324 阅读 · 0 评论 -
面向对象
javascript一切都是对象 面向对象编程(oop)的特点 抽象:抽取对象 抓住核心问题 !!封装:只有对象才可以执行方法和属性 继承:(extend) 从已有对象上继承新的对象 多态:(Interface接口) 多个对象不同的形态展示 (usb接口)<!DOCTYPE html><h翻译 2017-04-12 23:17:30 · 233 阅读 · 0 评论 -
sea.js,require.js(未完)
sea.jsrequire.js翻译 2017-07-04 21:37:56 · 254 阅读 · 0 评论 -
数组的相关方法
数组相关的操作数组的length,序号可读可写;字符串只读1.push() 在数组最后添加一个或多个元素,返回新的长度 ; 2.unshift() 在数组开头添加一个或多个元素,返回新的长度 ;array.push("1",function(){},false,null,10);array.unshift("1",function(){},false,null,10);3.翻译 2017-03-09 00:28:43 · 380 阅读 · 0 评论 -
vue相关面试
来自vue相关什么是 mvvm?MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。简述Vue的响应式原理当一个Vue实例创建时,...原创 2019-08-03 15:19:37 · 228 阅读 · 0 评论 -
三面四面终面
面试技巧(技术面/负责人面/重要)准备充分描述要演练引导要找时机优势要发挥回答要灵活模拟业务能力我做过什么业务?独立开发答题游戏小程序, 红包小程序, 商城小程序, 平台主页, 平台小程序(两端), 语音小程序.负责的业务有什么业绩? (用户量多少,性能提升多少,收入增长)一周开发红包小程序. 年末引流答题浪潮时,一周买上百套给商户引流. 语音方面做新热点...原创 2019-08-03 15:18:29 · 935 阅读 · 0 评论 -
二面和三面,知识面的广,深.
渲染机制什么是DOCTYPE? 及作用HTML5<!DOCTYPE HTML>HTML4.01版本 有两个模式 严格模式 传统模式严格模式(DTD包含所有HTML元素和属性. 但不包括弃用的元素(eg:font),如果使用,可能解析时会出错)传统模式(DTD包含所有,包括弃用的)浏览器渲染过程html -> 经过html Parser -> DO...原创 2019-08-03 15:17:44 · 308 阅读 · 0 评论 -
面试前的准备
2019-6-3 11:25:34面试准备html语义化 — (不要全都是div) ===> html5 标签查看成熟ui组件库源码github上多星的相关项目 看他们用什么模拟数据mock.js编写易读, 易维护的代码前端构建环境 gulp基础算法项目讲述演练html5 标签article - <h1>文本类 块模型</h1> =&...原创 2019-08-03 15:17:09 · 302 阅读 · 0 评论 -
面试需求(个人知识遗漏)
> 注意: 大部分是转载.知识点如何取出一个数组里的图片并按顺序显示出来function loadImage(imgList,callback){ if(!$.isArray(imgList) || !$.isFunction(callback)) return ; var imageData = [] ; $.each(imgList, function(i,src){转载 2018-01-13 12:00:53 · 655 阅读 · 0 评论 -
React基本使用(引用版)
参考: 菜鸟reactreact-template 模板<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>React-Template</title> <scr翻译 2017-11-29 00:42:16 · 3251 阅读 · 0 评论 -
angular.js 双向数据绑定,依赖注入
$下文用#代替实现方向angularJs可以实现双向数据绑定,分为两个方向:1.如果angularJs里面的模型数据变化了,则立马会在视图上体现2.如果视图上的数据变化了【视图哪里的数据会产生变化?表单的控件会:input、textarea、……】,则也会影响模型里面的数据方向1-模型到视图代码:效果:点击ngClick视图:代码:方向2-视图到模型ng-model='模型变量'演示:#scope翻译 2017-10-23 18:45:15 · 988 阅读 · 0 评论 -
angularJs(1.5)标准开发模式-建议
备注:一般在前端开发里面都不叫MVC,都叫MVVM。因为C主要是负责实例化模型和视图的载入,起的是协调的作用。所有C可以写成VM。MVC === MVVM我们是有MVC的开发思想的angularJs标准开发模式【建议】a.html页面定义应用:ngApp指令b.调用angularJs创建模块和控制器 angular.module(‘’,[依赖列表])a.在页面指定控制器的作用范围-调用控制器翻译 2017-10-18 21:37:21 · 887 阅读 · 0 评论 -
Angular(1.5)简介,引入,表达式
MVC概述(前端)mvc是一种开发思想,更多的可以理解是多种设计模式的一种集合,因为在经典的23中设计模式里面是没有MVC设计模式。1.Model模型 主要是负责业务数据的处理,前端项目中是js变量2.View视图 主要是业务数据在用户面前显示和数据的收集,前端项目中是html3.Controller控制器 主要负责是业务数据的curd操作【操作模型里面的数据,调用模型来对数据处理】,协调模型和视翻译 2017-10-18 20:57:14 · 1156 阅读 · 0 评论 -
TP框架的使用(ThinkPHP3.2.2)
ThinkPHP框架中的控制器翻译 2017-09-10 19:59:11 · 511 阅读 · 0 评论 -
阴阳师PC官网(仿-->17/5月) -- 知识点
这里整理过程中遇到 知识点页面居中的css样式/*页面居中*/ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;animation的加深运用 animation-direction 规定动画是否在下一周期逆向地播放。 --->是否返回 alt原创 2017-08-23 00:13:33 · 994 阅读 · 0 评论 -
运动框架banner
运用上move.js;function move(dom,json,callBack){ clearInterval(dom.timer); dom.timer = setInterval(function(){ var mark = true; for(var attr in json){ var cur = null;翻译 2017-03-25 23:10:01 · 233 阅读 · 0 评论 -
对象json
对象 obectarrayjsondataRegExpnulljson 它也可以放任何数据类型,具有代表性.var json = { key:value, key:value, key:value, key:value//最后这个地方一定不可以加逗号 }学习对象要学习对象要怎么去创建?对象的写法.理解对象的作用是干什么的(翻译 2017-03-16 22:01:22 · 207 阅读 · 0 评论 -
时间版运动框架
关于运动速度的运动 通过速度来控制元素的 位移 / 折叠 / 淡入淡出时间的简单运动 通过时间来控制元素的 位移 / 折叠 / 淡入淡出(jQuery)时间的运动 基于一些数学公式 以匀速运动例子==> 在路程的每一个点 速度都一样.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na翻译 2017-03-26 18:33:24 · 311 阅读 · 0 评论 -
正则表达式
用检测数据类型 typeof 测试typeof()返回的都是字符串,虽然引号没加.例如:var a = 1;alert(typeof a);alert(typeof typeof a);//第一次是number,第二次是string.类型转换显式类型转换 Number() 转换的必须是一个数字字符串 “123” 布尔值可以转换, 0 1.parseInt() / parseFloat(翻译 2017-02-24 14:40:23 · 493 阅读 · 0 评论 -
获取元素的样式
主流浏览器及IE8以上getComputedStyle(“object”).styleName; IE8==>节点object.currentStyle.styleName;<script type="text/javascript"> var obox = document.querySelector('#box'); // obox.style.width===>null翻译 2017-03-11 15:27:54 · 283 阅读 · 0 评论 -
for in
json可以用for in遍历 for( var key in object){}var json = { name : '维克', age : 18, sex : 'man', bool : true}//alert( json.length );//undefined//alert( json[0] );//undefined//var a = 'name翻译 2017-03-10 23:30:05 · 292 阅读 · 0 评论 -
曲线运动,圆周运动
Math.sin()—-Math.cos()曲线运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margi翻译 2017-03-24 01:22:11 · 358 阅读 · 0 评论 -
Dom 文档对象模型
获取属性节点的值 getAttribute(attr) —setAttribute(attr,value) —-removeAttribute(attr)获取属性节点 getAttributeNode(attr)children 它不会拿除了元素节点的其他的节点.childNodes 它会拿除了元素节点的其他节点. ===>返回的是个数组对象<!DOCTYPE html><html翻译 2017-03-27 22:52:15 · 304 阅读 · 0 评论 -
定时器
setTimeout();==>单次执行.==>清除定时器clearTimeout(); setInterval();===>循环执行.==>清除定时器clearInterval();重点内容function get(){};setTimeout(get,2000);==>第一参数为函数,可以匿名函数function(){}.可以是函数名get.可以是"get()",当这样写时,是用javasc翻译 2017-03-11 16:11:25 · 393 阅读 · 0 评论 -
对象的解析
对象的解析过程 像剥洋葱一样一层层筛选对象 - 参数中使用对象更加的灵活 - 组件开发中更具有模块化var json = { name:"xq", age:18, address:"湖南长沙", tel:1323124124, arr:[1,2,3,4,5], comment:[ {usename:"zhangsan1",pa翻译 2017-03-19 17:38:30 · 540 阅读 · 0 评论 -
模块化思想
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}翻译 2017-03-19 15:51:28 · 753 阅读 · 0 评论 -
call apply bind
作用都是改变this的指向在没有参数的情况下 call apply 一样==>call(element) apply(element).有参数的情况下 call 参数一次传入 call(element,param1,param2). apply 参数通过数组传入 apply(element,[param1,param2]).bind 被动执行 但是bind后边要加()执行 有翻译 2017-03-18 18:42:35 · 303 阅读 · 0 评论 -
作用域
作用域两个不同的script标签,先执行完前一个的全部代码,再往下,前一个里面定义了的变量,后面的就可以使用.script是最大的域. 函数执行就是一个域.js解析过程定义: var 定义变量. 只定义变量名. function(){}定义,找出函数整体.执行: 除了定义 , 都是执行 , 从上往下.例子<script type="text/javascript"> a翻译 2017-03-05 00:25:20 · 241 阅读 · 0 评论 -
正则运用
常用的正则表达式自行百度.<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content=""> <meta name="Keywords翻译 2017-04-07 22:58:55 · 308 阅读 · 0 评论 -
自定义滚轮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}翻译 2017-04-08 02:01:52 · 431 阅读 · 0 评论