小小瀚-优快云博客

原创 Typescript中的类，接口，泛型

Typescript中的类1.es5中的类：function Person(){ this.name = '张三'; this.age = 20; this.info=function(){ console.log( `我叫${this.name}，今年${this.name}`); }}var p = new Person();p.name //张三p.info()2.ts中的类:class Person { name: string='李四';..

2022-04-07 15:45:27 1595

原创移动端网页、公众号兼容性问题记录

每个客户使用的设备都各不相同，所以会出现各种品牌手机样式或者js不兼容的情况，这里我们在做项目中也遇到并记录了各种兼容问题的一些产生与解决方案，避免以后再次出现兼容性问题影响客户体验，同时在代码编写上就提前规避到兼容问题，提高开发效率。一、iOS中多个position:fixed中z-index失效导致的坑项目中难免会遇到一些弹框提示，在ios苹果手机，多个position:fixed导致层级关系失效，弹窗无法显示。怎么调试都无法实现（如图），部分苹果手机不会出现此问题。对于这个兼容性问题这边进行实

2022-03-25 15:33:40 3621

原创浏览器强缓存与协商缓存详解以及实践

浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。

2022-03-22 11:00:00 8235 2

原创前端性能优化之渲染优化

1.知识体系1.1从URL输入到页面加载打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？现在带大家来看看流程。首先我们需要通过 DNS（域名解析系统）将 URL 解析为对应的 IP 地址，然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接，随后我们向服务端抛出我们的 HTTP 请求，服务端处理完我们的请求之后，把目标数据放在 HTTP 响应里返回给客户端，拿到响应数据的浏览器就可以开始走一个渲染的流程。渲染完毕，页面便呈现给了用户总体来

2022-03-21 15:02:30 4642

原创 Next.js的Babel及拆包优化

1 Babel兼容1.2 Babel按需加载规则（useBuiltIns）在Babel>7的条件下，支持通过useBuiltIns参数来实现按需加载必要的垫片。useBuiltIns=false不会自动引入垫片。useBuiltIns=entry通过@babel/preset-env插件，按照浏览器环境按需加载需要的模块来替换对core-js的直接引用。该方式会以浏览器环境配置为准，全量引入最低浏览器所需要的所有垫片。例如输入源码为：..

2022-03-21 11:01:14 3234 1

原创常见兼容问题处理方法

罗列一些项目中经常遇到的一系列兼容性问题，解决后能够更好的提高用户体验。

2022-03-21 10:30:32 4565

原创 md文档自动上传图片

Typora设置图片自动上传图床教程~终于可以快乐的写markdown文档啦~~~！！！！先上效果：1、准备注意软件不要随便无脑装，找一个固定装软件的目录，方便管理~~安装 Typora（一个贼好用的md文件编写软件）, 传送门安装 Picgo（图片上传工具） , 传送门 gitee (用来做git图床，github会因为网络问题经常上传不上，国内还是用gitee好一点) , 传送门 2、配置Typora 打开【设置】-

2022-03-21 10:21:34 1147

jquery仿淘宝商城商品图片预览选择代码

jquery仿淘宝商城商品图片预览选择代码仿淘宝商城商品图片预览选择代码

2018-04-26

ShopNC多用户C2C商城系统

ShopNC多用户【B2B2C】电商平台系统采用PHP+MYSQL开发，系统融合了多用户商城、团购、CMS（文章、专题、画报）、圈子讨论组、微商城（购物分享）、网页版聊天组件等功能为一体，系统特色：买卖家分离系统、供应商入驻系统、佣金结算系统、售后服务系统等。ShopNC【B2B2C】电商平台系统功能算比较全的了。

2018-04-26

jQuery仿天猫完美加入购物车

超炫加入购物车效果，和天猫、聚美优品加入购物车效果相媲美。点击加入购物车,物品以抛物线动画效果到达购物车。

2018-04-26

jQuery简单的放大镜效果插件XQ_bigimg

三个鼠标事件： onmouseover：鼠标移到指定对象上时触发； onmouseout：鼠标移出指定对象上时触发； onmousemove：鼠标在指定对象上移动时触发；迫不及待想试一试了。在你的页面里引入这两个文件。位置放在页面哪里都可以。 1 <img src="img/demo.png"big="true" setting='{"pwidth":400,"pheight":400,"margin_top":0,"margin_left":0}'/> 然后在加入你要显示的图片 xq_big="true" 这个属性很重要哦。它是标注当前元素为放大镜的标识。 1 setting='{"pwidth":400,"pheight":400,"margin_top":0,"margin_left":0}' 这个属性是为放大镜配置的参数。一定要遵循标准的json格式哦。节点属性用单引号。json属性用双引号。那么配置参数都有那些呢？ 1 2 3 4 5 6 7 8 9 { "pwidth" : 300,//配置可视区域的宽度默认300px "pheight": 200,//配置可视区域的高度默认200px "scale" : 3, //设置图片的放大比例默认3倍 "margin_top" : 50,//设置可是区域距离当前主体img的顶部距离默认为0 "margin_left" : 50,//设置可是区域距离当前主体img的右边距离默认为0 "pclass" : "", //为可视区域添加自定义类样式默认为空 "bigImg" :"" //设置当前主体所对应的大图片地址值，如果不设置，默认取当前img的地址值 } 怎么启动呢？嘿嘿这个不用担心，该插件会自动在文档加载完成后自动识别有xq_big属性的img标签。会自动为标注xq_big="true"属性的img标签加入放大镜的效果。看看神器吧！

2018-04-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人