- 博客(13)
- 收藏
- 关注
RSS订阅原创 常用的一些ES6
1、Array.from()方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map，任何有length属性的对象）ES5的写法：var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']ES6写法：let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']还可以接受第二个参数，作用类似于数组的m
2021-12-04 17:03:59
708
原创 前端代码优化篇
1、后端返回的数据是对象形式，但是前端页面用数组渲染是最方便的。这个时候就需要处理一下；主要思想就是在于利用vue的computed（计算属性），因为后端给的是object形式，而我们想要的是数组，这个时候就需要我们自己模拟数据，自己写一个数组，数据就是根据页面展示内容来，但是还需要多传入一个prop值（这个值就是需要跟后端的字段一一对应），这个值就是在计算属性中需要用到的，其实接下来大家都能想到了，就是当prop的值和后端的字段对应上时，就展示当前数据。formList[item.prop]
2021-08-03 14:40:46
2115
原创 路由简单属性篇
vue中的路由有2种模式，一个是hash模式还一个就是history模式；这2种区别其实很简单，单看样子，哈希模式就是url上带有#，history就不带了，前端路由一般默认是哈希模式。哈希模式也叫前端路由，为什么这么说呢。因为这个路由的变化我们是可以监听到的（windows.onhashchange事件），具体去找一下度娘；所以我们前端可以手动控制路由，自己配置路由。而history模式就需要服务端要配置一份路由了，不然单从前端跳转路由，匹配不上的话就会404了。现在我们说一下各自的优缺点，哈希模式对于
2021-07-15 22:41:19
1487
原创 Vue-Router传参
一、利用router-link中的to传参在to前面加冒号，进行数据绑定router-link :to="{name:‘test’,params:{user:‘username’}}"，这里的name写的是你要传参到哪个组件，是之前在路由配置里写过的，而to后面的name要对应路由配置组件的name；{path: ‘/test’,name: ‘test’,component: test...
2018-12-04 11:36:29
149
原创 关于jQuery的语法及其注意事项
首先先说什么是jQuery，其实它的底层就是用JS封装好的方法；而我们一开始的用法就是""，先说前面的{""}，先说前面的""，先说前面的，这个其实就相当于jQuery的一个别名，大家也可以改用其他的符号，而改写的方法如下：var a = jQuery.noConflict();然后我们就可以这样使用，a(“div p”...
2018-10-15 11:52:42
120
原创 JavaScript——数组（Array）
数组可以包含任意数据类型，并可以通过索引来访问每个元素；而它是使用单独的变量名来存储一系列的值；创建数组一般有两种方式：第一种就是像定义变量一样的方法（var mycar=new Array(); var [0]=”Saab”;var [1]=”Volvo”;），第二种就是一个数组里面放很多个数据（var cars=[“Saab”,”Volvo”,”BMW”];），并且数组中的每个值都有...
2018-08-26 19:53:12
178
原创 JavaScript基础篇
历史：它最初由网景公司的布兰登·艾克设计，当时是他公司让他设计一门语言，和Java差不多，因为他对于Java不感兴趣，所以就用了10天左右的时间完成了。他是借鉴C语言的基本语法、Java语言的数据类型和内存管理、Self语言，使用基于原型(prototype)的继承机制Scheme语言，将函数提升到”第一等公民”(first class)的地位。还有当时的时候它不是叫JavaScript，那个时候...
2018-08-09 22:01:27
112
原创 块元素和行元素的区别
什么是块元素：块元素就是从上往下排版的，一个内容一行； 什么是行元素：行元素就是只有一行的内容；使用场景：一般这些都是用在盒模型的，使用div框架那些都会用到，用来构造一个你想要大小规模的盒子，以及你想要填充一些内容在里面都会用到；块元素可以包含行元素，而行元素不能包含块元素。区别：块元素是可以设置宽高的，而行元素不能设置宽高，而行元素看上去有宽高的原因是因为你往里面填写了内容，所以它是...
2018-08-07 21:49:30
2059
原创 BFC布局的概念以及作用
BFC的定义：（Block formatting context）块级格式化上下文。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部Block-level box如何布局，并且与这个区域外部毫不相干。 使用条件：1、根元素，即HTML元素 2、float的值不为none 3、overf...
2018-08-06 22:25:44
1084
原创 flex（弹性布局）
flex用于设置或检索弹性盒模型对象的子元素如何分配空间，是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 flex-direction：row（默认值） 主轴为水平方向，起点在左端，从左向右排布； ：row-reverse 主轴为水平方向，起点在右端； ...
2018-08-03 20:32:30
120
原创 选择器
什么是选择器： 选择器是用于样式和结构的匹配，主要有元素、id、群组、后代、子代、兄弟、伪类等选择器； 为什么这样用： 因为标签中需要各种各样的样式，一个段落可能都需要不同的样式，所以要用选择器定义各种样式，让布局显得更加好看。如果都采用一个布局的话到后面可能会乱码，所以要区分开每一个。 注意事项：样式冲突时，选择器有分优先级的，有两种办法。一个是样式覆盖，就是采用最后那个样式；还一个就是...
2018-08-02 21:58:25
443
原创 浮动 、定位
关于浮动和定位需求：浮动是用在布局排版的，对应于左右方向； 原理：运用视觉差，即div内的内容上浮，出现在我们视觉的前方，但是从正面看，还是在同一个平面上，但它后面的内容将看不见，被遮挡住了，所以浮动要选取方向，左或者右。 注意事项：浮动后，父元素是没有高度的。所以解决的办法就是给父元素设置高度，也可以向div中添加内容；并且浮动的元素在...
2018-08-01 19:52:56
177
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人