- 博客(48)
- 收藏
- 关注
RSS订阅转载 export 和 export default 的区别
export 和 export default 的区别export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1
2020-08-10 09:53:59
389
原创 实习第一个项目总结
实习第一个项目总结 首先需求一定要搞清楚，全部明白是怎么一个流程，然后再继续开发。 不要听个差不多，然后边开发边问需求，逻辑还没有理清楚就开始写，然后边写边改，以至于一开始就埋下了很大的雷，坑越来越多，最后填都填不完。 不要上来就闷头写代码，准备开始写之前，先想好各个页面的逻辑，页面直接怎么交互，组件怎么相互引用等问题。要不然页面写完了，后来发现传参过不去，联系不起来，等于白写了。 一定要多加注释，现在写的代码多了，才发现，不加注释是真难受，上午自己写的代码，下午来了，就
2020-07-27 11:07:17
220
原创 前端适配问题总结
前端适配问题总结视口布局的优点：宽度和高度全部自动适应！再加上rem布局的字体适应，可以完美解决各种屏幕适配问题！1.vw：1vw等于视口宽度的1%。2.vh：1vh等于视口高度的1%。3.vmin：选取vw和vh中最小的那个。4.vmax：选取vw和vh中最大的那个。vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。比如：浏览器高度950px，宽
2020-07-01 11:47:03
706
原创 五步教你使用vue 中的mock.js 模拟数据
1.首先安装mocknpm install mockjs --save-dev2.在项目里面建一个mock.js的文件3.根据你建的文件的路径，在main.js里面引入 require('./mock.js');我是建到main旁边了。4.百度一下mock语法，把你想模拟的数据写到mock.js里面代码如下import Mock from 'mockjs' // 引入mockjs let data = { 'data|10': [ { ..
2020-06-28 11:49:36
374
原创 vue v-for循环不同样式/控制显隐
通过 :style = "函数()" 或者:class="函数" 可以通过函数加传参来控制不同列的样式。<div class="start" v-for="(list,index) in lists" :key="list.id" :style.prevent="aa(list.size)" ref="list"> <div :class="className(list.id)" :style="{fontSize:list.size+'px'}">.
2020-06-28 11:37:27
904
原创 前端之节流和防抖学习笔记
在前端开发中，我们会遇到一些持续触发的事件，但是我们并不希望那样的去触发它，那么节流和防抖都是用来防止一些函数不必要的连续执行的。在明白防抖和节流之前一定要先明白两个定时器的用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 setTimeout(code,millisec) ：code是要调用的函数后要执行的 JavaScript 代码串。millisec是在执行代码前需等待的毫秒数。 setTimeout() 只执行 code 一次。如果要多次调用，请使用 setI
2020-05-28 09:36:45
246
原创 Promise封装
// <!--Promise封装--> let checkLogin = function(){ return new Promise(function(resolve,reject){ let flag = document.cookie.indexOf("userId")>-1?true:false; if(flag=true){ resolve({ status:0, result:tru.
2020-05-11 20:58:11
189
原创 经常用的ES6语法
// 经常用的ES6语法 function sum(...m){ let to = 0; for(var i of m){ to+=i; } console.log(`to:${to}`)//to:21 } sum(1,2,3,4,5,6); //箭头函数 let sum1=(...m)=>{ let to = 0; for(var i of m){ to+=i; } console.log(`to:${to}`)//to:24 } s.
2020-05-11 20:55:23
179
原创 vue 最简单的方法实现全选反选
就下面几步，简单实现！ <input type="checkbox" name="quanxuan" id="quanxuan" @click="checkAll">全选//全选设置一个函数<div class="lei" v-for="list in 10" :key="list"> <input type="checkbox" ref="che" name="quanxuan" id="quanxuan"></div>//加上 ref
2020-05-09 14:39:18
379
原创 JS把多维数组变成一维数组
var arr=[1,4,[2,3,[6,8],5],7]; function aa(arr,r){ var r = r ||[]; for(var i=0;i<arr.length;i++){ //console.log(typeof arr[i]); if(Object.prototype.toString.call(arr[i])=='[object Array]...
2020-04-23 15:04:26
194
原创 JS实现数组去重
var arr=[1,2,1,2,3,4,5,7,7]; function aa(arr){ var obj={}; var a = []; for(var i =0;i<arr.length;i++){ if(obj[arr[i]]){ obj[arr[i]]++; }else{ obj[arr[i]]=arr[i]; a.push(ar...
2020-04-23 10:02:13
197
原创 JS实现邮箱验证（正则表达）
oninput 事件在用户输入时触发。该事件类似于onchange事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 ...
2020-04-22 20:33:25
872
原创 JavaScript怎么解析URL？
这个方法是把问号后面的参数解析成一个对象的形式。 <script>var url = "https://study.163.com/course/courseLearn.htm?lessonId=1280419156&courseId=1209761825";function aa(url){ var obg = {}; var a = url.split("...
2020-04-19 14:38:43
205
原创 常见的HTTP状态码
HTTP状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。200 - 请求成功301 - 资源（网页等）被永久转移到其它URL304-Not Modified未修改。所请...
2020-04-16 19:43:08
181
原创 require 与 import 的区别
require 与 import 的区别第一、两者的加载方式不同 require 是在运行时加载，所以require理论上可以运用在代码的任何地方 。 而 import 是在编译时加载，所以必须放在文件开头 。 require('./a')(); // a 模块是一个函数，立即执行 a 模块函数var data = require('./a').data; // a 模...
2020-03-23 11:42:27
488
原创 css实现元素水平居中和垂直居中的方法
水平居中水平居中的方法大家应该都知道1.在父元素的里面加/父元素{ text-align:center;}//子元素{ //如果不管是就在子元素加 display:inline/inline-block;}2.前提：居中的元素必须是块级元素/父元素{ text-align:center;}//子元素{ //如果不管是...
2020-03-11 21:19:18
235
原创 typeof运算符是百分之百安全的，永远不会报错？
在没有let之前，typeof运算符是百分之百安全的，永远不会报错。现在这一点不成立了。这样的设计是为了让大家养成良好的编程习惯，变量一定要在声明之后使用，否则就报错。如果一个变量根本没有被声明，使用typeof反而不会报错typeof undeclared_variable // "undefined"只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个...
2020-02-29 12:29:07
695
原创 H5的新特性
H5的新特性：用于绘画 canvas 元素。 用于媒介回放的 video 和 audio 元素。 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。 语意化更好的内容元素，比如 article、footer、header、nav、section。 表单控件，calendar、date、time、e...
2020-02-25 19:35:24
408
原创 浏览器输入网址到显示经历了那些过程
浏览器输入网址到显示经历了那些过程1.浏览器解析并查询缓存DNS查询 DNS查询顺序如下，若其中一步成功则直接跳到建立链接部分： 浏览器自身DNS 操作系统DNS 本地hosts文件 向域名服务器发送请求 2.浏览器给web服务器发送一个HTTP请求建立链接TCP三次握手3.浏览器发送http请求4.服务器处理请求，并将结果返回...
2020-02-24 18:45:09
273
原创 vue 解决v-for 循环列表生成不同背景颜色问题
vue 解决v-for 循环列表生成不同背景颜色问题今天在做项目的时候我就遇到一个问题，效果图是这样的： 这是一个表示楼层数的列表，根据不同建筑有不同的楼层，每一层楼都要有不同的背景颜色。 要是一个一个的写楼层加背景太麻烦了。 而且你根本没法写完，因为有多少了楼多少层你根本没法统计。 在说了，身为一个合格的前端，怎么只能写那些死页面。 下...
2020-02-22 16:27:28
4321
7
原创 解决git 在pull或者合并分支的时候出现Please enter a commit message to explain why this merge is necessary？？？
解决git 在pull或者合并分支的时候出现Please enter a commit message to explain why this merge is necessary？？？什么鬼？？？第一次见这个的时候我蒙了。根本不知道是什么意思？也不知道应该按那个键，然后我就干脆关了，重新打开一遍。然后居然行了。哈哈感觉自己真实一个天才！再后来从仓库上拉代码的时候又出...
2020-02-20 19:31:48
1404
1
原创 js原型、原型链
js原型、原型链所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法。只要你创建一个函数，它就自带prototype属性一张图看懂原型、原型链之间的关系function Person() {}// 虽然写在注释里，但是你要注意：// prototype是函数才会有的属性Person.prototype.name = 'Kevi...
2020-02-03 12:59:25
181
原创 什么是事件冒泡、捕获、委托？
事件委托：利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！支持为同一个DOM元素注册多个同类型事件。说到事件冒泡，那么就要说一下事件捕获了。 事件捕获 当一个事件触发后,从Window对象触发,不断经过下级节点,直到目标节点。在事件到达目标节点之前的过程就是捕获阶段。所有经过的节点,都会触发对应的事件 事件冒泡 当事件到达目标节点后，会沿着捕获阶段的路线原路返回...
2020-01-12 12:49:09
634
原创 javaScript 中如何检测一个变量是一个 String 类型？
javaScript 中如何检测一个变量是一个 String 类型？答案：三种方法（typeof、constructor、Object.prototype.toString.call()）1.你可以使用 typeof 操作符来检测变量的数据类型。 typeof运算符的返回类型为字符串，值包括如下几种： 'undefined' --未定义的变量或值 'bool...
2020-01-08 09:05:15
4968
原创 js中var，let，const的区别
js中var，let，const的区别ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在let 命令所在的代码块{} 内有效，在{}之外不能访问。const 声明一个只读的常量，一旦声明，常量的值就不能改变。在 ES6 之前，JavaScript 只有两种作用域：全局变量与函数内的局部变量。全局...
2020-01-07 11:32:01
228
原创 解决本地引用less跨域问题
解决本地引用less跨域问题Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。在 Node.js 环境中使用 Less ：npm install -g less对于less在node环境中怎么使用less中文网上已经很明确了，可以自行学习。下面主要说一...
2020-01-06 21:12:10
1355
原创 一看就会的vue 路由传参 params 与 query两种方式的区别
这么说容易理解：query相当于get请求，页面跳转的时候，可以在地址栏看到？+传的值，而params相当于post请求，参数不会再地址栏中显示。//query传参 这里路径用的是paththis.$router.push({ path:'/xxx' query:{ id:id } }) //query接...
2019-12-26 09:35:24
169
原创 状态图和活动图的区别
状态图 状态图描述一个特定对象的所有可能状态以及由于各种事件的发生而引起的状态之间的转移。状态图侧重于从行为的结果来描述，只涉及一个特定的对象，常用于动态特性建模。 状态图的组成 （1）起点、终点 （2）状态 主要用来描述一个对象在生命周期内的一个时间段。状态包括：状态名、内部转移、进入/退出操作、子状态、延迟事件等状态的特征。 （3）转换 两个状态之间的关系，...
2019-12-16 18:58:33
11300
原创 UML类图:类之间的6种关系及表示方法
UML类图:类之间的6种关系及表示方法常见的关系有：继承，关联关系，聚合关系，复合关系，依赖关系,实现关系。其中，聚合关系（Aggregation），组合关系（Composition）属于关联关系（Association）。几种关系所表现的强弱程度依次为：组合>聚合>关联>依赖。 虚线箭头指向依赖； 实线箭头指向关联； 虚线三角指向接口； ...
2019-12-14 17:36:04
3258
原创 大学生期末考试应该怎么办？
突然灵机一动期末考试下一周就要进行期末考试了，今天晚上我在进行复习的时候，脑子里突然闪出一个想法。就是花大量的时间进行复习到底值不值得？我是这么想的，经过三年大学期末考试的实践，其实大学的期末考试就靠最后那两天的突击。最后复习课上认真听好老师给说的题型以及范围，再加上回去后努力一番，过60肯定没问题。虽然都是最后几天复习突击，但是经过我的观察，最后突击也可以分成好几种...
2019-12-12 21:04:48
834
原创 技术小白的2019年年终总结
技术小白的2019年年终总结时间匆匆而过，转眼间2019就这么过去了。到了来总结一下的时候了????这一年从大二上学期，来到了大三上学期。有收获也很多不足，没有制定一个详细的计划，原因是每当新的一年到来，基本上我都会总结一下去年过的怎么样，然后新的一年要干什么。但是大都是口头励志或者朋友圈跟个风发一下，热度一过，随着时间的推移，慢慢的就忘记了。还有一个很大的原因是，每当我想要进行一年的规划时...
2019-12-11 21:51:44
1203
原创 这是一篇1==“1”？励志：缓解压力 的文字
能扛事，才是一个人最了不起的才华《三国志》记载，刘备客居荆州时，某天在刘表处饮酒宴会。中途去上厕所，回来后泪流满面，问其原因。他说：“我以前身子就没离开过马背，大腿上一点赘肉都没有。现在不怎么骑马，腿上竟然长出了肥肉。时间过得好快，我很快就老了，但还一点功业都没成，因此感到悲哀啊。”年少时总觉得追梦很容易，直到年龄渐长在生活面前，屡屡受挫，被迫妥协数次之后，才明白：流水不争先，争的是...
2019-12-05 21:40:33
405
原创 node.js 18讲代码笔记
node.js模块引用//app.jsvar stuff = require('./count')console.log(stuff.counter(['aa','nodejs','react']));console.log(stuff.add(7,8));//count.jsvar counter = function(arr){ return "there ...
2019-10-18 20:17:11
229
转载 笔记 （less 和 sass 有缺点）
sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用sass和less主要区别:在于实现方式 less是基于JavaScript的在客户端处理，引入less.js就可以处理，sass是基于ruby所以在服务器处理。...
2019-10-18 09:57:56
203
翻译 前端学习路线建议学习笔记
通读文档mdn和w3c最好都过一遍es6也全看一遍用一用混个眼熟之后去读一读jquery文档和源码再去读vue和react的官网和源码html5重要的就是语义化，本地存储，定位canvassvg可以看情况学不学css重要的是定位和flex布局什么是bfc？什么是ifc？什么是gfc？盒子模型标准盒子模型和ie盒子模型动画过渡css预编译学一学js面向对象a...
2019-10-13 19:54:19
238
原创 一看就会懂得的vuex 使用
首先在你的项目中安装vuex使用：npminstallvuex--save然后在你的src文件夹下新建store文件夹，在里面新建一个index.js文件，然后在里面添加如下：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store(); e...
2019-10-08 13:59:38
254
原创 vue-amap 实现定位+跑步路程+跑步时间计算功能
<template> <div class="time"> <div class="head"> <div class="top"> <div class="gl">{{miles}}<span>公里</span></div><br> ...
2019-10-06 21:05:12
1030
转载 学习笔记：Object.defineProperty
作用：Object.defineProperty(对象，属性，属性描述符) 用于在一个对象上定义一个新的属性，或者修改一个对象现有的属性，并返回这个对象。一般正常创建的对象，可以对他的属性进行修改和删除，但是通过Object.defineProperty()定义属性就会有更具体的操作了。先来看一下Object.defineProperty()有的属性。demo01 - 属性描述符默认值...
2019-10-06 20:55:51
415
转载 vue给元素动态添加class
vue给元素动态添加class<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: num }"></p> //自定义,如果num为true，添加letter<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: ite...
2019-09-19 09:31:23
1432
原创 第十七届山东省大学生软件设计大赛总结
从今年7月份开始一直到9月10号提交上作品，现在终于有时间进行总结一下了。我们报的是html5组的比赛，但是随着技术的发展，再加上比赛提升了难度，现在对于普通网站、二手货市场、论坛、博客、常规电商平台、游戏等作品，一般要淘汰，最多给完成奖。有重大创新的作品例外。命题给出的建议是，与移动应用结合，并发挥移动应用的特点，比如定位功能、拍照功能等；建议开发平台类、插件类作品，体现HTML5的新特...
2019-09-18 17:03:26
4732
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人