- 博客(35)
- 收藏
- 关注
RSS订阅原创 Vue全家桶(vue2和vue3)
Vue全家桶(vue2和vue3)1. vue的router使用1.1vue2下的router使用//首先引入库import VueRouter from 'vue-router';//将各个路由页面组装到数组routes里面const routes = [];//创建一个路由实例对象const router = new VueRouter({ routes})//导出这个路由export default router然后在main.js 导入import router fr
2020-10-23 12:28:36
509
原创 Vue组件化（vue2与vue3）
Vue组件化（vue2与vue3）1. 在vue2中组件的通信方式1.1 组件常用的通信方式props、eventbus、vuex、自定义事件边界情况 $ parent 、$ children 、$ root 、$ refs、provide/inject非prop特性$ attrs 、$ listenersA、在父对子传值用props，子对父传值可以用自定义事件emit出去B、在任意两个组件之间传值一般我们会想到vuex的方式，这个具体怎么用请看文档（vue2），或等下回分解（要和vue3
2020-10-20 00:55:39
515
原创 vue路由权限管理（vue2和vue3）
vue路由权限管理（vue2和vue3）1. Vue 路由权限控制一般有2种方法a、路由元信息(meta)b、动态加载菜单和路由(addRoutes)2 路由元信息（meta）来进行路由权限控制2.1 在vue2种的实现如果一个网站有不同的角色，比如 管理员 和 普通用户 ，要求不同的角色能访问的页面是不一样的这个时候我们就可以 把所有的页面都放在路由表里 ，只要 在访问的时候判断一下角色权限 。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面vue-router 在构建路由
2020-10-19 17:47:12
1814
1
原创 CSS3中的calc、constant、env函数，IOS适配以及小程序字体加粗
CSS3中的calc、constant、env函数，IOS适配以及小程序字体加粗1. css3中的calc()函数最近做项目，看到别人的css中出现的，发现此函数是用于动态计算长度值。1.1 calc()使用注意点需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；任何长度值都可以使用calc()函数进行计算；calc()函数支持 “+”, “-”, “*”, “/” 运算；calc()函数使用标准的数学运算优先级规则；在less预编译语言中
2020-09-25 17:14:36
4865
1
原创 小程序云开发实践
1.微信小程序云开发使用背景在之前我未实际接触，小程序云开发时，就凭我一点点印象，一直以为他是一个相当于mock数据的一个功能。方便前端工程人员，快速的根据文档建立mock的API(CGI)然后进行开发。以提高开发效率，实际了解之后，他们之间既有相似之处，但更多的是不同的地方。1.1 数据存储的扩展由于小程序本身存储数据的能力有限，所以不可能将大量的数据保存在客户端，而且将数据保存在本地既不...
2020-05-30 17:35:25
914
原创 vue-cli3中引入ant-vue时的less报错
vue-cli3中引入ant-vue时的less报错具体报错如下图：在vue-cli3引入报错其实就是less的版本问题；在less@2.x是ok的在less@3.x是会出现这个错误，但是最近的默认安装都是默认安装less@3.x。解决方式在引入ant-vue的项目中添加一个vue.config.js文件。这个文件就是vue-cli3暴露出的配置文件，配置结果如下：module.e...
2019-05-17 17:40:42
2658
1
原创 前端JavaScript数据结构和算法——基本概念
前端JavaScript数据结构和算法——基本概念简介：本部分主要是介绍数据结构和算法的基本概念，尤其是讲解了时间复杂度，提及了空间复杂度。第一部分：1.数据结构基本概念a.数据数据是信息的载体，是描述事物属性的数，字符串，以及所有能输入到计算机中并被计算机识别和处理的符号集合b.数据元素数据元素是数据的基本单位，一个数据元素可由多个数据项构成c.数据对象是具有相同性质的数据元素...
2019-04-30 15:26:02
594
原创 JavaScript惰性载入函数
JavaScript惰性载入函数描述：所谓惰性载入，就是说函数的if分支只会执行一次，之后调用函数时，直接进入所支持的分支代码。有两种实现惰性载入的方式，第一种事函数在第一次调用时，对函数本身进行二次处理，该函数会被覆盖为符合分支条件的函数，这样对原函数的调用就不用再经过执行的分支了.适用场景：在某个场景下我们的函数中有判断语句，这个判断依据在整个项目运行期间一般不会变化，所以判断分支在整个项...
2018-11-25 21:03:31
164
原创 二叉树遍历，宽度优先 （js实现）
二叉树从左到右，按层遍历就是二叉树的宽度遍历如下的二叉树图：因为我是前端开发，所用语言是js，同时网页的dom节点正好是树形存储结构。因此我用js来实现。实现目标： 遍历二叉树所有节点 分别打印各个树的id，分别是1，2，3，4，5，6，7，8，同时打印id所属的树的层级。div树结构如下，完成上诉要求：<div data-id=1 id="domparen...
2018-11-18 22:20:32
1009
原创 js面试,事件相关问题
这一节比较简单了，也没啥说的一、事件绑定1.1 通用事件绑定el.addEventListener(event,callback)el.preventDefault( ); 阻止通过 addEventListener( ) 添加的事件的默认事件1.2 ie事件绑定el.attachEvent(el,callback)el.returnValue = false; 阻止通过 attac...
2018-11-03 16:00:59
518
原创 js面试，其他基础相关问题
一、日期相关问题1.1js中内置了一个Date对象Date.now（）//获取当前时间毫秒数，13位数let dt = new Date（）dt.getTime()//获取毫秒数dt.getFullYear()//获取年dt.getMonth()//0-11dt.getDay(); //星期0-6dt.getDate()dt.getHours()//0-23dt.getMi...
2018-11-03 13:46:04
144
原创 js面试，JS-WEB-API相关问题
首先说一下这部分我遇到过的面试题DOM属于哪一种基本的数据结构（树型数据结构）DOM操作常用的API（说到操作，其实就是数据处理，主要也就是增，删，改，查，按这几部分去说常用API即可）DOM节点的Attribute和property有什么区别？（其实可以这么说，property是对象在js中的属性，attribute是对象在html中的属性）一、（增）document.creat...
2018-11-03 12:34:43
1357
原创 js面试，异步和单线程相关问题
js面试，异步和单线程相关问题一、异步1.1在js引擎是基于单线程的，因此在js引擎中，同一时刻只能执行一个代码块。需要即将运行的代码都会被放在一个任务队列中，每当一段代码执行时，都会被放在一个任务队列当中。js中异步和同步可以这么理解：程序先按顺序执行同步代码，然后按顺序执行异步代码（一般是ajax请求，事件事件就不是按顺序了，你发起什么事件，就响应什么函数），所以同步会发生程序阻塞，而...
2018-11-01 21:43:42
265
原创 js面试，闭包等相关问题
js面试，闭包等相关问题其实这一部分我不是太想说的，不过面向基础，而且面试也是喜欢问，我就根据我的理解说说吧！在这里先说一下变量提升改一改风格，先问几个问题a.说一下this几种不同的使用场景b.创建10个&lt; a &gt;标签，点击的时候弹出对应的序号，请手写代码c.如何理解作用域d.闭包你在项目开发中有用过吗？怎么使用的？一、执行上下文范围：一段&lt; script ...
2018-10-31 22:25:49
1221
原创 js面试，变量计算等相关问题
js面试，变量计算等相关问题一、引用类型和值类型什么是值类型，可以这么理解，值类型是有2块内存分别保存变量名和内容。什么是引用类型，那就是有3块内存分别保存变量，地址，和内容。对于引用类型来说变量是指向地址而非直接指向值，多了一个中间层，所以叫引用。用图表示就是：值类型指向变量名内容引用类型变量名a地址内容变量名d代码表达就是：/*值类型，值独立存储，相互不影响*/let a...
2018-10-29 23:23:19
123
原创 理解和操作z-index
理解和操作z-indexz-index,这个css属性我感觉是很多人容易忽略的一个点。而且理解的不够好（当然也包括我自己啦），但是不理解一些其他影响元素层叠秩序的因素——层叠上下文，定位，透明度。1.z-index究竟是什么？=>盒子在堆叠上下文中的堆叠级别=>盒子是否建立了一个堆叠上下文什么是堆叠上下文，那就是我们看到的网页实际上是三维的，和设备屏幕垂直的就是元素所在的渲染...
2018-10-12 00:22:16
187
原创 定位与布局（示例导航菜单）
定位与布局（示例导航菜单）流体布局行内元素仅仅占据其中内容需要的空间块级元素则撑满整个父元素，除非指定宽度这就是当元素不指定position属性时，文档流对元素布局的默认规则...
2018-10-10 18:04:20
1208
原创 JAVASCRIPT的闭包
闭包和作用域先瞅一段代码let zipCode = (code,location)=>{ let _code = code; let _location = location ||''; return { code(){ return _code; }, location(){ return _location; } }}const print...
2018-10-05 13:19:16
114
原创 SASS的安装配置（基于webpack4.x）
SASS的安装配置在这里必要的环境我就不说了。为了使用sass，我们需要安装sass的依赖包//在项目下，运行下列命令行npm install --save-dev sass-loader//因为sass-loader依赖于node-sass，所以还要安装node-sassnpm install --save-dev node-sass当然了，使用样式的话，css-loader和s...
2018-10-04 09:32:37
3984
1
原创 WEBPACK4.X基本项目环境搭建
WEBPACK4.X基本项目环境搭建一、webpack安装1.若没安装过webpack，那么首先是全局安装npm install webpack -g npm install webpack -cli -g2.创建一个项目进行webpack的局部安装并生成一个package.jsonnpm initnpm install webpack -S npm install webpac...
2018-09-28 13:51:28
466
原创 网易前端笔试-2
网易前端笔试-2题目 ： 时间限制：1秒 空间限制：32768K 牛牛去犇犇老师家补课，出门的时候面向北方，但是现在他迷路了。虽然他手里有一张地图，但是他需要知道自己面向哪个方向，请你帮帮他。 输入描述: 每个输入包含一个测试用例。 每个测试用例的第一行包含一个正整数，表示转方向的次数N(N<=1000)。 接下来的一行包含一个长度为N的字符串，由L和R组成，L表示向左转，...
2018-07-01 09:17:10
277
原创 网易前端笔试题-1
网易前端笔试题-1写在前，只分析编程题，用JavaScript或C++解题 小Q得到一个神奇的数列: 1, 12, 123,…12345678910,1234567891011…。 并且小Q对于能否被3整除这个性质很感兴趣。 小Q现在希望你能帮他计算一下从数列的第l个到第r个(包含端点)有多少个数可以被3整除。 要求：输入 2，5 输出：3function count(n,m...
2018-06-30 23:04:43
958
原创 vue2新人入门
vue2新人入门默认对webpack，sass，npm有一定的了解。 一些vue指令不会说，反正官方文档有，我也懒得抄。 一、超级基础部分 1.全局安装: npm install –globall vue-cli（已全局安装了的不必安装） 2.创建一个基于webpack的模板项目:vue init webpack <你的项目名称> 3.希望样式表仅仅只作用于当前组件，使用...
2018-06-20 11:25:32
284
原创 VUE2子=>父通信（子组件向父组件传值）
VUE2子=>父通信1.在子组件中创建一个按钮，给按钮绑定一个点击事件<template> <div> <div>我是子组件</div> <div>{{msg}}</div> <button @click='sedMsg'>向父传值</button&a
2018-06-19 11:18:17
354
原创 图片懒加载技术
今天搞VUE，真的头皮发麻，感觉数据驱动，那个数据让人很无奈的。哎！总结下其他的东西吧！没错就是图片懒加载！对优化网页有极大的用处。图片懒加载一般后端直出的页面中，img标签中的src为一张占位图，真实的图片地址放在了一个伪属性中，一般来说是放在data-src中。当页面滚动时遍历当前页面需要进行懒加载的图片，判断图片是否是在可视的区域内，如果在的话，则取放在伪属性的真实src替换当前...
2018-06-19 08:53:48
627
原创 Sticky footer布局
Sticky footer布局这个东西还是有搞头的，属于一个css的布局技巧吧！ 这个东西的定义简单的来说就是：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。首先是HTML·结构代码==><body> <div class="content"></div> <div class="fo...
2018-06-03 23:38:59
151
原创 前端面试修仙（二）
前端面试修仙（二）写在前面，比较重要的知识点，书上出错的地方我才会明确指出，主要目的是我怕也有人和我一样倒霉买了这本书。 1.问题：利用js实现获取5个0到99之间的随机数？var arr=[];for(i=0;i&lt;100;i++){ arr.push(i);}function getNumber(arr){ var _arr =[]; var ind...
2018-05-30 08:41:50
430
原创 前端面试修仙（一）
前端面试修仙（一）写在前面，本内容以《前端面试江湖》为基础的，以我的能力做了部分修改和加深，谈谈面试题。同时提示大家千万不要，买《前端面试江湖》这书，大大小小我能看出来的多达百处，还有些技术过时，还有些题是侮辱智商，这可是2016年出版的书啊，我已入坑，难受。第一部分 JavaScript（一） 1. JavaScript是基于对象，事件驱动的脚步程序设计语言，不是面向对象的程序设计语言...
2018-05-28 14:13:05
485
原创 JavaScript复习整理（二）
JavaScript复习整理（二）JavaScript 1.一般常见运算符ininstanceofevaltypeofdelete2.语句这部分什么编程语言都大同小异 3.debugger语句，产生断点用于调试，在严格模式下禁止使用with 4.对象，常见的操作方式有：创建，设置，删除，查找，检测，枚举。对象的创建：1.对象直接量，2.通过new运算符，3.原型...
2018-05-27 22:09:25
196
原创 webpack4.x 各项简单配置
webpack4.x 各项简单配置1.webpacks是什么？是模块打包机，分析目录结构，找到js模块（包括了浏览器不能直接识别的代码如，typescript、sass），打包成合适的格式，供游览器访问。优势：模块打包，和构建项目 打包的优势：1.模块化，拆分了业务的复杂的js代码2.js扩展了==》基于原型==》基于class（typescript，es6） 面试：web...
2018-05-19 13:21:20
1244
原创 JavaScript复习整理（一）
JavaScript复习整理（一）写在前面，这个博客最近在进行一次改动就准备找工作了，储备用完，所以啊，就整理一基础知识，加深印象，对未来的面试也有好处，参考资料是《javscript权威指南第6版》JavaScript，es6，基本词法语法 1、JavaScript是区分大小写的，HTML是不区分大写的，所以HTML中的标签，属性在js中必须小写。 2、Unicode允许多种方法对同...
2018-05-19 11:57:37
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人