![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web基础部分
qq_43708577
这个作者很懒,什么都没留下…
展开
-
html常用的标签
常用标签文本加粗加粗加粗斜体斜体斜体加删除线加删除线加删除线文字以加下划线的方式显示(XHTML推荐使用del)加下划线加下户线加下划线文字以加下划线的方式显示(XHTML不赞成使用u)b i s u 只有使用没有强调的意思, strong em del ins 语义更加的强烈图像标签单词缩写 :image图像单标签br hr ...原创 2018-11-24 21:11:02 · 145 阅读 · 0 评论 -
面向对象
类的声明function Animal () { this.name = "name";}ES6中的类的声明class Animal { constructor () { this.name = name; }}类的声明function Animal () { this.name = "Jack"}ES6中的class的声明...原创 2019-01-26 15:35:38 · 134 阅读 · 0 评论 -
通信类
1 什么是同源策略2 前后端是如何通信的3 如何创建Ajax4 跨域通信的几种方式什么是同源策略及限制同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互这是一个用于隔离潜在恶意文件的关键的安全机制1 源的三个部分:协议,域名,端口(http协议的默认端口是80,如果有任何一部分不同则源不同,那就是跨域了)2限制:这个源的文档没有权利去操作另一个文档源的文档,这个...原创 2019-01-26 17:45:05 · 151 阅读 · 0 评论 -
算法类
算法类1 快速排序2 选择排序3 希尔排序1 堆栈2 队列3 链表1 递归1 波兰式和逆波兰式1 拿到一个题目先弄清楚这个题目的意思2 你不知道代码怎么写但是你知道思维逻辑怎么写3 能写出来多少就写多少4 ...原创 2019-01-26 17:55:51 · 217 阅读 · 1 评论 -
HTML元素
按默认样式分1 块级block div p h1-h6 hr menu ul ol table 他默认会占据正行,不会给其他元素留下空间,可以包含某些块级元素和内联元素2 行内inline(内联元素) span strong a abbr(缩写) br em i img i...原创 2019-01-27 16:12:25 · 123 阅读 · 0 评论 -
css
1 浏览器解析样式是从右向左解析的,这样做的目的就是加快css的解析速度选择器的分类1 元素选择器a{}2 伪元素选择器::before{}3类选择器.link{}4 属性选择器[type=radio]{}5 伪类选择器:hover{}6ID选择器#id{}7组合选择器[type=checkbox]+label{}8否第选择器:not(.link){}9通用选择器*{}双冒...原创 2019-01-27 16:58:39 · 67 阅读 · 0 评论 -
CSS面试真题
1 CSS样式(选择器)的优先级1 计算权重确定2 !important 权重最高的3 内联样式4 如果优先级一样,则后写的优先级高雪碧图的作用1 解释: CSS雪碧,既CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用CSS的背景定位来显示需要显示的图片部分2 实现原理: CSS雪碧的基本...原创 2019-01-27 18:59:10 · 87 阅读 · 0 评论 -
布局
table布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2019-01-28 12:02:38 · 114 阅读 · 0 评论 -
css效果
Box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;h-shadow:水平阴影的位置,允许负值v-shadow:垂直阴影的位置,允许负值blur:模糊距离 可选spread:可选,阴影的大小color:阴影的颜色 ,可选inset:从外层的阴影,可选text-shadow文本的阴影text-shao...原创 2019-01-28 21:40:48 · 163 阅读 · 0 评论 -
CSS效果
补间动画1 位置-平移(left/right/margin/transform)2 方位-旋转(transform)3 大小-缩放(transform)4 透明度(opacity)5 其他-线性变换(transform)transition.container { width:100px; height: 100px; background:red; transiti...原创 2019-01-28 22:45:51 · 89 阅读 · 0 评论 -
CSS预处理器
1 基于CSS的另一种语言2 通过工具编译成CSS3 添加了很多CSS不具备的特性4 能提升CSS文件的组织5嵌套,反映层级和约束6 变量和计算 减少重复代码7 EXtend和Mixin代码片段8 循环适用于复杂有规律的样式9 import CSS文件模块化less嵌套npm install lessbody { padding:0; margin:0;}...原创 2019-01-28 23:52:43 · 80 阅读 · 0 评论 -
预编译处理器
less-mixin(可以完成样式的复用)@fontSize:12px;@bgColor:red;//公共的区域.block(@fontSize){ font-size:@fontSize; border:1px solid #ccc border-radius:4px;}//使用的时候直接 调用一下.wrapper { background:li...转载 2019-01-29 14:43:22 · 207 阅读 · 0 评论 -
ES6-模块化
export语法/*util1.js*/export default { //只默认输出一个 a:100}/*util2.js*/export function fn1 () { alert(‘fn1’)}export function fn2(){ alert("fn2")}import语法/*index.js*/import util1 f...原创 2019-01-29 16:58:34 · 77 阅读 · 0 评论 -
Class
Class和普通构造函数有何区别1 JS 构造函数2 Class基本语法3 语法糖4 继承JS 构造函数function MathHandle(x,y) { this.x = x; this.y = y;}MathHandle.prottotype.add = fucntion () { return this.x +this.y};var m =...原创 2019-01-29 18:21:46 · 132 阅读 · 0 评论 -
Promise
Promise的基本使用1 Callback Hell2 Promise语法Callback Hellfunction loadImg(src,callback,fail) { var img = document.createElement("img") img.onload = function () { callback(img) } ...原创 2019-01-29 22:57:55 · 87 阅读 · 0 评论 -
原型
说一个原型的实际应用1 jQuery和zepto的简单使用2 zepto如何使用原型3 jQuery如何使用原型4 zepto的语法本来就是模仿jQuery的语法jQuery如何使用原型的简单使用<p>jQuery test 1</p><p>jQuery test 1</p><p>jQuery test 1</p...原创 2019-01-30 11:47:50 · 143 阅读 · 0 评论 -
异步
什么是单线程,和异步的关系 1 单线程----只有一个线程,只能做一件事情 2 原因--避免DOM渲染的冲突 3 解决方案--异步//循环运行期间,JS执行和DOM渲染暂时卡顿var i,sum = 0;for( i = 0;i&lt;100000000;i++) { sum+=i; } console.log(sum);// alert 不处理,JS执行和DO...原创 2019-01-30 15:20:10 · 141 阅读 · 0 评论 -
原型链
1 创建对象的几种方法2 原型,构造函数,实例,原型链创建对象的几种方法字面量的方法1 var obj = { name:"Jack", age:90}var obj = new Object({name:"JAck"})2 构造函数function Person(name) { this.name = name}var p1 = new Person(...原创 2019-01-26 13:55:09 · 90 阅读 · 0 评论 -
HTTP协议类
HTTP协议的主要特点1 简单快速(统一的URL)2 灵活3 无连接(重点)(我连接一次他就会断掉,不会保持连接)4 无状态(重点)HTTP报文的组成部分1请求报文(请求行,请求头,空行,请求体)2响应报文(状态行,响应头,空行,响应体)HTTP方法1 GET ---------获取资源2 POST ------传输资源 3 PUT -------更新资源4 Dele...原创 2019-01-25 23:38:08 · 77 阅读 · 0 评论 -
DOM事件
DOM事件模型DOM 事件模型就是冒泡和捕获描述DOM事件捕获的具体流程window----document-----html----body.... ----目标元素DOM事件流DOM事件流就是描述DOM事件捕获的具体流程事件流被分为三个阶段:1 捕获过程 2 目标过程 3 冒泡过程Event对象的常见应用DOM事件类DOM0 element.onclick ...原创 2019-01-25 22:53:24 · 88 阅读 · 0 评论 -
meta
meta:元数据,告诉浏览器或者搜索引型关于网页的一些信息原创 2018-12-13 21:32:05 · 108 阅读 · 0 评论 -
用户是如何找到我们的网站的
1 网站的网址(只和服务器有关)2 网站的名字(给搜索引型看的,给浏览器看的)3 网站的关键字(网站名字的补充)原创 2018-12-13 21:35:31 · 764 阅读 · 0 评论 -
编程思想
编程思想1 面向过程:所有的事情都是亲力亲为,注重的是过程2 面向对象:提出需求,找对象,对象解决,注重的是结果注:** js不是一门面向对象的语言,是基于对象的语言,js来模拟面向对象** 面向对象的特征:封装,继承,多态(抽象性)...原创 2018-12-14 16:10:49 · 77 阅读 · 0 评论 -
JavaScript高级部分
回调函数1 dom事件的回调函数&amp;amp;amp;lt;script document.getElementById(&amp;amp;quot;btn&amp;amp;quot;).onclick = function(){ alert(this.innerHTML)};2 定时器的回调函数setTimeout(function(){ alert(&amp;amp;quot;到点了&原创 2018-12-18 09:13:31 · 69 阅读 · 0 评论 -
前端面试题
用户输入网址请求相应的流程(最有技术含量的一道面试题)1 用户打开浏览器2 地址栏输入我们需要访问的网站网址3 浏览器通过DNS服务器获取即将访问的网站的IP地址4浏览器发起一个对这个IP的请求...原创 2018-12-23 21:57:12 · 121 阅读 · 0 评论 -
gulp
gulp的使用方法1 全局安装gulp(首先要进入当前所在的目录下下载)npm install gulp -g2 然后局部安装gulp(在当前所在的目录下下载)npm install gulp --save-dev3 注册任务gulp.task('任务名',function(){ //配置任务的操作})在该路径下的终端中可以执行gulp 任务名4...原创 2019-01-02 10:46:15 · 78 阅读 · 0 评论 -
watch,computed,methods之间的对比
1 computed:computed属性的结果会被缓存起来。除非依赖的响应式属性变化才会重新计算,主要当做属性来使用2 methods:方法表示一个具体的操作,主要书写业务逻辑3 watch:一个对象。键是需要观察表达式,值是对应回调函数,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作,可以看做是computed和methods的结合体...原创 2019-01-12 18:13:34 · 117 阅读 · 0 评论 -
Webpack
1 Gulp :是基于task任务的2 Webpack: 是基于整个项目进行构建的,借助于webpack这个前端自动化构建工具,可以完美实现资源的合并打包,压缩,混淆等3 webpack安装的两种方式1 运行npm i webpack -g 全局安装webpack,这样就能在全局使用webpack的命令2 在项目跟目录中运行 npm i webpack --save-de...原创 2019-01-12 19:59:20 · 101 阅读 · 0 评论 -
JS基础知识(上)
值类型var a = 100var b = aa = 200console.log(a) //100引用类型var a = { age:20}var b = ab.age = 21console.log(a.age) //21typeof 运行符typeof undefied //undefiedtypeof 'abc' //Stringtypeo...原创 2019-01-23 21:51:23 · 105 阅读 · 0 评论 -
JS基础知识(中)
执行上下文console.log (a) //undefinedvar a = 100fn(‘张三’)function fn (name) { age = 20 console.log(name,age) //'zhangsan' 20 var age}执行上下文1 范围:一段script或者一个函数2 全局:变量定义,函数声明...原创 2019-01-24 11:05:42 · 115 阅读 · 0 评论 -
MintUI组件
安装npm install min-ui -S引入组件//引入全部组件import Vue from "vue"import Mint from "mint-ui"Vue.use(Mint)//按需引入部分组件import {Cell,Checklist} from "minu-ui";Vue.component(Cell,name,Cell);...原创 2019-01-14 12:45:13 · 329 阅读 · 0 评论 -
JS基础知识(下)
什么是异步console.log(100)setTimeout(function () { console.log(200)},1000)console.log(300)//先打印100再打印300最后打印200对比同步console,log(1000)alert(2000) //1秒之后点击确认console.log(3000)何时需要异步1 在可能发...原创 2019-01-24 19:19:18 · 108 阅读 · 0 评论 -
JS-web-API
JS基础知识:ECMA 262标准JS-Web-API:W3C标准JS内置的全局函数和对象有哪些?1 Object Array Boolean String Math JSON2 window document常说的JS(浏览器执行的JS)包括两部分:1 JS基础知识(ECMA262标准)2 JS-Web-API (W3C标准)DOM的本质Document...原创 2019-01-24 22:04:04 · 163 阅读 · 0 评论 -
JS-Web-API(下)
编写一个通用的事件监听函数function bindEvent(elem,type,selector,fn) { if (fn == null) { fn = selector seletor = null } elem.addEventListener(type,function(e) { var target if ( selec...原创 2019-01-24 23:04:40 · 169 阅读 · 0 评论 -
开发环境
1 面试官想通过开发环境了解面试者的经验2 开发环境,最能体现工作产出的效率3 会以聊天的形式为主,而不是具体的问题IDEwebstormsublimevscodeatom从输入URL到得到HTML的详细过程Window.onload 和DOMContentLoaded的区别?加载资源的形式1 输入URL(或跳转页面)加载HTML2 http://coding.m.imo...原创 2019-01-25 17:35:13 · 113 阅读 · 0 评论 -
重点知识积累
简历1 简洁明了,重点突出项目经历和解决方案(什么样的技术,技术栈)2 把个人博客放在简历中,并且定期维护更新博客3 把个人的开源项目放在简历中,并维护开源项目4 简历千万不要造假,要保持能力和经历上的真实性如何看待加班?1 加班就像借钱,救急不救穷2 千万不要挑战面试官,不要反铐面试官3 学会给面试官惊喜,但是不要太多4 遇到不会回答的问题,说出你知道的也可以5谈谈你的缺点...原创 2019-01-25 17:51:22 · 127 阅读 · 0 评论 -
软件测试
什么是软件测试?就是对软件做质检工作什么是B/S架构(网页)浏览器和服务器架构,包含客户端浏览器,用户只需要一个浏览器就可以访问服务,系统更新的时候,只需要更新服务端,不需要更新浏览器(百度,淘宝)什么是C/S架构(应用程序)客户机端和服务端,更新的时候既要更新服务端又要更新客户端(微信,QQ)软件测试的基本流程开发流程:了解用户需求--》进行需求分析--》得知功能组成及设计软...原创 2019-01-30 16:18:45 · 173 阅读 · 1 评论