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