- 博客(18)
- 收藏
- 关注
原创 瀑布流优化设计
需求:优化商品列表的瀑布流展示1、商品:包含图片和文案、分页请求的、一行两列2、图片:宽高不固定,懒加载现状:现有的方案是页面两个div,即两个管道,一个一个渲染商品项,判断两个管道哪一个高度小,就在小的管道最后插入一个商品。这种设计方案存在的问题是商品会插入到较高的管道上,原因是:图片是懒加载的,即图片的渲染是延时的,在取管道高度时,图片存在渲染未完成的情况,导致获取到的管道高度并不是真实的高度。解决方案:提前获取到图片的真实宽高,可以根据img元素节点获取到图片的真实宽高的“
2022-01-25 15:52:31
1020
原创 小程序文本内换行
<text>&ensp;&ensp;你好,空格\n &ensp;&ensp;换行+空格</text>ps: 标签是<text>
2019-01-21 09:24:49
8226
原创 扩展运算符
含义: 扩展运算符用三个点表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值。取数组最大值 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
254
原创 渐变方向
1. 默认。不设角度方向,自上向下。linear-gradient(red,yellow)2. 0deg。自下向上。3. 顺时针旋转。45deg/90deg
2018-05-31 14:57:40
1478
原创 IDEA 启动失败 Cannot load project
删除此目录下文件C:\Users\Administrator\.IdeaIC2018.1\config\plugins重启IDEA
2018-05-22 09:52:51
2660
2
原创 Vue计算属性及缓存
计算属性,针对复杂运算多次引用var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this....
2018-04-13 11:36:00
2684
转载 ant.design相关问题
range、slider结合 Tooltip http://react-component.github.io/slider/examples/handle.html
2018-03-20 16:47:00
392
转载 自定义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
124
原创 protobuf使用
第一步:导入两个文件:protobuf-java-2.5.0.jar和protoc.exe。 protobuf-java-2.5.0.jar即protobuf所需要的jar包,如果用maven的话可以无视这个文件; protoc.exe是protobuf代码生成工具。第二步:写一个.proto文件 ...
2018-03-20 16:42:37
300
转载 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
111
原创 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
215
原创 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
8556
原创 关闭端口号
关闭‘8000’1.运行'netstat -ano|findstr 8000'命令,结果:2.运行'taskkill /pid 6104 /F'
2018-03-12 17:15:48
341
原创 React生命周期
1 初始化:constructor(): 与React.Component一起使用,ES6 constructor(props) { // 初始化的工作放入到构造函数 super(props); // 在 es6 中如果有父类,必须有 super 的调用用以初始化父类信息 this.state = { // 初始 state 设置方式 }; }getD...
2018-03-12 17:01:10
267
转载 React创建组件的三种方式及其区别
React创建组件的三种方式及其区别源地址:https://www.cnblogs.com/wonyun/p/5930333.htmlReact推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extends React.Component定义的组件虽然有三种方式可以定义...
2018-03-12 16:51:22
155
原创 Cookie、localStorage、sessionStorage的区别
Cookie、localStorage、sessionStorage的区别1.存储大小估计cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。2.保存数据的生命周期cookie 一般由服务器生成,可设置失效时间;如果在浏览器端生成Cookie,默认是关闭浏览器后失效。localStorage在...
2018-03-12 10:24:59
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人