- 博客(20)
- 收藏
- 关注
RSS订阅原创 自己动手封装vue swiper组件
swiper组件<template> <div id="hy-swiper"> <div class="swiper" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"> <slot></slot> </div...
2019-10-22 16:29:30
484
1
原创 axios的封装完整版
axios封装方案一：//方案1export function request(config,success,failure) { const instance = axios.create({ baseURL: 'http://123.207.32.32:8000', timeout: 5000 }) instance(config) .then(re...
2019-10-22 11:04:11
1629
1
原创 Vue3创建项目
vue create supermall 创建项目文件目录创建：publicsrcassetscssimgcommoncomponentsnetworkrouterstoreviews引入normalize.css（重置浏览器样式与reset.css作用差不多）引入base.css (全局基础样式)创建 .editorconfig 文件 （编码风格）...
2019-10-22 10:59:25
501
原创 前端面试 BFC
BFC(边距重叠解决方案)渲染规则：属于同一个BFC的 两个相邻Box的 上下margin会发生重叠BFC的区域不会与浮动的元素重叠BFC里面是一个独立的容器外面的元素不会影响里面的元素，里面的元素同样不会影响外面的计算BFC高度的时候，浮动元素也会参与计算如何创建BFC：float值补位noneposition的值不是static、relativedisplay的值为ta...
2019-10-16 09:52:58
256
原创 JavaScript继承的三种方 面试面向对象
面向对象类的声明// 类的声明 function Animal(){ this.name = name } // ES6类的声明 class Animal2{ constructor(){ this.name = name } } //实例化 console.log(new Animal('Animal'),new Anima...
2019-10-14 15:07:32
109
原创 面试详解 原型链
原型链创建对象的集中方法第一类：字面量var o1={name:'o1'}var o11=new Object({name:'o11'})第二类：构造函数var M=function(){this.name='o2'}var o2=new M()第三类：Object.create()var P={name:'o3'}var o3=Object.create(P)原型、构...
2019-10-14 12:17:00
381
原创 前端面试http协议类总结
Http协议类目录**Http协议类**Http协议的主要特点Http方法Http的报文组成POST和GET的区别Http状态码持久连接管线化非管线化：管线化Http协议的主要特点简单快速：每个资源都是一个固定的uri灵活：每一个http协议头部会有一个数据类型，通过一个http协议就可以完成不同数据类型的传输无连接：我链接一次他就会断掉不会保持连接无状态：客户端和服务...
2019-10-14 09:36:25
272
原创 JavaScript排序算法详细图解完整版
JavaScript排序算法各个算法复杂度冒泡排序单向冒泡function bubbleSort(nums) { for (let i = 0, len = nums.length; i < len - 1; i++) { let mark = true for (let j = 0; j < len - i - 1; j++) { ...
2019-10-12 15:25:11
373
1
原创 前端面试页面布局——五种三栏布局的实现即其优缺点
页面布局目录页面布局题目：假设已知高度，请写出三栏布局，其中左栏，右栏宽度各为300px，中间自适应浮动布局绝对定位布局flex布局表格布局网格布局题目：假设已知高度，请写出三栏布局，其中左栏，右栏宽度各为300px，中间自适应浮动布局html<!-- 浮动解决方案 --> <section class="layout float"> <arti...
2019-10-11 21:03:16
397
原创 JavaScript统计字符串里出现出现频率最多的字符
JavaScript统计字符串里出现出现频率最多的字符function repeatAl(str) { //利用对象属性统计每个字符出现的次数 var obj = {} for (var i = 0; i < str.length; i++) { var t = str[i] obj[t] ? obj[t]++ : obj[t] = 1 }...
2019-10-11 09:30:24
230
原创 JavaScript数组去重算法
JavaScript数组去重算法使用sort(Top3)function repeatArr(arr) { arr.sort() let result = [arr[0]] for (let i = 1, len = arr.length; i < len; i++) { arr[i] !== arr[i - 1] && result....
2019-10-11 09:24:56
178
原创 Vue+webpack+axios项目实战
Vue项目开发目录Vue项目开发环境：1、安装 node.js、git等2、创建仓库码云网站或者GitHub创建一个仓库SSH公钥克隆项目：3、初始化本地仓库4、本地和线上项目同步开发开始文件引入初始化完成提交项目开发开始home页面编写1、header部分开始内容2、轮播图开始内容结束（提交和合并分支）Ajax传值安装axios更改你配置项请求数据better-scroll插件的使用灵活的ti...
2019-10-09 09:43:33
884
2
原创 完整版的Vue基础学习
Vue 基础学习目录Vue 基础学习MVC、MVP、MVVMMVCMVPMVVM基础指令Vue实例中的属性组件1、组件化的特性:2、组件化的优点:Vue生命周期Vue中的样式绑定1、class的对象绑定2、class的数组绑定3、style对象绑定4、style数组绑定深入理解Vue组件组件细节1、tbody、ul、select下只能存放特定的标签2、子组件data为function3、vue ...
2019-10-09 09:21:55
358
原创 快速学习响应式开发
响应式网站目录响应式网站设计原则媒体查询CSS2：CSS31、媒体类型2、操作符3、视口宽度VS设备宽度4、媒体属性px、em、rem`em` : 相对的长度单位缺点rem ： 相对的长度单位清除浮动推荐方式：1、给父元素增加class不推荐方式：2、加div3、加overflow4、让父元素也浮动响应式图片弹性网格、布局弹性图片、媒体查询等多项技术的综合设计原则渐进增强（progre...
2019-10-09 09:07:00
193
原创 快速学习ES6
ES6学习let和constletES6 可以使用 let 关键字来实现块级作用域。let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。constconst 声明一个只读的常量，一旦声明，常量的值就不能改变。当然这个变量声明时就必须赋值，如果他的值是一个对象，对象可以改变。解构赋值数组解构赋值{ let a,b,rest [a...
2019-10-08 21:17:29
303
原创 深入理解JavaScript高级
JavaScript进阶目录JavaScript进阶变量类型tyoeof：==：使用==||===：内置函数有：创建对象：1、字面量创建2、工厂方法创建对象3、构造函数4、使用原型简单原型原型链继承原型继承：借用构造函数组合继承：借用构造函数+原型继承函数函数的定义方式函数声明与函数表达式new Functionthis普通函数调用方法调用构造函数调用作为事件处理函数调用作为定时器的参数函数中的...
2019-10-08 21:02:44
261
原创 CSS面试题布局权重工程化
CSS基础面试题题目CSS基础面试题Css权重：文字折行CSS hack1、css样式选择器的优先级2、雪碧图的作用3、自定义的字体的使用场景4、base64的作用5、伪元素和伪类的区别6、如何美化checkboxCss权重：计算一个不进位的数字！important +infinity行间样式（style） ...
2019-10-08 20:32:36
317
原创 html面试题语义化
HTML面试题目HTML面试1、doctype的意义是什么2、HTML、XHTML、HTML5的关系3、HTML5有什么变化4、em和i有什么区别5、语义化的意义是什么6、哪些元素可以自闭和8、property和attribute的区别9、form的作用1、doctype的意义是什么这是有历史背景的，很久以前ie有一些自己的渲染模式。最典型的就是盒子模型，我么都知道一个元素他如果是width...
2019-10-08 20:27:47
333
原创 Git基础命令大全
Git基础命令目录Git基础命令同步到本地仓库提交到远程仓库命令：合并主分支命令首次提交项目1、git add . 全部添加到缓冲区2、gitcommit -m '描述' 提交到本地git库3、git push 提交到远程GitHub仓库4、git checkout master 切换到master分支5、git checkout . 去除这次更改6、git merge origin...
2019-10-08 20:20:33
137
原创 Hexo+GitPage实现个人博客
Hexo+GitPage实现个人博客目录Hexo+GitPage实现个人博客环境开始新建仓库：生成密钥在github上添加SSH key创建本地项目：常用命令初始化修改主题项目上传到github完成## 标题环境检验是否安装成功：命令：node -v显示：v10.16.0（版本可能跟我不一样）命令：npm -v显示：6.9.0左面单击鼠标右键显示：git bash her...
2019-10-08 20:11:11
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人