- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 常见的题目（前端面试）
一个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关注的人