html
一只漫步前行的羊
这个作者很懒,什么都没留下…
展开
-
HTML——文字水印
【代码】HTML——文字水印。原创 2023-12-19 15:43:36 · 528 阅读 · 0 评论 -
HTML——国际化实现
代码】HTML——国际化实现。原创 2022-08-06 11:23:51 · 2958 阅读 · 0 评论 -
HTML——图片压缩
【tinypng】原创 2022-06-04 14:59:54 · 839 阅读 · 0 评论 -
HTML——微信H5分享
1. 引入jssdk<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2. 微信配置并注入、设置分享配置//配置注入wx.config({ debug: true, appId: data.appid, timestamp: data.timestamp, nonceStr: data.nonceStr, signature:原创 2022-05-30 11:35:11 · 1578 阅读 · 0 评论 -
HTML——微信H5授权
官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html1. 生成用户授权地址跳转/* 生成用户授权地址跳转 */ wxAuthorize: () => { let redirect_uri = window.location.href //回调地址 redirect_uri = encodeURIComponent(re.原创 2022-05-30 11:20:08 · 1407 阅读 · 0 评论 -
HTML、Vue——微信H5跳转小程序
1. 页面引入js<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2. HTML部分(username:小程序原生id,path:小程序页面地址)<wx-open-launch-weapp id="launch-btn" username="*****" path="******"> <script type="text原创 2021-08-31 14:41:51 · 1718 阅读 · 0 评论 -
HTML——性能优化2
1.使用精灵图片(Sprite)2.webpack (代码压缩,Tree-shaking删除无用代码)3.减少 http 拉资源次数(强缓存和协商缓存)-last Modified, Cache-control, Etag4.预加载和懒加载5.CDN 部署6.引入 websocket,减少轮询7.SPA(单页面应用)8.解决 SEO(搜索引擎优化) 用 SSR...原创 2021-06-07 13:03:38 · 71 阅读 · 0 评论 -
HTML——性能优化
1. 优化 DOM1.删除不必要的代码和注释包括空格,尽量做到最小化文件2.可以利用 GZIP 压缩文件3.结合 HTTP 缓存文件2. 优化 CSSOM1.减少关键 CSS 元素数量2.当我们声明样式表时,请密切关注媒体查询的类型,它们极大地影响了 CRP 的性能2. 优化 JavaScript1.async: 当我们在 script 标记添加 async 属性以后,浏览器遇到这个 script 标记时会继续解析 DOM,同时脚本也不会被 CSSOM 阻止,即不会阻止 CRP2原创 2021-05-28 18:03:41 · 619 阅读 · 1 评论 -
HTML——解决跨域
1. 跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的2. 解决跨域的方式1.通过jsonp跨域2.document.domain + iframe跨域3.location.hash + iframe4.window.name + iframe跨域5.postMessage跨域6.跨域资源共享(CORS)7.nginx代理跨域8.nodejs中间件代理跨域9.WebSocket协议跨域2.1. 通过jsonp跨域jsonp缺点:只能实现get一原创 2021-05-28 09:50:29 · 11916 阅读 · 0 评论 -
HTML——页面加载的过程
1. 通过DNS解析后得到服务器地址2. 经过TCP/IP三次握手确认链接后,服务器将需要的代码发回给浏览器3. 浏览器接收到代码后进行解析,根据 HTML 结构生成 DOM Tree4. 根据 CSS 生成 CSSOM5. 将 DOM 和 CSSOM 整合形成 RenderTree6. 根据 RenderTree 开始渲染和展示7. 遇到 <script> 时,会执行并阻塞渲染,因为 Javascript 代码有权利改变DOM树...原创 2021-05-27 18:03:51 · 534 阅读 · 0 评论 -
HTML——H5前端框架
1. Bootstraphttp://getbootstrap.com/2. Amaze UIhttp://amazeui.shopxo.net/3. Frozen UIhttp://frozenui.github.io/4. WeUIihttp://weui.github.io/weui/5. MUI(IOS风格)http://dev.dcloud.net.cn/mui/6. Pure(纯CSS)http://purecss.io/原创 2021-04-29 10:20:05 · 1200 阅读 · 0 评论