笔记
文章平均质量分 57
稗子酒
浅浅写写东西吧!!!
展开
-
大数据量的处理方案(递归)
在日常工作中,如果遇到数据量特别大的情况下,要将数据全部渲染到页面上,这时候可能会出现请求数据失败或者浏览器加载时间过长的问题,如果不适用路由懒加载或者组件懒加载,有没有什么办法可以将大量的数据去进行渲染的同时也不会出现加载缓慢的情况呢?所以先看一段代码下面逐一对上面的代码进行解读首先我们假设getlist()这个请求获取到的是十万条数据,当拿到这十万条数据之后,首先做的第一步便是将这十万条数据按两百条一页进行分页处理,我们来算一下,按两百条每页去处理,总共会处理出来500页,为什么需.原创 2022-04-22 23:12:26 · 3020 阅读 · 0 评论 -
weiapi知识点加案例
01-DOM节点:网页一切内容皆节点1.1-DOM节点介绍1.什么是节点:在HTML文档中,一切皆节点(HTML文档本身、标签、属性、注释内容、文本)2.什么是元素:元素在HTML中叫做标签,在JS的dom对象中称为元素(可以理解为标签的面向对象的叫法)3.HTML标签属于节点的一种,叫做元素节点4.节点三要素:节点类型:标签、属性、注释、文本节点名称:p、div、class(标签名)节点的值:one(属性的值)在JavaScript中,document这个对象大家一定很熟悉,哪怕是刚刚开原创 2022-01-18 14:38:07 · 554 阅读 · 0 评论 -
案例练习(webapi)
01-经典案例1.1-小米搜索框原创 2022-01-14 23:02:31 · 42 阅读 · 0 评论 -
web Api
1.1-WebAPI概念介绍API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())WebAPI概念浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的API(一组方法)原创 2022-01-14 00:18:05 · 34 阅读 · 0 评论 -
js基础知识
JavaScript 第五天对象什么是对象1.1 对象是什么对象(object):JavaScript里的一种数据类型可以理解为是一种无序的数据集合用来描述某个事物,例如描述一个人人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能如果用多个变量保存则比较散,用对象比较统一比如描述 班主任 信息:静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示动态行为 (点名, 唱, 跳, rap) => 使用函数表示小结:对原创 2022-01-11 22:04:58 · 140 阅读 · 0 评论 -
html知识点总结
html知识点总结h1-h6:标题标签p:段落标签br:换行标签hr:水平线标签strong:加粗(b)em:倾斜(i)del:删除线(s)ins:下划线(u)img:图片(src路径 alt替换文本 title提示文本 weight宽度 height高度 border相框)audio:音频(src路径 autoplay自动播放controls播放控件 loop循环播放)video:视频(src路径 autoplgy自动播放谷歌配合meted静音播放 controls播放控件 loop原创 2022-01-08 21:53:49 · 564 阅读 · 1 评论 -
vw布局
vw布局:vw就是视口的宽度,vw 是个相对单位。不管在什么屏幕下, 我们把屏幕分为平均的 100等份。1vw = 1 / 100 屏幕的宽度1vw 和 1%widith: 1vw;width: 1%;vw 和 1% 有没有区别:vw 永远是以视口的宽度为准。· 在 375设计稿下, 1vw 永远是 3.75px百分比以父盒子为准。 假如父盒子是 200px,则 1% 是 2pxpx 如何转为vw我们设计稿是 iphone 678 是 375px, vw 把屏幕划分了100等份, 则原创 2022-01-03 22:14:53 · 1109 阅读 · 0 评论 -
移动端适配
移动端适配方案移动端的适配方案:flex + rem单位 做适配效果 (比如淘宝和小米移动端) 当前市场最多flex + viewport width /vh单位 做适配效果 (比如 B站移动端 ) 新兴,马上的一个趋势让flex做布局(盒子摆放),让rem或者vw/vh 实现网页元素的尺寸(宽度和高度)适配屏幕通俗来讲 就是当移动端的视口变大或者变小时,盒子内的元素随之缩放rem 是一个相对单位,1rem 就是 html 文字的大小如html {font-size: 35px;}则此原创 2022-01-03 13:39:48 · 165 阅读 · 0 评论 -
flex布局
设置主轴方向主轴默认是水平方向, 侧轴默认是垂直方向修改主轴方向属性: flex-direction属性值 作用row 行, 水平(默认值)column 列, 垂直row-reverse 行, 从右向左column-reverse 列, 从下向上例如:flex-direction:column;修改完毕,主轴是Y轴, 侧轴是X轴。弹性盒子换行特性: 给父亲添加了 display: flex; 所有的子盒子(弹性盒子)都会在一行显示,不会自动换行。原创 2021-12-30 22:54:24 · 74 阅读 · 0 评论 -
flex布局
PC端/移动端不同?PC端屏幕大,网页固定版心端浏览器繁多,更多考虑兼容性问题。(布局: 浮动+定位+标准流)移动端手机屏幕小,网页宽度多数为100%,是适配手机屏幕宽度移动端则基本不需要考虑兼容性问题,放心大胆使用CSS新特性物理分辨率和逻辑分辨率物理分辨率:硬件所支持的,屏幕出厂就设定无法修改逻辑分辨率:软件可以达到的, 我们开发中写的是逻辑分辨率视口视口(viewport)就是浏览器显示页面内容的屏幕区域。视口的分类:布局视口 。 iOS, Android基本都将这个视口分辨原创 2021-12-29 22:04:43 · 109 阅读 · 0 评论 -
移动端布局
12.27(一)空间转换3D1.3D 坐标系比2D 多了一个Z轴。一定要记住3个坐标轴取值的正反:X 轴 往右越大,是正值, 否则反之Y 轴 往下越大,是正值,否则反之Z轴 (指向我们)越大,是正值,否则反之完整写法: transform: translate3d(x, y, z);2.透视透视的作用: 空间转换时,为元素添加近大远小、近实远虚的视觉效果透视注意事项:1.取值范围经常在 800px ~ 1200px 之间。2.一定给父亲添加3.透视距离也称为视距,所谓的视距就是人的原创 2021-12-27 22:03:14 · 136 阅读 · 0 评论 -
今日单词汇总
单词汇总translate(x,y);表示x轴y轴位移,单位pxtranslateX(属性值);表示在x轴位移,单位是pxtranslateY(属性值);表示在y轴位移,单位是pxrotate(数值+deg);表示顺时针或者逆时针旋转,顺时针为正,逆时针为负,单位是degscale(倍数);表示放大或缩小的倍数,1以上是放大 1以下是缩小,无单位background-image: linear-gradient(颜色1,颜色2,…);表示线性渐变,颜色逐渐变换...原创 2021-12-26 22:14:17 · 135 阅读 · 0 评论 -
续移动端布局
web移动端布局transform变形1.transform:translate(x,y)位移在x轴和y轴上进行移动,也有x轴和y轴的单独写法transform:translateX(数值+px)transform:translateY(数值+px)一定不要忘记px单位 x轴和y轴同事进行书写时 逗号不能掉扩展:让盒子水平垂直居中的方法方法一:.father {position: relative;width: 500px;height: 500px;background-colo原创 2021-12-26 20:58:25 · 157 阅读 · 0 评论 -
web移动端布局知识点
12.26web移动端布局第一天:(一)字体图标1、建立一个文件夹,命名为fonts,将其放在根目录下。2、在已经解压的iconfonts文件中复制iconfont.css,iconfont.ttf,iconfont.woff,iconfont.woff2四个文件,将其放入fonts文件夹中。3、通过link标签引入iconfont.css文件,然后进行字体图标的引入,有三种方式可以进行引入。3.1、通过类名来进行引入,在每个字体图标下都有对应的类名,将这个类名放在标签class属性里面,前面要原创 2021-12-26 19:00:44 · 101 阅读 · 0 评论