1.前端框架.md

UI框架

layui
layui/fly
Avue

VUE

ivew

模板:

https://github.com/BorisMoore/jsrender

CSS

媒体:@media
<meta name="viewport" content="width=device-width, initial-scale=1">


(max-width:599px) 
(min-width:600px) 
(orientation:portrait) 竖屏
(orientation:landscape)        横屏
(-webkit-min-device-pixel-ratio: 2) 像素比

css2的写法
<link rel="stylesheet" href="styleA.css" media="screen">  
<link rel="stylesheet" href="styleB.css" media="screen and (max-width: 800px)">  
<link rel="stylesheet" href="styleC.css" media="screen and (max-width: 600px)">

@media 如何使用?

编辑器

Simditor 富文本编辑器
summernote 基于bootstrap
wangeditor 轻量级 ,支持代码
kinderEditor 功能比较全,支持代码高亮
ueditor
ifast
x-boot

markdown编辑器

SimpleMDE、mavonEditor、stackedit、strapdownjs、Marked.js、zybuluo

图标

font-awesome 小图标

图形显示

  • yfiles
  • echarts
  • antv

2.javascript基础.md

数组操作

  1. slice(para1,para2), 返回新数组,负数的话加上当前长度
    列如获取json的所有key数组:
    attribs = Object.keys(attrib_strs).slice(0, -1)

  2. splice(para1,para2), 操作数组,负数的话加上当前长度,para2为负数或0的话不会执行删除操作。

  3. split,根据特定的字符切割字符串并且返回生成的数组。

调试样式

style="border:1px solid red;"


3.页面缓存.md

HTML缓存

https://www.cnblogs.com/liuling/p/2013-7-25-01.html
https://zhuanlan.zhihu.com/p/30780216

通过prebrowsing可以提前缓存部分文件,可作为一种静态资源加载优化的手段。prebrowsing有以下几种:

dns-prefetch:DNS预解析,告诉浏览器未来我们可能从某个特定的 URL 获取资源,当浏览器真正使用到该域中的某个资源时就可以尽快地完成 DNS 解析。多在使用第三方资源时使用。
preconnect:预连接,完成 DNS 预解析同时还将进行 TCP 握手和建立传输层协议。
prerender:预渲染,预先加载文档的所有资源,类似于在一个隐藏的 tab 页中打开了某个链接 – 将下载所有资源、创建 DOM 结构、完成页面布局、应用 CSS 样式和执行 JavaScript 脚本等。
prefetch:预获取,使用 prefetch 声明的资源是对浏览器的提示,暗示该资源可能『未来』会被用到,适用于对可能跳转到的其他路由页面进行资源缓存。被 prefetch 的资源的加载时机由浏览器决定,一般来说优先级较低,会在浏览器『空闲』时进行下载。
preload:预加载,主动通知浏览器获取本页的关键资源,只是预加载,加载资源后并不会执行;


4.vue 知识点.md

获取url参数

this.$route.query


Copyright © 2018 INSTALL.REN