grid布局和flex布局
grid布局
网格布局(grid)是最强大多的CSS布局方案
Grid布局则是将容器划分成”行”和”列”,产生单元格,如果指定”项目所在”的单元格,可以看作是二维布局。Grid布局远比Flex布局强大
容器属性display属性display: grid指定一个容器采用网格布局
设置为网格布局以后 ...
webpack学习笔记
webpack基本使用webpack是基于项目
安装npm install -g webpacknpm install -g webpack-clinpm install -g npx
webpack基本使用
必须的目录结构:
Code123456|__ src ...
常用的数组字符串方法
[]是可选参数的意思
<>是必填参数的意思
数组数组的增arr.push()添加到数组的最后面,会修改原数组,并且返回数组的长度
arr.unshift()添加到数组的最前面,会修改原数组,并且返回数组的长度
数组的查arr.filter(function(item,[index], ...
python学习笔记
Python基础编码规范空行
函数之间或类的方法之间用空行分隔,表示一段新的代码的开始。类和函数入口之间也用一行空行分隔,以突出函数入口的开始。
空行与代码缩进不同,空行并不是Python语法的一部分。书写时不插入空行,Python解释器运行也不会出错。但是空行的作用在于分隔两段不同功能或含义的代 ...
NodeJs学习笔记
Node.js
Node.js只是一个运行平台(环境)
插件nodemon 可以监听代码变化执行
基础知识什么是I/O+ input/output(输入/输出)异步操作
Node 采用 chrome V8 引擎处理js脚本,
V8最大特点就是单线程运行,一次只能运行一个任务(堵塞)
错误优先 ...
premiere学习笔记
premiere学习笔记导出视频导出视频一定要选择H264,这是标准的MP4格式编码,比特率设置为2到3之间
WeChat学习笔记
WeChat项目结构Code12345678910111213141516171819|_ item |_ pages 页面文件夹 |_ index 首页 |_ index.js 逻辑 |_ index.json 配置文件 |_ index.wxml 主页面 |_ ind ...
学习进度
vue
vue大致没什么问题,还需要做两个项目结合vuex来写
React和ReactNavtive
这个问题比较大,这东西比较难,context部分还没搞懂,和redux。
小程序目前没什么问题
行高怎么自适应???
vue
不操作DOM写一个Active的框
如何实现初始化自动点 ...
PWA
什么是PWAPWA(Progressive Web Apps):渐进式web app
顾名思义就是
PWA的有点
可像app一样,在桌面生成图标,不用打开浏览器,方便访问
通过网络缓存提升页面访问速度
有app一样的推送功能
后台消息传递
(演示视频)[ http://yanshuo.io/as ...
前端优化
gzip主要还是压缩,能在java工具压缩的情况下,再压缩
100kb的文件压缩成11kb的文件
gzip参考
图片预加载
使用jQuery图片预加载(延迟加载)插件Lazy Load+
使用display,判断图片的位置是否加载