摘要:
か行: か き く け こ カ キ ク ケ コ こえ :声;おさけ:酒;かお:顔;えき:駅;ケーキ: 蛋糕 さ: さ し す せ そ サ シ ス セ ソ いす:椅子;おかし:お菓子;せかい:世界;アイス:冰淇淋 阅读全文
摘要:
か行: か き く け こ カ キ ク ケ コ こえ :声;おさけ:酒;かお:顔;えき:駅;ケーキ: 蛋糕 さ: さ し す せ そ サ シ ス セ ソ いす:椅子;おかし:お菓子;せかい:世界;アイス:冰淇淋 阅读全文
摘要:
日语文字: 当用汉字 假名 片假名:楷书偏旁 外来词 拟声词、象声词 动植物名称 平假名:草书、女手 文字 拼音 罗马字 日文录入 品牌名(化妆品、汽车等) 地名,比如Tokyo 例:クレヨン新(しん)ちゃん 蜡笔小新 假名: 71个 清音:45 浊音:20 半浊音:5 波音:1 あ行平假名:あ い 阅读全文
摘要:
一、如何减少HTTP请求数 1、Css Sprites(多个小图片集合成一个大图) 2、图片使用dataurl(base64)放在css里、web font 3、js/css文件合并 4、js/css请求combo 5、接口合并 6、接口存储LocalStorage 7、静态资源存储LocalSto 阅读全文
摘要:
一、CDN 1、内容分发网络: 提速、低成本、高可用度 2、CDN回源: 浏览器访问CDN集群上静态文件时,文件缓存过期,直接穿透CDN集群而访问源站机器的行为 3、CDN缓存 三级缓存:浏览器本地缓存、CDN边缘节点缓存、CDN源站缓存 缓存设置:缓存时间设置过短或过长都不合适 不同静态资源类型缓 阅读全文
摘要:
HTML5离线化 1、全局离线包 (1)加载全局包 (2)解包到内存 (3)本地安装 >触发包下载 >本地和线上版本对比 (4)webview加载url (5)从内存读取 (6)线上地址 大厂离线包方案: 美团-LsLoader 腾讯-Alloykit 阿里-极致的Hybrid 混合开发ReactN 阅读全文
摘要:
webview内核: 1、ios UIWebView 2、ios WKWebView,比UIWebView各方面强很多,但不支持页面缓存等 3、Android Webkit 4、Chromium,比Webkit强大 5、Android X5内核:速度快、省流量、更安全、更稳定、兼容好、体验优 web 阅读全文
摘要:
接口服务调用优化: 1、接口合并:减少页面接口请求数。 2、接口上CDN 3、接口域名上CDN 4、接口分级 5、接口监控 接口缓存的策略优化: 1、Ajax/fetch缓存:用浏览器本身缓存机制 2、本地缓存:用localstorage中的缓存数据 3、多次请求 阅读全文
摘要:
一、过程 1、浏览器解析HTML,生成DOM Tree 2、浏览器解析CSS,生产CSSOM Tree 3、JavaScript会通过DOM API 和CSSOM API 来操作DOM Tree和CSS Rule Tree,浏览器将DOM Tree和CSSOM Tree合成渲染树(Render Tr 阅读全文
摘要:
1、静态文件版本号更新策略 缓存更新:CDN或ng后台刷新文件路径,更新文件header头 文件名字加版本号:年末ng统一配置所有版本至最新版本 文件前面加时间戳:以每次上线时间点做差异 文件hash.文件名.js:每次上线路径不一致 2、构建工具 Grunt:最早 Gulp:通过流来简化 Webp 阅读全文
摘要:
1、css 避免过多样式嵌套 避免使用css表达式 使用绝对定位可以让动画元素脱离文档流(给动画元素做单独定位) 避免使用table布局(会引起多次重绘) 尽量不适用float布局 图片最好设置好width和height 尽量简化浏览器不必要的任务,减少页面重新布局 使用viewpoint设置屏幕缩 阅读全文
|