- 博客(76)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 table中连续标点符号不换行，怎么治
table中连续标点符号不换行，已经设置了word-break:break-all;word-wrap:break-word;并没什么用，怎么破
2023-03-24 15:00:11
219
原创 纯css实现table固定首行、首列（主要应用在移动端）
PC端的插件bootstrap-table-fixed-columns、bootstrap-table相结合可以实现table固定首行、首列，可是在移动端却玩不转了；改用css实现，省掉了好多插件的引用，主要使用了table的table-layout: fixed以及posotion: sticky
2020-08-14 19:05:14
3046
6
原创 dom节点原生的append、appendChild方法
dom节点是有原生的append方法的，并不只属于jquery的专利。不过dom节点的原生append方法要求的浏览器版本高些。真挚感谢企业微信中打开项目页面时所报的bug，带来这个小惊喜。
2020-07-28 11:42:35
6292
2
原创 javascript将后端JSON数据格式化为table需要的数据结构（依赖对象中不存在同名属性的特性）
对于table中的数据，很多情况下并不是简单地通过循环后端返回的数据列表就可以展现出来的，比如动态的表头、某些数据项的合计、特殊数据项过滤等等，这种情况下是需要前端自己通过再加工，才可以顺利的将table中的数据填充完整。
2020-07-26 10:03:22
525
原创 bootstrap-table、antd-table组件(react)实现首行、首列固定的表格
table固定首行首列，使用bootstrap-table-jquery、antd-table-react两种框架满足需求。
2020-07-13 16:17:05
2493
原创 一个bug的收获-数组、对象的遍历、数组的筛选、react调试工具
失败可以，但不能放弃。不懂可以，但不能不懂装懂。记得时不时扔掉自己身上贴的标签，摘掉自己的有色眼镜。你就是你，和别人无关。
2020-06-05 18:44:54
256
原创 typescript-类
类可以new实例，类可以extends类，类可以implement接口。类可以抽象，类的方法抽象了之后，就必须在派生类中实现细节。类的存取器可以实现对类的属性值进行存取。类的成员可以使用public、private、protected修饰符进行说明。类的静态成员使用static关键字描述，以<类名.静态属性名>形式进行使用。
2020-04-06 16:17:26
219
原创 typescript-接口
约束类的基本形状怎么可以少得了接口呢？必要的时候想要跳出接口的约束可以试试类型断言as哟！可选的属性怎么办，属性名称后加问号(?)呀！实际传入的对象比接口的属性要多怎么办，可以使用索引签名啊！
2020-03-28 15:41:21
167
原创 typescript-变量声明
有了数据类型就行了吗？没有变量一切免谈！变量只知道let,var,const就行了吗？至少得知道为什么要这样声明吧！
2020-03-27 17:22:54
376
原创 typescript-基础类型
知道有哪些类型，才能根据具体功能给变量做出类型的指定。基础类型很重要，但要记得不要看到类型报错就直接改为any类型，一了百了，这样就失去了typescript强类型的意义，慎重考虑一下，可能指定确定的类型更合适。
2020-03-26 16:22:05
219
原创 npm包的安装与卸载
项目中只要知道npm installl就行了！可多了解点嘛，如果自己知道了的，别人不知道，那不就是你潜在的技能么！！全局、局部npm包的安装、卸载相关内容都在里边了。
2020-03-18 17:16:15
6529
原创 window10系统+雷电模拟器 开发调试React-Native项目（无需安卓真机）
无需Android真机，windows系统和Android模拟器一样可以开发react-native项目，如果需要用到内网环境，直接改模拟器hosts文件就可以了。怎么改啊？进去看看呗！
2020-02-11 14:46:45
6392
2
原创 javascript中闭包妙用
开发项目过程中，有一个隐私功能，眼睛可点击，睁眼显示金额，闭眼显示星星星，如下图所示：睁眼：闭眼：基于小伙伴已经开发好了，拿过来用呗。好奇心总是促使我去琢磨别人的代码，咦？如下：function isShowMoneyFn( data ){ $('.js_isLook').on('click',function(){ if( $(this).attr('data-stat...
2019-08-05 14:50:25
121
原创 js配合a标签实现根据接口返回状态跳转新页面
项目中遇到，点击了按钮后，根据接口返回状态打开新页面。window.open可以实现，不过浏览器会阻止，那就绕道而行。业务场景：点击提交按钮后，根据请求接口的返回不同状态，弹出提示层或者打开新页面。html示例代码：<a id="Btn" target="_blank" href="https://www.baidu.com/">我是按钮</a>js示例代码：v...
2019-06-15 12:59:12
4007
原创 css特殊性值（权重）需要搞明白
收到这样一个问题，如下：正确样式：异常样式：样式如下：.public_nav_top .tip_menu_info选择器的font-size、font-family被div选择器的对应属性值覆盖了，根据特殊性值计算：div选择器特殊性值是0,0,0,1，.public_nav_top .tip_menu_info选择器特殊性值是0,0,2,0，后者大于前者呀，这个慌张。这说明了基础还...
2019-05-24 15:51:56
297
原创 去他的history.go(-N)和pushState popstate，改用replaceState完美解决
都是返回上一页闹得，打球都心不在焉了。除了首页，其他的页面左上角都有一个返回上一页的按钮。这样的功能合情合理。一个window.history.go(-1)就能搞定的玩意儿。新需求来了，如下：需求一：A页：列表页（不同的业务，不同的列表页）B页：详细页（同一个详细页）C页：表单页（同一个表单页）A—>B—>C(提交成功)—>B(点击返回上一页)—>A需求二：...
2019-04-23 12:02:59
1718
1
原创 安卓微信window.history.go返回上一页后页面刷新，无法记录浏览位置的解决方案
移动端页面，顶部左上角返回上一页按钮很常见，如下图所示：按钮所在页面为目标页面，点击按钮返回到上一页，实现代码如下：window.history.go(-1)//或者window.history.back(-1)大部分浏览器、客户端，都是可以完美跳转，且会记住用户在上一页浏览的位置。在滑屏加载下一页的大列表页中，当滑屏加载了N页之后，看到可心的标题，随即进入到详细页，浏览完详细页后，...
2019-04-17 15:30:02
3371
原创 他和她的if/else生活
春天的确是个春心荡漾的季节，尤其是花花草草，那个热闹劲儿就别提了。和我家老头子，即将步入第六个年头了，相恋、结婚，暂时膝下无子。恋期2013年五一劳动节这天，老头子和我表白，我是初恋，他也是初恋；俩人都是软件工程专业；一个东北、一个河北；莫名其妙就凑到一起了。当时情况是这样的。我们在一个公司不同部门，只是面熟的状态，为了项目方便，加过QQ，偶尔在动态中有过互动，突然约我五一吃个饭。吃完饭，...
2019-03-29 11:38:26
1028
6
原创 由postMessage深究到的addEventListener
项目中用到两次postMessage了，今天才深究了一下。原来javaScript基础还是会随着时间的流失而变得模糊。需求父页面、子页面，两页面不同域，之间对话用到了postMessage。下面为了方便统称为F、C页。C页按钮的点击事件向F页发送一个消息小C，F页收到消息小C执行逻辑LC，LC执行完毕，F页向C页发送一个消息小F，C页收到消息小F执行逻辑LF。一句话，就是F、C页间相互通信。...
2019-03-26 12:32:51
3086
原创 ES6--正则的扩展
RegExp构造函数1、字符串类参数：第一个参数是正则表达式字符串，第二个参数是正则表达式的修饰符。2、正则对象类参数：ES5中不允许第二个参数（修饰符）出现。ES6改变了这种行为，第一个参数是正则对象，第二个参数指定修饰符。返回的正则表达式会忽略原有正则表达式的修饰符，使用第二个参数指定的修饰符。字符串的正则方法1、match()2、replace()3、search()4、...
2019-03-18 11:19:23
156
原创 判断对象（Object）的方法
使用typeof太频繁了，判断个String、Number的还好，Object就惨了。找了个万全的方法，长了点，可是好用。有更好的可以多多沟通呀。示例代码如下：var dataObj = {我是对象};if(dataObj&&Object.prototype.toString.call(dataObj)==='[object Object]'){ //我是对象的地盘，...
2019-03-13 11:12:45
5250
原创 自定义radio、checkbox的样式
需要用到自定义input为radio或者checkbox的样式，如下效果图：html结构：&lt;label class='radio-wrap'&gt; &lt;input type="radio" name="yearsOld"/&gt; &lt;span&gt;15~18岁&lt;/spa
2019-03-06 11:43:08
331
原创 css3--容器背景分上中下三部分，上下不变，中间部分垂直重复平铺切图方案
拿到个这样的设计稿，蓝色背景图片忽略，注意白线框。切图要求：1、红色框位置1：背景不变。2、红色框位置3：背景不变。3、红色框位置2：背景需要垂直方向重复，即内容不固定，支持垂直方向延展。4、黄色框位置4：放置内容区域。切图方案一：没准会想到简单粗暴的方式，直接切一张大背景就好了，为什么要较劲，不同页面切不同背景。可以直接那么搞，一次性的还好，时不时的让你维护一下内容，可能会惨死。...
2019-03-05 18:04:35
2562
1
原创 ES6--字符串的扩展
字符的Unicode表示法1、Unicode表示法：\uxxxx（四字节UTF-16编码），xxxx表示字符的Unicode码点。范围是0000~FFFF，超出此范围使用两个双字节表示。自己的理解：\uxxxx是字符的Unicode表示法，0xxxxx，是字符的16进制Unicode码点。codePointAt()1、Javascript内部，字符以UTF-16的格式存储，每个字符2个字节...
2019-03-04 14:46:51
221
原创 ES6—变量的解构赋值
数组的解构赋值一、基本用法1、完全解构：等号两边的模式相同，左边的变量就会被赋予对应的值。2、不完全解构：等号左边的模式，只匹配一部分的等号右边的数组，解构依然可以成功3、解构不成功：等号左边变量的值为undefined二、默认值1、数组成员严格等于undefined，默认值生效。2、数组成员为null，默认值不生效。3、默认值是表达式，此表达式是惰性求值，只有在用的时候才会求值。...
2019-02-15 16:13:28
197
原创 ES6--let和const关键字
最近项目没有太忙，静心拜读一下阮一峰的ES6，根据自己的理解，做个笔记，方便查找。如有不妥之处，欢迎指出。let1、let只在它所在的块里有效2、for循环中，循环条件中let声明的变量和每次循环中的变量不是同一个变量。循环条件中的变量是for循环整体的一个父级作用域变量，每次循环中的变量是局部变量。3、for循环中声明的函数，赋值给循环外的变量，该变量可以在循环之后调用，且函数中可以访问...
2019-01-09 14:34:06
179
原创 写在2018年最后一个工作日
作为一个女程序媛，编码虽然算不上兴趣，却一定经济自由的支柱。18年还有三天，今天是最后一个工作日，为了享受元旦的小长假，造就了这个在周六的工作日。这一年遭到了“生离死别”轮番轰炸，被炸成残片的我，历时四个月，重建了自己。1月18日怀孕，我要做妈妈了，孕期反应，医院跑来跑去产检，虽然很累、很苦，可心里却甜甜的。想象着这么个小玩意儿居然是我的复制、粘贴，真是激动。孕期，胎心胎芽，NT，唐筛，顺利...
2018-12-29 10:52:13
398
原创 react使用redux管理state
react使用了redux，项目里结构太乱，决定按照理解画画，简陋了点，做个笔记，方便回忆。redux发生的步骤：1、view中触发action，如下代码：2、action中会将相应数据dispatch，方便在reducer回调函数中操作。3、reducer回调函数接受到需要更新的数据后，将相应数据更新后，作为回调函数的返回值。4、store的subscribe监听数据更新，将组...
2018-12-18 10:32:49
679
原创 node升级到10后gulp同样需要升级
jenkins构建项目时，gulp抛异常了。询问后，测试机node升级到10了。查了一下gulp旧版本在node10下不能正常运行，需要升级。具体报错信息如下：$ gulpgulp[58128]: src\node_contextify.cc:628: Assertion `args[1]->IsString()' failed. 1: 00007FF7B583ECF5 2: 000...
2018-12-05 16:22:58
8449
原创 jsdoc使用自定义配置文件
需要在每个项目的静态资源构建的时，生成对应的注释文档，所以用到jsdoc自定义配置文件，方便查询总结此篇。一、配置文件，文件名称可自定义，我的叫jsdoc.json；代码如下：{ "tags": { "allowUnknownTags": true, "dictionaries": ["jsdoc","closure"] }, "sour.
2018-11-23 11:09:50
1851
1
原创 vscode中使用gulptask插件
在项目中需要手动打包，每次需要在cmd中输入gulp命令，实在是不想输入了，于是gulptask插件排上了用场，只要点击按钮就可以打包。一、vscode中查找gulptasks插件点击安装，如下图：二、配置好项目中的gulp环境，项目目录中有gulpfile.js，我的项目gulpfile.js代码如下：var gulp = require('gulp'), concat = re...
2018-11-22 16:49:33
2001
原创 vue使用pikaday日期插件
一、vue项目中安装pikaday插件命令：npm install pikaday --save-dev二、vue项目中安装moment插件命令：npm install moment --save-dev说明：该插件用来格式化日期插件三、组件中引入日期插件cssimport 'pikaday/css/pikaday.css'四、组件中调用在组件的mounted钩子中使用moun...
2018-11-06 16:05:46
1528
1
原创 谷歌浏览器安装离线插件方法
捣鼓vue的过程中主要在谷歌浏览器上装个Moesif Origin &amp; CORS Changer插件，国内网络情况的残酷事实让人头疼。之前没有安装过离线插件，昨天将.crx后缀的插件下载下来后装了一下没成功。今天早上来又琢磨了一下，原来是自己缺少步骤。现总结如下：1、下载.crx插件包，哪里下载都好，只要拿到就可以。如下图：2、将下载好的.crx文件后缀改为zip或者rar的。如下图...
2018-10-12 11:10:22
3653
1
原创 使用css3实现环形进度条
进度条效果如下： 整圆的效果处理会简单些，不完整环实现起来细节多点。下边是实现逻辑和过程。进度条组成：环形：两种颜色进度条，当余量少于50%时进度条颜色由绿色变为黄色。进度条结构由两个叠加环形组成；上叠加环形展示剩余量，深色；下叠加环形展示100%总量，浅色。样式实现：1：画一个方形，如图中阴影部分所示： 2：方形中画两个等大均分方形的矩形，(注意每个矩形一定要设置：o...
2018-06-01 15:57:10
47226
13
antd-table-react.zip
2020-07-13
css3+JavaScript实现环形进度条
2018-12-06
JavaScript实现加载不同尺寸图片自适应统一尺寸容器，且图片不变形
2016-05-09
javascript实现加载各种尺寸图片自适应同一尺寸容器，切不变形
2016-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人