
学习笔记
FateInTheSky
这个作者很懒,什么都没留下…
展开
-
vue开发从青铜到黄金的路上
功能需求描述本人最近开发一个项目,需求是这样:1、首页需要一屏展示内容,即每次滚动鼠标的时候页面就划过整个页面(可视区内),其他子页面不需要,依旧是鼠标滚动多少就滚到哪里。2、首页需要进行页面缓存,意思就是从子页面回到首页的时候,首页保持当前的滚动位置不变。3、页面顶部的导航栏发生滚动后导航从透明变成半透明(我这里是变黑色,因为我们的网站主题色是黑色的)刚页面加载进入的时候导航栏是透明的,因为页面有背景图。难点1、首页需要一屏展示内容的功能就相当于要计算屏幕可视区的高度,还要考虑页面的适配问题,原创 2020-09-02 14:56:46 · 233 阅读 · 0 评论 -
web开发过程遇到的关于动态更新图片处理方案
标题动态展示图片需求需求是要求页面动态展示图片,但是后端(服务端)给的地址是相同的,后端人员是将图片放在同一个路径下,每次用新的图片覆盖前一张图片,但是问题来了,img的src是同一个,浏览器就会默认使用缓存,不会重亲发送请求了,导致页面的图片并不会更新。解决方案1、让后端人员将地址添加随机数后再给你(如果他配合的话哈哈)2、使用地址带参形式:?+随机数(他不配合那就我们前端攻城师自己来呗)具体是(本人习惯使用vue的模版写的)<img :scr="imgUrl"></img原创 2020-08-31 15:48:03 · 511 阅读 · 0 评论 -
vue的过滤器filter
<!-- 这里是html部分---><span > <!-- 这里{{}}开始是vue的过滤器,|符号代表过滤器的管道符号 ,formatDate为过滤函数,msg作为参数传入formatDate函数--> {{ msg| formatDate}}</span>过滤 器的定义语法是vue.filter(‘过滤器的名称’,function(...原创 2019-07-02 11:19:02 · 205 阅读 · 0 评论 -
props传递数据
1、父组件向子组件传递数据props父组件的template.原创 2019-03-21 19:05:50 · 782 阅读 · 0 评论 -
flex弹性布局
1、display对于flex的取值有flex或者inline-flex; Webkit内核的浏览器,必须加上-webkit前缀,注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。flex默认有两条主轴,分别是水平和垂直方向2、flex-direction属性决定主轴的方向(即项目的排列方向:row(默认值):主轴为水平方向,起点在左端:...原创 2019-03-08 09:20:25 · 189 阅读 · 0 评论 -
filter
filter(function,this):对数组的每一项运行给定的函数返回符合给定函数的数组项组成的数组,function和this可选这里的function有三个参数,可选,function(数组项item,项的位置index,数组本身arry)运用例子:比较两个数组不同,并返回你的目标是实现一个差分函数,该函数从一个列表中减去另一个列表并返回结果。它应该删除列表a中的所有值,这些值在...原创 2019-03-14 18:13:24 · 176 阅读 · 0 评论 -
sort进行二维数组的排序
原创 2019-03-14 09:03:28 · 1061 阅读 · 0 评论 -
学习数组的方法笔记
var a=[1,2,3,4,5];1.pushpush在数组的最后一位插入数据,并返回插入后的数组长度 var b=a.push(7);—&amp;amp;amp;amp;amp;gt;62.poppop删除数组的最后一位并返回被删除的元素 var c=a.pop()—–&amp;amp;amp;amp;amp;gt;73.shift删除数组的第一个元素,并返回被删除的元素 var d=a.shift()——&amp原创 2018-09-17 17:20:24 · 339 阅读 · 0 评论 -
html学习笔记(浏览器+选择器+字体+标签分类)
**1.主流浏览器** 主流的浏览器主要根据是否有自主研发的内核定义的,主要的主流浏览器有Internet Explorer(IE),Google Chrome(谷歌),Mozilla Firefox(火狐)Safari,Opera。Trident是IE的内核,也就是国内双核浏览器的内核之一。Trident内核一直延续到IE11,IE11的后继者Edge采用了新内核EdgeHTM...原创 2018-09-17 17:20:14 · 378 阅读 · 0 评论