- 博客(41)
- 收藏
- 关注
RSS订阅原创 html css 面试总结@酷酷的小航航
移动端1px问题，为什么会有？如何解决？在移动端，屏幕分辨率的不同，一px渲染成二个像素点或者三个像素点。1px 可能被渲染为2px或者3px。1.解决方法可以用媒体查询 transform：scale 来适配不同的分辨率2.使用border-image来代替border3.使用viewport+rem 通过js判断当前是几倍屏 来动态设置meta标签的内容typeof和instance...
2019-12-16 11:18:24
153
原创 原生常见面试题3@酷酷的小航航
一个简单的函数柯里化的例子：const add = (a, b) => b => a + b缓存参数（固定参数）假如有一个函数，在调用可能type要传很多次，使用函数柯里化之后后续的重复调用将不再走预处理流程。提前返回，部分求值js单线程和多线程根本区别：进程是操作系统资源分配的基本单位，而线程是任务调度和执行的基本单位。在操作系统中能同时运行多个进程（程序）；而在同一个...
2019-12-01 19:51:57
131
原创 原生常见面试题2@酷酷的小航航
线程和进程之间的区别1.进程是拥有资源的最小单位；线程是调度的最小单位。2.进程拥有自己独立的地址空间，每启动一个进程，系统会为其配地址空间，建立数据来维护代码段、堆栈段、数据段；线程没有独立的空间地址，它使用相同的地址空间共享数据。3.CPU切换一个线程比一个进程花费小。4.创建一个线程比一个进程开销小。5.线程占用的资源比进程少很多。6.线程之间通信更方便，同一进程下，线程共享全局...
2019-12-01 19:22:09
167
原创 原生常见面试题@酷酷的小航航
数组去重使用ES6的Set去重Set是ES6新增的数据类型，Set 的成员具有唯一性function distinct(arr) { return Array.from(new Set(arr));} 使用ES6的Set去重(超级简化版)[...new Set(arr)] // [...new Set(需要去重的数组)]使用splice配合两重for循环去重f...
2019-12-01 19:15:53
113
原创 css面试题基础@酷酷的小航航
Position属性四个取值用法和区别static:静态定位，是position属性的默认值，表示无论怎么设置top、bottom、right、left属性元素的位置（与外部位置）都不会发生改变。relative：相对定位，表示用top、bottom、right、left属性可以设置元素相对与其相对于初始位置的相对位置。absolute：绝对定位，表示用top、bottom、right、le...
2019-11-28 09:01:43
106
原创 函数防抖和函数节流和事件委托@酷酷的小航航
函数防抖和函数节流所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会清除前一次重新开启计算函数执行时间相比于防抖,节流就是在让函数在特定的时间内只执行一次什么是事件委托？为什么要用事件委托？利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！每个函数都是一个对象，是对象就会占用内存，对象越多，内存占用率就越大，性能就差了.如果用事件委...
2019-11-20 12:34:41
133
原创 三次握手和四次挥手@Ku_xiao航
三次握手和四次挥手为各大公司常见的考点之一：简单的说：第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到报文之后，会应答一个报文给客户端，第三次握手就是客户端收到报文后再给服务器发送一个报文，三次握手就成功了。首先借鉴狼人谷的图片：狼人古.png1.三次握手：三次握手是指建立一个TCP链接，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的...
2019-11-19 14:18:01
31
原创 Vue面试题六@酷酷的小航航
在地址栏输入网址敲回车发生了什么？一.浏览器解析url中的域名二.DNS解析：找到域名对应的IP地址三.客户端与服务器建立TCP连接通过三次握手，建立了客户端和服务器之间的连接三次握手第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到报文之后，会应答一个报文给客户端，第三次握手就是客户端收到报文后再给服务器发送一个报文，三次握手就成功了。四次挥手第一次挥手：客...
2019-11-19 11:09:28
108
转载 玩转Git@酷酷的小航航
首先进入一个文件夹之后，使用这个命令是先初始化一个git仓库 git init 它会默认创建一个名为master的分支 下面这个用于查看是否有修改的文件，如果有就会报红 git status 下面这个用于查看文件修改的细节 git diff test.txt 下面这个是提交到暂存区 git add test.txt 下面这个是提交修改，记住每操作一次都要进行add...
2019-11-18 20:41:06
103
原创 时间转换 @酷酷的小航航
日期字符串&时间字符串转换成date对象var new_date_str = '2017-07-07'.replace(/-/g, '/')var newdate = new Date(new_date_str)console.log(newdate)//可以输出对应的日期对象，注意传入字符串也可以是'2017-7-7'var new_time_str = '2017-07-07...
2019-11-18 20:32:02
106
原创 Vue 时间搓转换@酷酷的小航航
转换时间搓补0dateFormat(row,column){ var t=new Date(row.update_time); //row 表示一行数据, updateTime 表示要格式化的字段名称 var year=t.getFullYear(), month=t.getMonth()+1, day=t.getDate(), hour=t...
2019-11-18 20:27:35
132
原创 Vue分页组件化@酷酷的小航航
组件代码<template> <div :class="{'hidden':hidden}" > <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layo...
2019-11-18 20:18:24
201
原创 Vue 定时器 @酷酷的小航航
1、vue使用定时器在vue中使用定时器，很多情况下，进入和退出vue界面，都没有清除定时器，从而导致有很多定时器一起工作，这样肯定是不行的，接下来就使用当用户进入界面时启用定时器，当用户离开当前界面时就清除定时器。2、代码实现<template></template><script> export default { ...
2019-11-18 20:02:04
172
原创 Vue 面试题五 @酷酷的小航航
详述虚拟DOM中的diff算法虚拟DOM对比时，会用到diff算法当数据发生变化的时候就会被比对 要么改变了state 要么改变了propssetState方法同层比对，如果一致，那么继续比对第二层，如果比对一样，继续往下比对。如果比对不一样，就不会网下比对了，不一样的用新的覆盖掉DOM节点，会造成重复节点的浪费，遍历key问题假如数组中有五条数据，渲染到页面，然后生成五个虚拟DO...
2019-11-18 12:05:26
121
原创 Vue面试题四 @酷酷的小航航
vue-router实现原理前端路由分为俩种，一种是hash模式，一种是history模式hash是异步数据请求交互允许在不刷新浏览器的情况下进行。而异步交互体验的更高级版本教师spa-单页应用，单页应用不仅仅实在页面交互是无刷新的，连页面跳转都是无刷新的history模式多了俩个APi pushstate 和replacestate通过这俩个APi可以改变url地址不会发送请求单页路...
2019-11-18 11:23:06
107
原创 Vue面试题三@酷酷的小航航
MVC MVP MVVM区别MVC模式得理解MVC一般分为 Model（模型）、Controller（控制器）、View（试图）。View 一般通过Controller和Model进行联系。View和Model不进行联系。基本联系都是单向View→Controller→Model→View1.View传送指令到Controller2.Controller完成业务逻辑后，要求Model...
2019-11-18 11:00:36
147
原创 vue3.0版本 config.js基础配置@酷酷的小航航
在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的)module.exports = { baseUrl:'/',//根路径 outputDir:'dist',//打包的时候生成的一个文件名 assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面 lintOnSave:f...
2019-11-17 19:19:44
182
原创 vue 使用echarts 应用@酷酷小航航
安装Echartscnpm install echarts -S在main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts 创建图表template<template> <div id="myChart" :style="{width: '1000px', hei...
2019-11-17 19:02:23
109
原创 vue3.0反向代理@酷酷的小航航
在项目的根目录下新建 vue.config.js 文件，自Vue CLI 3开始，项目中所有的配置信息都写在这个文件中（2在config目录中配置）。module.exports = { devServer: { // 设置代理 proxy: { "/api": { target: "http://127.0.0.1:8081/", // 你要访问...
2019-11-10 10:29:10
369
原创 vue-cli2.0 vue-cli-3.0 打包上线解决404 @酷酷的小航航
vue-cli2.0中第一种默认hash### 在config.js中写/前加.module.exports={ publicPath:"./"}第二种### 在config.js中写去掉干module.exports={ publicPath:"/"}### 在router里的jindex.js写入mode:'history',base: "与你打包上线的...
2019-11-06 19:18:56
177
原创 如何提高一个人的自驱力@酷酷的小航航
自驱力可以让我们更好的学习，能够更加饱满的态度，充足的精力去投入到工作和学习中，不仅可以提升工作学习的效率，还可以促进职场的更好的发展。1.良好的工作和学习的环境。可以提升一个人的自驱力，首先就要营造出好的外部环境，只有好的工作学习环境，工作学习的氛围，可以提升对工作 学习的热情态度。2.工作前景的展现。有了舒适的工作环境，让自己能体会到，这个学习和工作带给自己的好处。有哪些的提升，这样才会激...
2019-11-05 20:58:53
1830
原创 详解keep-alive@酷酷的小航航
keep-alive<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。<keep-alive> 与 <transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件...
2019-11-05 19:36:54
110
原创 三次握手和四次挥手@酷酷的小航航
三次握手和四次挥手为各大公司常见的考点之一：简单的说：第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到报文之后，会应答一个报文给客户端，第三次握手就是客户端收到报文后再给服务器发送一个报文，三次握手就成功了。首先借鉴狼人谷的图片：1.三次握手：三次握手是指建立一个TCP链接，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正...
2019-11-05 15:57:54
123
原创 某Web前端笔试题@酷酷的小航航
1.怎样理解单向数据流1.父子之间单向向下绑定：父级prop的更新会向下流动到子组件中，子传父不行。这样防止子组件意外改变父组件的转态，从而导致你应用的数据流向难以理解，2.每次父级组件发生更新时，子组件中所有的prop都将会刷新为最新的值。这以为这你不应该在一个子组件内改变prop。3.单向数据流：父级 prop 的更新会向下流动到子组件中，每次父级组件发生更新时，子组件中所有的 prop...
2019-11-05 15:28:11
218
原创 Vue 中生命周期详解@酷酷的小航航
Vue实例生命周期示例：<script type="text/javascript"> var app = new Vue({ el: '#app', data: { message : "xuxiao is boy" }, beforeCreate: function () { ...
2019-11-05 15:18:10
125
原创 css3的动画卡顿闪屏@酷酷的小航航
css3的动画卡顿比较厉害 于是找各种方法 并一一去试 学会简单的处理方法和部分渲染原理是否启用硬件加速GPU (Graphics Processing Unit)?“用到了CSS3动画”和“开启了硬件加速”是两件事情，虽然前者有可能导致后者。开启硬件加速在webkit中有神奇的万金油：opacity: 1;或者-webkit-backface-visibility: hidden;。尽量...
2019-11-05 11:05:06
1098
转载 css实现div垂直水平居中@酷酷的小航航
一、表格布局法table-cell轻松设置文本图片水平垂直居中让一个元素垂直居中的思路：把这个元素的容器设置为table-cell，也就是具有表格单元格的特性，再使用vertical-align这个属性对block元素不起作用，但对table-cell元素是有效的)设置元素垂直居中，即可达到我们想要的效果。好处是不需要事先知道子元素的高度。IE7及以下版本不支持此方法，IE8及以上版本及大...
2019-11-04 15:30:13
78
转载 cookie，sessionStorage 和 localStorage 的区别@酷酷的小航航
sessionStorage，localStorage,Cookie这三者都是用来在浏览器端存储数据，而且都是字符串的键值对，区别是前俩者属于webStorage，创建它们的目的便是存储客户端数据的，而Cookie早在公司浏览器中就开始支持，最初目的是为了保持HTTP的状态CookieCookie是存储在客户端的小型文本文件，可以包含若干键值对，每个键值对可以设置过期时间（默认过期时间为关闭浏...
2019-11-04 15:22:39
92
原创 vue-cli vue-awesome-swiper轮播 @酷酷的小航航
首先下载vue-awesome-swiper cnpm install vue-awesome-swiper --save在main.js中引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)html中//绑定...
2019-11-01 17:18:07
473
原创 原生js春节倒计时@酷酷航
<script type="text/javascript"> var time_now_server,time_now_client,time_end,time_server_client,timerID; //结束时间time_end=new Date("2020/01/25 12:00:00");time_end=time_end.getTime();//...
2019-11-01 17:06:05
158
原创 原生js抢购倒计时
function fresh() { var endtime=new Date("2110/01/25,12:20:12"); var nowtime = new Date(); var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000); d=parseInt(leftsecond/3600/...
2019-11-01 16:56:10
173
原创 Vue面试题二@酷酷的小航航
v-show和v-if区别v-show 和 v-if区别共同点：v-if和v-show都是动态显示DOM元素。区别1.编译过程：v-if是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当被销毁和重建。v-show的元素始终会被渲染并保留在DOM中。V-show只是简单的切换元素css属性display2.编译条件:v-if是惰性的:如果在初始渲染时...
2019-10-30 20:55:36
182
原创 Vue面试题一@酷酷的小航航
简述Vuex工作流程什么是Vuex1.Vue应用程序开发的状态管理模式，管理数据的2.用于集中式存储管理应用所有组件的状态3.以相应的规则保证状态发生改变状态1.组件内部的状态：仅在组件内使用的状态（data字段），不能共享，只能在内部使用2.应用级别状态：多个组件共用状态，通常把这种状态在Vuex里面进行统一管理什么情况吓使用1.多个视图以来同一状态，abc组件使用同一套数据，...
2019-10-28 23:20:00
174
原创 Git
首先下载git window版本设置：点击鼠标右键 git bash here配置用户名和密码：git config --global user.name ‘git的用户名在’git config --global user.email ‘git绑定邮箱’注册gitHub账号，一定把电子邮箱设置为公开模式点击github登录完后点击小头像下的Settings，在点左侧列表的Emai...
2019-10-21 19:13:44
107
原创 VUE全局过滤时间
VUE全局过滤时间直接上代码Vue.filter('initTime', (value) => { var nowTime = new Date(value).getTime(); let overTime = new Date().getTime(); var leftTime = (overTime - nowTime) / 1000; var y = parseInt(lef...
2019-10-20 19:16:31
148
转载 c3 transition转载
transition过渡过渡是怎么回事假如某个css属性 P，它有一个初始值a，再设一个初始值b。指定P属性是可以过渡显示的，那么当P从a变到b时，会有一个动画的效果。注意： 伪类的过渡会还原，非伪类元素动画执行完成后，会保存动画完成时的状态transtion的几个属性：transition-property: 就是上面那个P，比如说你指定width发生变化， 就填width;tr...
2019-10-15 12:41:40
114
原创 css3动画
旋转div{ transform:rotate(30deg);}阴影box-shadow: 10px 10px 5px #888888;图片拉伸加字div{border:15px solid transparent;width:250px;padding:10px 20px;}#round{-webkit-border-image:url(border.png) 30 3...
2019-10-15 12:27:16
64
原创 原生js
想找个地缝装进去的一天数组去重var arr=[10,20,30,30,20,10,50,50,50,50,100,66] var json={}; var Arr=[]; for(var i=0;i<arr.length;i++){ var name=arr[i]; json[name]=1; console.log(i) } for(var name in js...
2019-10-14 12:39:46
260
原创 原生选显卡
选显卡逻辑：先清空所有，在给当前加上 <div id="box"> 首先创建三个点击按钮 <input type="button" value="按钮一"> <input type="button" value="按钮二"> <input type="button" value="按钮三"...
2019-10-01 16:52:58
105
原创 前端HTML总结下
11、Sass、SLESS是什么？大家为什么要使用他们他们是 CSS 预处理器。他是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。例如 Less 是一种动态样式语言. 将 CSS 赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 Node.js)。为什...
2019-10-01 16:33:41
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人