前端
风兮w
始终
展开
-
usecallback和usememo的误区
转载转载 2022-11-20 11:37:29 · 227 阅读 · 1 评论 -
移动网站适配
对于物理像素,设备独立像素,设备像素比,css像素,布局视口,可视视口,理想视口的概念了解参考我对移动端适配的了解移动WEB开发之-流式布局关于移动端适配,你必需要知道的各种视口和js中API的对应关系为:屏幕分辨率:screen.width布局视口:document.documentElement.clientWidth视觉视口:window.innerWidth理想视口:screen.width设备像素比:window.devicePixelRatio屏幕方向:window.or原创 2022-03-27 22:06:02 · 427 阅读 · 0 评论 -
解决antd mobile的长列表ListView不更新视图问题及源码浅析
问题描述:使用antd mobile 的listview 组件展示列表数据,每个列表项除了展示数据还有一个checkbox,整个列表上方有一个控制checkbox是否显示的按钮,当点击“显示”后,checkbox显示出来,此时上滑列表“加载更多”数据,再点击“隐藏”checkbox,此时的checkbox不消失原因:切换按钮状态可以触发render方法,但是由于antd-mobile对性能的优化,并不会每次都触发renderRow方法解决方法:需要重新设置dataSource,并且如果使用的是状态原创 2022-03-14 18:37:05 · 1231 阅读 · 0 评论 -
antd mobile Datepicker使用moment设置日期后显示NaN
苹果手机只支持按照’/‘划分的日期格式,如’YYYY/MM/DD HH:mm:ss’当然也可以使用原生的Date设置,如设置日期为选中日期的零点:date=>new Date(new Date(date).setHours(0, 0, 0, 0))原创 2022-03-14 16:03:59 · 876 阅读 · 0 评论 -
axios拦截器的执行顺序
参考AXIOS拦截器执行顺序的源码解释转载 2022-03-08 11:01:59 · 866 阅读 · 0 评论 -
前端优化总结
了解重排(回流)和重绘浏览器根据HTML文档构建DOM树的同时,用CSS解析器解析CSS文档构建CSSOM树,然后DOM树和CSSOM树共同构成渲染树Render Tree。重绘:当页面中元素样式的改变并不影响它在文档流中的位置时(例如:color、background-color、visibility 等),浏览器会将新样式赋予给元素并重新绘制它,这个过程称为重绘重排:当 Render Tree 中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。引原创 2022-02-23 21:27:43 · 197 阅读 · 0 评论 -
js原型链和类的继承
1. 原型链原型链描述了实例对象和构造函数的关系,每个实例对象obj都包含一个__proto__属性,每个构造函数Class都有一个prototype原型对象,两者的关系是obj.__proto__===Class.prototype,而构造函数的原型和构造函数的关系是Class.prototype.constructor===Classinstanceof就是按照上图,从左侧的__proto__向上查找,从右侧的prototype向下查找判断是否指向同一个终点2. new操作符function原创 2022-02-11 10:38:47 · 415 阅读 · 0 评论 -
addEventListener第三个参数useCapture
参考博客addEventListener()中的第三个参数参考博客addEventListener()第三个参数useCapture (Boolean)详细解析总结:W3C标准中event触发的顺序:先捕获再冒泡 | | / \-----------------| |--| |-----------------| element1 | | | | || -------------| |--| |---------原创 2022-02-09 11:06:50 · 952 阅读 · 0 评论 -
select组件先已知value,再动态渲染<option>列表导致显示问题
select option的value目前只支持string类型,所以需要将option的value修改为string类型才能正确显示文本原创 2021-10-10 16:07:41 · 324 阅读 · 0 评论 -
antd treeselect组件搜索配置
转载自博客 有时候我们需要在TreeSelect中添加搜索功能,Antd是有提供对应的配置选项,两步即能实现: 1、在a-tree-select标签中添加show-search参数,这能在下拉中显示搜索框,需要注意的是仅在单选模式下生效; 2、在a-tree-select标签中添加tree-node-filter-prop参数,其值为tree-data参数绑定的数组(图中接口返回的整个data转载 2021-10-10 12:08:44 · 1549 阅读 · 0 评论 -
antd select组件使用onSearch踩坑
问题:使用onSearch的时候搜索列表不能及时显示解决办法:参考转载 2021-09-26 15:28:55 · 3171 阅读 · 0 评论 -
关于antd-mobile的Tabs标签设置page或者initialPage后无法点击的问题
转载自博客 估计这是Tabs组件的一个bug吧 做H5项目时,阿里的UI组件库比较多,一直用的很愉快,感谢阿里! Ant Design Mobile组件库 不过,今天在使用tabs组件时,发现了一个bug,一个好的bug,总是让你欲仙欲死,特地记录下来让大家高兴一下。 如下图所示,目前有3个tab页。 项目首页地址为:http://xxx?wantTabNum=2,访问首页时,默认打开的是第一个tab,但是如果链接中wan转载 2021-09-22 15:59:27 · 998 阅读 · 0 评论 -
antd TreeSelect组件显示value而非title问题
首先,保证在给TreeSelect的value赋值时treeData中必须已经包含了该value值还需要注意,value必须是string类型,如果使用number类型的value则会出现这个问题原创 2021-07-31 17:39:15 · 1449 阅读 · 0 评论 -
解决react项目启动invalid host header问题
问题描述:react create app项目在本地(localhost或127.0.0.1)环境中可以正常访问,但是部署到服务器后,可以用公网IP但不能用域名访问解决办法:第一种:项目根目录新建.env.development.local文件,文件中写入:DANGEROUSLY_DISABLE_HOST_CHECK=true需要注意git默认忽略该文件,需要在.gitignore文件中将该文件注释掉才能上传到github上第二种:npm run eject暴露webpa.原创 2021-06-16 11:03:53 · 2469 阅读 · 0 评论 -
前端防抖和节流
参考 博客总之,节流是将频繁执行的函数限制在每隔一段时间执行一次,防抖是将频繁执行的函数只在函数停止执行时执行一次封装的防抖函数function _debounce(deFunction){ let timer; return function(){ if(timer) clearTimeout(timer);//如果函数继续触发则取消执行函数 timer=setTimeout(() => { deFunction();原创 2020-11-28 11:03:13 · 260 阅读 · 0 评论 -
html的attributes和dom的property的区别
转载自https://www.cnblogs.com/elcarim5efil/p/4698980.html转载 2020-08-15 16:15:02 · 104 阅读 · 0 评论 -
nodejs sequelize参考及问题
sequelize是什么ORM:把关系数据库的表结构映射到对象上sequelize是把对象映射到数据库中的表和数据中sequelize的用法从基础开始创建项目并使用:参考廖雪峰的网站node.js 使用 sequelize 操作数据库(可以不用创建koa项目,直接创建app.js文件,并在其中使用立即执行函数或者其他方式进行数据库操作)基本的操作函数基本的操作事务S...原创 2020-04-14 15:51:19 · 1021 阅读 · 0 评论 -
vue组件中插入图片
最近在Vue学习交流群里面发现很多小伙伴在想要在vue中显示图片,但是把图片写在data里面作为变量传到模板中的时候却发现图片出不了,以为是图片路径的问题,查了半天还是出不来。解决方法方案1: 使用require将图片进入,写法如下logo: require('../asset/admin/logo.png')1然后再模板中:<img :src="logo">1就可以了。...转载 2020-03-22 13:13:17 · 4820 阅读 · 0 评论 -
正则表达式总结
js正则表达式的基本语法var parttern=new RegExp('ab');或者 var pattern=/ab/相关函数rexExp.test(string);如果string中有匹配的字符串,则返回true,否则返回falserexExp.exec(string); 查找并返回当前的匹配结果,并以数组的形式返回;如果不存在模式,则返回 null,可以以括号为单位作为数...原创 2020-03-07 18:06:50 · 145 阅读 · 0 评论 -
express+ajax提交表单易错点
ajax提交表单后页面自动刷新看不到后台返回数据原因:form里面的button元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作,表单操作默认有刷新页面的功能解决:将所有元素外层的form标签去掉或者换成div,或者将button显示声明为type="button"并使用onclick属性定义表单提交函数如下:前端HTML代码: <form...原创 2020-03-07 16:31:46 · 177 阅读 · 0 评论 -
JSONP原理解析
什么是JSONP?先说说JSONP是怎么产生的:其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,着用自己的方式来阐释一下这个问题,看看是否有帮助。1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web...转载 2020-03-07 10:34:28 · 153 阅读 · 0 评论 -
nodejs+express创建最简单服务器
前提:安装nodejs 1.创建Express文件夹,在文件夹下打开终端命令窗口,安装expresscnpm install express --save2.Express文件夹下 安装express 的应用生成器,cnpm install express-generator -g3.初始...转载 2020-03-05 14:11:47 · 257 阅读 · 0 评论 -
JavaScript同步执行、异步执行及异步事件队列中的执行顺序
首先明确两点:1.JS 执行机制是单线程。2.JS的Event loop是JS的执行机制,深入了解Event loop,就等于深入了解JS引擎的执行。单线程执行带来什么问题?在JS执行...转载 2020-03-05 10:53:20 · 2306 阅读 · 1 评论 -
bootstrap框架的.container和.container-fluid的区别
转载自文章container 类和container-fluid类的区别体现在是否有随视口宽度改变的margin存在。container-fluid类的百分百宽度是指在固有的15px的padding前提下宽度总是当前视口的宽度。container类所谓的自适应是通过margin的改变来完成,但也具有固定的15px的padding。...转载 2020-02-27 19:47:53 · 293 阅读 · 0 评论 -
Androidstudio更改app图标和名称bug
正常情况下操作步骤如该链接所示:https://blog.csdn.net/zhangkaidsy/article/details/74852470但是我在更换图标之后并没有作用,查看mipmap文件夹下有很多-v26文件夹,这些文件夹下面都是原本未替换的图标,参考他人博客中提到这些都是sdk26版本以上使用的,所以替换这些文件里面的图片(每个文件夹里有两个,前景和背景图)为自己的图标图片就完...原创 2019-12-08 17:22:47 · 354 阅读 · 0 评论 -
face='Webdings' 以及"wingdings"的字体对照表
转载自https://blog.csdn.net/comeonJ/article/details/17284455转载 2019-10-17 18:18:49 · 702 阅读 · 0 评论