自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 瀑布流优化设计

需求:优化商品列表的瀑布流展示1、商品:包含图片和文案、分页请求的、一行两列2、图片:宽高不固定,懒加载现状:现有的方案是页面两个div,即两个管道,一个一个渲染商品项,判断两个管道哪一个高度小,就在小的管道最后插入一个商品。这种设计方案存在的问题是商品会插入到较高的管道上,原因是:图片是懒加载的,即图片的渲染是延时的,在取管道高度时,图片存在渲染未完成的情况,导致获取到的管道高度并不是真实的高度。解决方案:提前获取到图片的真实宽高,可以根据img元素节点获取到图片的真实宽高的“

2022-01-25 15:52:31 1020

原创 小程序文本内换行

<text>  你好,空格\n   换行+空格</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 忽略文件

1.下载ignore插件2.重启IDEA3.选中忽略文件,右键“subversion”,选择忽略类型

2018-05-22 10:08:22 265

原创 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

原创 state和props的区别

state:可变的,属于组件内部的状态。props:不可更改的,属于组件对外的接口。

2018-03-12 17:15:35 674

原创 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关注的人

提示
确定要删除当前文章?
取消 删除