web
ztyqwe789
这个作者很懒,什么都没留下…
展开
-
瀑布流优化设计
需求:优化商品列表的瀑布流展示1、商品:包含图片和文案、分页请求的、一行两列2、图片:宽高不固定,懒加载现状:现有的方案是页面两个div,即两个管道,一个一个渲染商品项,判断两个管道哪一个高度小,就在小的管道最后插入一个商品。这种设计方案存在的问题是商品会插入到较高的管道上,原因是:图片是懒加载的,即图片的渲染是延时的,在取管道高度时,图片存在渲染未完成的情况,导致获取到的管道高度并不是真实的高度。解决方案:提前获取到图片的真实宽高,可以根据img元素节点获取到图片的真实宽高的“原创 2022-01-25 15:52:31 · 1026 阅读 · 0 评论 -
小程序文本内换行
<text>&ensp;&ensp;你好,空格\n &ensp;&ensp;换行+空格</text>ps: 标签是<text>原创 2019-01-21 09:24:49 · 8230 阅读 · 0 评论 -
扩展运算符
含义: 扩展运算符用三个点表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值。取数组最大值 var max = Math.max(null,array); Math.max(...array); 数组深拷贝 var arr1 = [1,2,3]; var arr2 = arr; var arr3 = {...arrr};...原创 2018-08-03 10:38:51 · 257 阅读 · 0 评论 -
渐变方向
1. 默认。不设角度方向,自上向下。linear-gradient(red,yellow)2. 0deg。自下向上。3. 顺时针旋转。45deg/90deg原创 2018-05-31 14:57:40 · 1490 阅读 · 0 评论 -
event loop js事件循环 microtask macrotask
console.log('start')const interval = setInterval(() => { console.log('setInterval')}, 0)setTimeout(() => { console.log('setTimeout 1') Promise.resolve() .then(() => { ...转载 2018-03-14 16:29:42 · 118 阅读 · 0 评论 -
ant.design相关问题
range、slider结合 Tooltip http://react-component.github.io/slider/examples/handle.html转载 2018-03-20 16:47:00 · 397 阅读 · 0 评论 -
自定义toast
//不完善;//可以toast;//top 不起作用function warn(msg, opt, left, top) { if (opt) { var obj = $("#" + opt); } new Toast({context: $('body'), message: msg}, obj, left, top).show();}var Toast = ...转载 2018-03-20 16:45:07 · 127 阅读 · 0 评论 -
promise封装ajax
function pa(method, url, data) { return new Promise(function (resolve, reject) { const xhr = new XMLHttpRequest(); const newmethod = method.toUpperCase(); xhr.open(newmetho...原创 2018-03-14 09:50:43 · 221 阅读 · 0 评论 -
node 实现监听端口号
// 引入Node.js 自带的 http 模块,并且把它赋值给 http 变量const http = require('http');// 创建createServer方法用于接受http客户端请求及返回响应的http服务器程序http.createServer(function (req,res){ // 发送 HTTP 头部 // HTTP 状态值: 200 : ...原创 2018-03-12 17:30:46 · 8571 阅读 · 0 评论 -
state和props的区别
state:可变的,属于组件内部的状态。props:不可更改的,属于组件对外的接口。原创 2018-03-12 17:15:35 · 676 阅读 · 0 评论 -
关闭端口号
关闭‘8000’1.运行'netstat -ano|findstr 8000'命令,结果:2.运行'taskkill /pid 6104 /F'原创 2018-03-12 17:15:48 · 358 阅读 · 0 评论 -
React生命周期
1 初始化:constructor(): 与React.Component一起使用,ES6 constructor(props) { // 初始化的工作放入到构造函数 super(props); // 在 es6 中如果有父类,必须有 super 的调用用以初始化父类信息 this.state = { // 初始 state 设置方式 }; }getD...原创 2018-03-12 17:01:10 · 272 阅读 · 0 评论 -
Cookie、localStorage、sessionStorage的区别
Cookie、localStorage、sessionStorage的区别1.存储大小估计cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。2.保存数据的生命周期cookie 一般由服务器生成,可设置失效时间;如果在浏览器端生成Cookie,默认是关闭浏览器后失效。localStorage在...原创 2018-03-12 10:24:59 · 131 阅读 · 0 评论