weixin_45794951的博客

原创 web安全 记录 1

原创 ts新窗口打开

export const safeOpen: typeof window.open = (url?: string, ...args) => { if (/MicroMessenger/g.test(window.navigator.userAgent)) { return window.open(url, ...args); } const newWindow = window.open('about:blank', ...args); if (newWindow &am.

原创 优雅降级 和渐进增强

优雅降级和渐进增强关注同一网站在不同的浏览器 下的表现程度优雅降级：graceful degradation相当于向下兼容 使高版本支持低版本 或者后期开发的版本支持早期开发的版本优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站、渐进增强：progressive enhancement一开始就针对低版本浏览器 进行构造页面 完成基本功能 然后对高级浏览器进行效果 交互 追加...

原创 link 和@import 区别

link 和@import 区别1.link是HTML 方式 @import 是CSS2.浏览器支持时间 link早于import 可以用import 隐藏老浏览器样式3.import必须在样式规则之前 可以引入其他文件4.link可以通过rel = alternate stylesheet 指定候选样式5.link最大限度支持并行下载 import过去嵌套 会导致文档样式短暂失效...

原创 前段性能优化

前端性能优化1.减少HTTP请求 减少Dom节点数量 使用gzip对组件进行压缩 压缩体积到原先的百分之四十 提升页面读取速度2.减少cookie 大小的传输 将静态文件 放到同一域名3.使用CDN托管 使不同地区的用户访问到最近的相同网络路径上的CDN节点4.使用CSS Sprite 减少图片拉伸 但是图片合并麻烦 维修麻烦5.将css文件放入顶部，script文件放入底部 压缩从...

原创 decent compiled words

deitystampederetrospectfranticsuperiorrecuperateremarkablehuerustlegurgleexceedfretfulcapricioussynopsislukewarminmoveableafarintriguingdistant 模糊的 隐约的 远方的 vogueA bosom friend afar ...

原创 react 项目常用插件的安装及使用 (以npm安装为例) 逆战班

本文分享一些react项目中（特别是移动端常）常用的插件安装及使用方法。状态管理工具react-redux 和react-redux-dom安装:npm install --save react-reduxnpm i react-redux-dom使用：具体使用方法请参考：https://www.npmjs.com/package/reduxen-react-dom//导入 并引...