- 博客(36)
- 资源 (1)
- 收藏
- 关注
原创 常见的题目(前端面试)
一个200*200的div在不同分辨率屏幕上下左右居中,用css实现width:200pxheight:200pxposition:absolute;left:50%top;50%margin-left:-100pxheigh:-100pxz-index:1000如何用原生js给一个按钮绑定两个onclick事件?var btn=document.getElementByld(‘btn’)btn.addEventListenter('click',h1);btn.addEventL
2020-06-01 16:19:40
335
原创 vue简单总结复习回顾
vue全家桶vue-cil + vuex(状态管理) + vue-router(路由) + vue_resource(已停止更新,用axios代替) || axios(ajax请求) + mint-UI(移动端UI框架库) || element-ui(饿了么公司PC端UI框架库)vue的生命周期开始创建 - 初始化数据 - 编译模板 - 挂载Dom - 渲染 - 更新 - 渲染 - 销毁。vue的生命周期钩子函数beforeCreate:在开始创建一个vue实例后,只有一些默认生命周期钩
2020-05-27 23:42:00
384
原创 vue-router的三种钩子函数及用处( 用户登录状态验证)
vue-router的三种钩子函数及用处一、全局钩子函数 beforeEach 和 afterEachbeforeEach 和 afterEach 是vue-router实例对象的属性注意:每次路由跳转,都会执行beforeEach和afterEachrouter.beforeEach有三个参数:to/from/nextrouter.beforeEach(function (to,from,next) { console.log(to);//到达的路由 console.log(next)
2020-05-27 15:13:17
2652
原创 js闭包及解决办法:(内存泄漏-异步执行函数)
一:js闭包及解决办法闭包在JavaScript高级程序设计(第3版)中是这样描述:闭包是指有权访问另一个函数作用域中的变量的函数。闭包的作用:1.访问其他函数内部变量2.保护变量不被内存回收机制回收3.避免全局变量被污染 方便调用上下文的局部变量 加强封装性缺点:闭包会保存函数中的变量在内存中,导致内存消耗大,可能会造成内存泄漏什么是内存泄漏首先,需要了解浏览器自身的内存回收机制。每个浏览器会有自己的一套回收机制,当分配出去的内存不使用的时候便会回收;内存泄露的根本原因就是你的代码中分
2020-05-25 18:54:49
1911
原创 js实现九宫格布局效果
效果代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #container{ width: 1200px; margin:0 auto;
2020-05-25 18:37:44
1465
原创 改变this指向的call-apply-bind的浅显区分
一、this的四种指向二、改变this指向的方法 call() 、apply()、bind()在JS中,this一般指向的是当前被调用者,但也可以通过其它方式来改变this指向。显式绑定this:call()与 apply()第一个参数都是this要指向的对象(函数执行时,this将指向这个对象),后续参数用来传实参。 function foo() { console...
2020-05-24 15:10:02
208
原创 假数据---mock数据的方法
mock 数据的好处不用等,可以同时开发,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只在最后的联调阶段往来密切;可以模拟那些无法访问的资源。比如说,你需要调用一个“墙”外的资源来方便自己调试,就可以自己Mock一个。可以用来演示,假如我们需要创建一个演示程序,并且做了简单的UI,那么在完全没有开发后端服务的情况下,也可以进行演示。方式一:安装Node.js ,通过...
2020-05-24 15:08:59
1486
原创 css常用的布局效果
一、css去掉 li 的点:list-style: none;绝对布局,定住导航栏:position: fixed; //生成绝对定位的元素,相对于浏览器窗口进行定位。top: 0;z-index: 999;设置宽度包含 padding border content :box-sizing: content-box; //width = widthbox-sizing: bor...
2020-05-24 15:07:56
187
原创 vue的scoped与moudule简单区别
Vue:scoped 与css module一个web应用是离不开html、css与js,其中css充斥的整个web项目中。css它有一个特定,它是全局的。这样的特性导致的结果是,一旦你在不同的地方定义了相同的css命名,那么它们的样式就会相互覆盖,最终导致的style错乱,从而影响整个网页布局。在Vue中我们可以通过Scoped与Module来解决。Scopedscoped作用的阻止上层...
2020-05-24 15:06:08
365
原创 前端的乱七八糟知识点(1)
一、怎么解决pc显示,移动端隐藏问题?方法一:后台请求header的‘’User-Agent‘’来判断移动端还是pc端。页面根据这个值来判断是否显示。function ifpc() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "Sy...
2020-05-24 14:27:19
339
原创 vue的一些浅显知识点
一、vue-resourcehttps://github.com/pagekit/vue-resource/blob/develop/docs/http.md异步通信,发起数据请求vue-resource插件具有以下特点:体积小vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。支持主流的浏览器...
2020-05-24 14:25:32
166
原创 webpack学习笔记
Why Webpack发展历史:众所周知,html文件使用javaScript之能通过script标签引入:<script src="./index.js"></script><script> console.log('Hello World');</script>如果只是这样用,会出现:没办法大量引入的问题,什么算大量呢?也...
2020-05-24 14:23:49
291
原创 css像素px,物理像素(pt),设备像素比(dpr),1px边框问题,viewport自适应
关于 css像素px,物理像素(pt),设备像素比(dpr),1px边框问题,viewport自适应等问题。目录**关于 css像素px,物理像素(pt),设备像素比(dpr),1px边框问题,viewport自适应等问题。**@[TOC](目录)css像素物理像素(pt)CSS像素(px)和物理像素(pt)CSS 像素(CSS Pixel):设备像素(Device Pixels):设备像素比...
2020-03-12 16:08:20
995
1
原创 vue-awesome-swiper实现组件化swiper
vue-awesome-swiper在vue项目中可以使用vue-awesome-swiper来创建swiper组件。github地址案例:vue轮播图插件安装vue-awesome-swiper插件,npm i vue-awesome-swiper ,安装完后package.json中有了vue-awesome-swiper"dependencies": { "vue": ...
2020-03-09 19:30:43
701
原创 hexo + github搭建个人博客
hexo安装初始化hexo initnpm installhexo shexo ghexo dhexo g # 生成hexo s # 启动服务执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器...
2020-03-03 20:46:03
260
原创 es6学习笔记
一、定义(声明)变量**let const var **块级作用域。let变量,const 常量(不能修改)。es6之前:var变量var a=12;function fn(){alert(a);//12}-----------var a=12;function fn(){alert(a);//undefinedvar a=3;}二、解构赋值常用于数据交互,a...
2020-02-27 19:59:20
254
原创 前端面试题大总结
ES6面试题ES6新增方法面试题1.let const var比较2.反引号(`)标识3.函数默认参数4.箭头函数5.属性简写6.方法简写7.Object.keys()方法,获取对象的所有属性名或方法名8.Object.assign ()原对象的属性和方法都合并到了目标对象9.for…of 循环10.import和export11.Promise对象12.解构赋值13....
2020-02-12 11:36:41
386
原创 Git与Github
一、gitGit 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。什么是版本控制?例如:当我们开发了一个app,版本号为1.0.0,接着修改了里面的一些功能。出现了版本1.0.1、1.0.2…,但是老板觉得不满意,要用某一个版本的,但是我们的代码是覆盖式的开发模式,不知道什么时候修改了功能,修改了什么功能,是什么人修改,这就是出现了版本控制,他可以让我们回退到任何一个版...
2020-02-12 11:35:07
145
原创 html+css3面试题(4)
一、哪些操作会引起页面回流(Reflow)回流(Reflow)与重绘(Repaint)回流:当我们对 DOM 的修改引发了 DOM 几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排)。重绘:当我们对 DOM 的修改导致了样式的变化、却并未影响其几何属性(比...
2020-02-03 15:13:02
620
原创 vue面试题
一、 mvc与mvvm的区别俩者都为开发架构,,后端用的比较多的是mvc,前端则是mvvm,移动端俩者都有。MVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。适合大型项目。MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。适合小型项目。二、vue的事件修饰符.stop 阻止冒泡,由内到外.pr...
2020-02-03 13:38:56
987
原创 小程序面试题-(2)
一、你是怎么封装微信小程序的数据请求的?1、将所有的接口放在统一的js文件中并导出;2、在app.js中创建封装请求数据的方法;3、在子页面中调用封装的方法请求数据。二、有哪些参数传值的方法?1、给HTML元素添加data-*属性来传递我们需要的值,然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象;...
2020-01-27 12:01:41
475
原创 html/css面试题(3)
一、一次完整的HTTP事务是怎么一个过程域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求,浏览器得到html代码 --> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) --> 浏览器对页面进行渲染呈现给用户二、HTTPS是如何实现加密HTTP 协议(HyperTex...
2020-01-19 19:26:08
747
原创 html/css面试题-(2)
一:页面导入时,使用link和@import有什么区别来源:link属于XHTML标签,import是CSS提供的方式。link方式除了CSS,还可以定义RSS,定义rel连接属性等,而import只能加载CSS。顺序:link是页面加载时同时执行的,而import是在页面加载完之后,才会执行的(所以容易导致样式闪烁,即开始页面没有样式,突然会闪烁一下,然后就有了样式,就我个人比较喜欢...
2020-01-14 22:07:24
296
原创 微信小程序开发中的一些问题-多次点击多次跳转-手机晃动触发 摇一摇 事件-版本自动更新-tabbar与navigateTo跳转冲突
一、防止多次点击多次跳转(函数节流)防止多次点击多次跳转可以用函数节流的方法。function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null // 返回新的函数 return function...
2020-01-06 16:33:17
993
原创 小程序面试题---(1)
1 请谈谈微信小程序主要目录和文件的作用?project.config.json 项目配置文件,做一些个性化配置,例如界面颜色、编译配置等等app.json 全局配置,包括所有包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等pages 里面包含一个个具体的页面app.js 小程序的逻辑sitemap 配置小程序及其页面是否允许被微信索引页面4个:js 页面逻辑...
2019-12-23 12:35:34
1671
原创 前端知识----html与css篇(1)
总结一些css的基础知识。一.盒模型css盒模型:本质上是一个盒子,封装周围的html元素,包括:边距 margin , 边框 border ,填充 padding ,和内容 content 。可以分为 w3c盒模型 (标准盒模型) 与 IE盒模型(怪异盒模型)box-sizing:content-box (w3c盒模型,标准盒模型):元素宽高为 内容宽高content。box-si...
2019-12-22 20:27:25
437
原创 前端面试知识点----基础javascript篇(3)
1.cookie , sessionStrage 和 localStragecookie : 用来保存登录信息,大小限制为 4kb 左右。localStrage : html5 新增 ,用于本地数据存储, 数据不会过期,持久化,一般浏览器大小限制在 5 MB。seesionStrage : 与 localStrage 类似,保存的数据只在当前会话保存,关闭就会清空。2. 0...
2019-12-15 21:37:36
166
原创 前端面试知识点----基础javascript篇(2)
1.js的数据类型js基本有5种简单的数据类型:String,Number,Boolean,Null,Undefined。引用数据类型:Object,Array,Function。2.判断数据类型的方法typeof优点:能够快速区分基本数据类型缺点:不能区分Object , Array , Null,都返回objectconsole.log(typeof true); ...
2019-12-14 13:19:50
153
原创 前端面试题知识点----基础javascript篇(1)
基础不牢固,面试一脸懵,鸡哥,救我!!!!------------------------------------------------------------------------------------------------------1.get请求传参长度的误区误区:get请求参数的大小存在限制,而post请求的参数大小是五限制的。1.1 、http 协议 未规定GET和PO...
2019-12-13 14:49:21
187
原创 html的语义化
1.什么是HTML语义化?下面摘自维基百科:HTML的语义化就是从代码层次表达程序员的想法、思路,同时描绘出网站页面的结构:1.1与同为人类的程序员沟通,帮助程序员快速掌握当前代码。这一点可以通过注释来实现的,不过用上语义化HTML可以省点注释。1.2与同为代码构筑的系统(例如残疾人士阅读器以及搜索引擎爬虫等)沟通,帮助其快速、准确达到目的。由于这类系统与人类的智能相比起来实在有限,因此...
2019-12-11 21:40:23
1243
原创 找麻烦之:一次授权点拒绝,二次授权重新打开授权界面与用户信息授权
前言本博客记录了笔者在学习微信小程序时用到的俩种授权,分享记录一下,有需要的可以看看,如有错误多多包涵~授权文档介绍一 获取用户信息授权(昵称,头像,地区,性别)在用微信小程序时我们经常会需要得到用户的信息可以写个按钮。绑定点击方法,点击就出现上面的授权界面 <button type="primary" open-type="getUserInfo" bind:get...
2019-11-21 18:15:21
1715
原创 小程序云开发中的一些注意点与Error: errCode: -404011 cloud function execution error | errMsg: clou----错误
小程序云开发1兼容性问题,必须在2,。2.3以上2或在app.json/game.json中增加“cloud”:true初始化:app.js中wx.cloud.init({env,traceUser:truewx.cloud.init({traceUser:true})云函数const cloud = require(‘wx-server-sdk’)cloud.init()...
2019-11-18 22:12:25
1744
原创 js实现天猫淘宝购物放大镜效果
前言分享一个笔者写过的js实现天猫淘宝购物放大镜效果的例子正文代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding:...
2019-11-02 21:55:01
667
原创 微信小程序自定义组件
前言1.微信小程序内置的组件(view,from ,button等)不能满足我们的需要时,就可以自己定义2.微信小程序自定义组件这个功能是从小程序基础库版本 1.6.3 开始支持的,低版本需做兼容处理。3.微信小程序中的组件到底是什么?按照笔者的理解来说就是开发者自己封装一个模块,然后可以在其他页面和其他组件中去引用。(例如:开发者自己做一个导航栏组件,在不同页面用到时就可以直接导入组件,不...
2019-11-02 21:46:40
837
原创 js实现天猫导航效果与时钟效果
js实现天猫导航效果与时钟效果分享俩个js小例子。一,天猫导航栏效果:鼠标移动时,红色的猫会跟着移动,点击后会停留在点击区域。直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style t...
2019-10-27 12:42:59
535
原创 # ## 00Vue组件间的通讯方法(小白笔记)
# ## 00Vue组件间的通讯方法(小白笔记)本博客是本人学习过程中的一些笔记,分享给大家看个乐呵。本人也是小白学生一个,如有不对之处欢迎指正。组件通信有五种方法。(博主暂时认知,欢迎指正)一:props二:vue自定义事件三:PubSub(消息订阅与发布)四:slot五:vuex** ---------------------------正文-----------------...
2019-10-14 22:43:40
199
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人