随笔分类 - 前端
摘要：实现效果 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>T
阅读全文
摘要：问题 若固定了头部元素区域高度，比如固定的rpx，vh等，在其他手机中可能出现部分空白，导致界面不协调。我的解决方案是自动计算出头部区域元素的高度，让内容区域自动设置外边距 方案 使用了 unaipp提供的 uni.createSelectorQuery() 方法来获取头部区域的高度。首先，通过 r
阅读全文
摘要：QRCode能将链接转换生成二维码的组件，从antd@5.1.0开始提供 npm update antd -save 等待更新即可
阅读全文
摘要：Zepto 用文档的话来说，Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。 主要针对移动端，因为不兼容IE浏览器，所以更轻量级，体积更小，才10k左右，为移动端各事件提供很好的支持，但它也有部
阅读全文
摘要：为什么需要性能优化 1.提升用户体验 2.移动端网络速度慢 3.移动端设备性能低 CSS和js优化 减少资源请求次数，http连接握手是比较耗时的，可使用内联的css样式，可减少http请求的次数。但同时也带来了一些问题 写过的代码无法复用，使得HTML文件变大，加载时间变长。 外部文件引入，增加了
阅读全文
摘要：H5标签兼容 使用的标签容器如header标签，在ie旧版本不支持，可提前查看是哪些版本不支持 https://caniuse.com 如果要兼容IE浏览器，可引入html5shiv.js文件 JS浏览器兼容性 进行特性检测，而不是浏览器检测，如 window.requestAnimFrame =
阅读全文
摘要：VorlonJs 微软推出的移动调试工具，可以配合phpstudy使用，在电脑上测试手机页面 phpstudy官网下载，傻瓜安装，安装打开即可启动模拟服务器，将要查看的页面目录放置WWW这个目录下，然后查询本机ip打开页面（可以将链接生成二维码，直接手机扫码打开） node 安装node，直接官网下
阅读全文
摘要：Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，几种原有技术的结合体 优点 通过异步的模式，提升用户体验 减少不必要的数据往返，优化浏览器和服务器之间的传输，也减少了带宽占用 Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载 缺点
阅读全文
摘要：1.字面式声明对象 <script> //字面式 var person = { name:'张三', age:16, run:function () { return '走路'; } } alert('他叫' + person.name + ',今年' + person.age + '岁了，上学方式
阅读全文
摘要：前言 轮播图一般是广告区域使用，可定时切换，暂停。以下是原生js写的一个demo html代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js轮播</title> <link rel="stylesh
阅读全文
摘要：DOM 文档对象模型，网页加载的时候，浏览器会创建页面的对象模型 Javascript能够改变页面中所有的HTML元素 Javascript能够改变页面中的所有HTML属性 Javascript能够改变页面中的所有CSS样式 Javascript能够对页面中的所有事件作出反应 以下任何demo都不考
阅读全文
摘要：概述 因为浏览器的同源安全策略，同域名，同端口，同协议，导致我跨域请求的链接被终止，所以直接用XMLHttpRequest请求不同域上的数据是不可以的，但在页面引入不同域上的js脚本文件确是可行的，json就是利用这个特性来实现的，以下是我通过jsonp实现了跨域请求。 cookie值 functi
阅读全文
摘要：概述 HTML超文本标记语言，总结下周末学习的HTML常用标签。 h1~h6 标题头标签，表示文章的标题，h1定义最大的标题，h6定义最小的标题。浏览器会自动地在标题前后添加空行 p 有标题，自然有段落。p是段落标签，可以将文档分割为若干个段落，浏览器会自动地在前后添加空行 br 这是一个换行标签，
阅读全文
