个人笔记
几声安好
一个努力摸鱼的前端工程师。
展开
-
Antd使用Table组件可编辑行功能 + 扩展编辑行组件Select的全选功能
在使用Antd的UI组件库的Table组件时碰到的部分问题。以及业务需求处理在编辑过程中的Select组件扩充全选的功能。仅做记录。实现编辑组件的主要代码interface EditableCellProps extends React.HTMLAttributes<HTMLElement> { editing: boolean; dataIndex: string; title: any; inputType: 'select' | 'text'; record:原创 2020-11-24 18:24:13 · 3058 阅读 · 1 评论 -
JS正则表达式随记
一、校验数字的正则表达式:1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$8 正数、负数...转载 2018-05-09 10:58:21 · 142 阅读 · 0 评论 -
2018-5-8 组件开发的一些记录
组件化思想是近几年来说,在前端领域非常火的一个开发思想。 以下是转自知乎的我认为的跟自己理解相近的对于组件的介绍: 组件是对逻辑的封装,不限于图形元素。即我们可以把if做成组件、把一个倒计时做成组件、把一段动画做成组件、把路由做成组件、把数据架构做成组件,而这些并不能称为控件组件具备单个可移植性,即“随加载随用”,不需要为其准备复杂的基础条件(如引入样式、引入框架等)...原创 2018-05-08 09:36:07 · 125 阅读 · 0 评论 -
如何监听浏览器窗口变化
onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数<html><head><title>onresize测试</title><script type="text/javascript">window.onresize = resize;function resize(){ alert("检.转载 2018-05-08 10:51:11 · 2859 阅读 · 0 评论 -
项目踩坑随记 —— getTime() is not a function
最近在做公司项目的收尾上线工作,途中遇到的了不少莫名其妙的bug,总的来说上一个团队写的这个项目实在是太粗糙了,使用当下流行的Vue框架+ElementUI创建的项目,竟然能做到一个Vue文件5000+行,让我实在是佩服不已。而修改代码的过程中也是坑得不行。主要代码的可读性还是太差了。作为警示,在自己以后的代码生涯中,请一定写好备注。好了,吐槽完毕,来说一说困扰了我不少时间的bug。而这个bug也...原创 2018-05-30 10:57:33 · 9010 阅读 · 0 评论 -
CSS组件之CheckBox自定义样式
本文主要是通过CSS实现如何自定义CheckBox的自定义样式。在项目的开发过程中难免会经常遇到需要自定义CheckBox的样式问题,原生的CheckBox样式实在是很难符合现代人越来越高的审美观。今天在项目的开发过程中又遇到了这个问题,索性直接将代码记录下来,方便后续使用。首先是html代码如下:<div class="box-list"> <div class...原创 2018-09-12 16:23:37 · 770 阅读 · 0 评论 -
webGL学习笔记第一天 ———— 2018-09-12
webGL的实现由三大要素构成:场景(scene)、相机(camera)和渲染器(renderer);场景(scene):所有物体的容器。只需要创建一个。构造函数:var scene = new THREE.Scene();相机(camera):决定了哪个角度的景色会显示出来。分为:正投影相机(THREE.OrthographicCamera)和透视投影相机(THREE.Pers...原创 2018-09-12 16:38:56 · 233 阅读 · 0 评论 -
HTML初始化CSS总结
记录一下经常用到的淘宝的CSS初始化代码,以方便后续使用。body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, bu...原创 2018-09-25 13:08:20 · 1470 阅读 · 0 评论 -
微信网页开发,动态修改页面Title
Fucntion如下:xxx.setDocumentTitle = function(title) { document.title = title; if (/ip(hone|od|ad)/i.test(navigator.userAgent)) { var i = document.createElement('iframe'); i.sr...原创 2018-11-21 17:07:37 · 3849 阅读 · 0 评论