- 博客(30)
- 收藏
- 关注
RSS订阅原创 JavaScript -异步遍历-Promise.all()
记录比较低级但是却踩了的坑原因是 forEach 是 同步遍历，最后用Promis.all()解决了异步遍历的情况。Promise.all()介绍Promise.all(iterable) 此方法在集合多个 promise 的返回结果时很有用方法返回一个 Promise 实例，此实例在 iterable 参数内所有的 promise 都“完成（resolved）”或参数中不包含 prom...
2020-03-11 20:32:05
3426
3
原创 部署 - 前端部署https服务，并配置安全证书
项目中要实现跨tab复制 剪切 粘贴，所以涉及到操作剪切板的操作，选用了navigator.clipboard，但是该api有必须在https的服务下才能用，所以就需要把项目部署城https服务。vue-cli中可以配置webpack达到启动https服务的效果，但是一直会有不安全的提示：这多膈应人啊，搞他！所以就搞起了安全证书。获取安全证书前提，首先要有个域名，然后在SSL for f...
2019-12-13 11:12:26
5143
4
原创 CSS - table超出父级div
用到div包裹table的布局，想要的效果是table的宽度等于div宽度，超出内容省略号显示。听起来很简单啊，设置table宽度为100%，省略号三行代码往上一粘，心想着大功告成。but！！！！页面效果发现其中一行数据较长，导致table其实是超出了父级div。原因查资料后发现原来table有不一样的默认样式table-layout，它的值是这样的：值描述autom...
2019-12-06 15:02:02
7508
1
原创 vue-cli3.0用axios加载本地json数据
项目需求要从本地定义好的json数据初始化项目中部分数据，虽然是个常见的功能，之前倒没写，所以这次踩了挺多坑。开始用axios请求数据，返回的是一个包含noscript的html，然后又去找其他各种方法，甚至用起了fs，也是没有成功。考虑到项目中环境复杂，最后干脆写个demo单独来测试功能。范围缩小后，就专注在解决axios和加载json文件上，有看到直接axios get文件的，但是静态文件...
2019-10-29 20:27:39
4119
3
原创 MxGraph - 改变mxCell的位置和大小
今天是被mxGraph的mxOutline打击到的一天。不过还好，加班解决这个小问题找回一点点自信。项目中有一个操作：选中一个mxell 然后改变其显示的内容，同时需要cell的宽度随着内容改变，达到宽度自适应的效果。改变cell宽度这个操作用了很多方法都没有达到效果，比如有些论坛提到的： this.graph.updateCellSize(cell, true); var geom =...
2019-10-16 21:18:36
2986
5
原创 JavaScript正则踩坑——RegExp.test()和RegExp.lastIndex
RegExp.test()和RegExp.lastIndex首先感谢同学帮助分析问题，最终才找到问题。话不多说，直接上代码说问题第一版代码 const result = parent.filter((child: ITree): boolean =>{ console.log(reg.test(child.name) || reg.test(child.id...
2019-10-10 16:35:17
931
原创 MxGraph - 解决通过mxgraph外部添加进mxgraph的mxCell不能立马被删除的问题
连着两个项目使用mxGraph来集成画流程图的功能，被这个东西折腾的够呛。突然又遇到mxGraph相关的问题，搞了一上午没解决掉，突然找到解决方法，记录一下过程。背景项目中集成了mxGraph，可以把项目中的一些代表步骤的 activity 通过 拖拽 或者 点击 的方法添加进mxGraph的画布中（项目中的activity => mxGraph中的mxCell）。如下图：左边是项...
2019-10-10 16:06:18
1716
2
原创 Git-删除某个已经push过的commit记录
找到要提交的记录id，类似1ed361d6bf331cb3e9fc695888d7ae76ae9dce59的一串字符串；执行命令： git rebase -i d65f0fba23f2113ece6fbb3d104a33a1a8a80406找到要删除的记录，将前面的pick改为drop；查看记录git log已经删除成功；...
2019-09-18 15:20:09
9076
原创 React - Ant Design中在form中为Switch赋值无效
当前有一个Form 其中有几个Item下用的是Switch，修改操作时候需要对Switch先赋值当前的值，但是发现怎么赋值都无效，赋的值检查了也是true,但是switch仍是关闭的效果。最终查看文档说 “经过 getFieldDecorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性）”果然搜索类似问题在解决方法里也看到valuePropN...
2019-07-08 14:49:38
9289
原创 js-将已有的文字复制到剪切板
react 项目中涉及到复制功能，逻辑就是用户点击一个复制按钮，将后台拿到的数据放进粘贴板供用户粘贴，感觉用插件还要引入和绑定DOM比较麻烦，就干脆用原生写了，以下为实现方法，注释已经写的比较明白了， 可以直接拿来用： handleCopyDDL = record =>{ // 获取需要复制的文字 const copyStr = record.ddl_str //...
2019-07-02 17:48:58
3141
1
原创 React-antd-Form自定义正则校验
今天发现antd 的form校验还是很好用的，既支持使用已有的校验格式，又可以自定义正则校验，甚至还能灵活地自定义校验方法，这次主要是用到正则校验，以下是关键代码： <Form.Item label="名称" > {form.getFieldDecor...
2019-07-01 14:47:27
10707
1
原创 Gojs去除左上角水印方法
react+ant design pro 项目用到了go.js来画数据关系图，npm安装，引入使用。完成看效果，比较难受的是图标左上角会有gojs的声明文字，这领导肯定不愿意啊。好在网上大佬比较多，很快找到解决方法，一张图总结一下比较具体的操作：找到文件 node_module/gojs/release/go.js打开文件，搜索字符串：7eba17a4ca3b1a8346注释掉这个字符串...
2019-03-28 10:19:48
3281
9
原创 实现“用App打开”功能（从网站跳转到App）
用App打开最近项目中涉及到了这个功能，拿到需求时候让我这个小白一脸懵逼，但是好在看了看博客后还是写出来了：判断当前环境 ，一系列判断；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式 语法；增加了支持甘特图的mermaid语法1 功能；增加了...
2019-02-20 18:55:01
2669
原创 js-正则不连续匹配
// 安装依赖npm install sass-loader node-sass vue-style-loader --D
2019-02-20 11:40:18
2054
2
原创 Vue不能实时双向绑定数据的问题
情景：有一个div通过v-show绑定数据data的isClick属性来控制显示（data原本是没有isClick属性的）当点击该某个按钮时候，为data数据设置isClick=true但是发现点击按钮后 div并不显示，继续进行其他操作时候，div才显示（显示慢了一步）解决：出现这一个不能实时双向绑定现象的原因是data最开始没有isClick属性，而当点击按钮时候直接为data...
2018-11-30 10:25:47
2014
1
原创 Vue项目中图片路径反斜杠问题
问题描述打开接手的一个项目中发现背景图不显示，F12后发现路径被解析成了css background: url(/abc\imgs\background.jpg) no-repeat center;手动在浏览器中把反斜杠改为斜杠图片正常显示css background: url(/abc/imgs/background.jpg) no-repeat center;查看代码，代码中...
2018-11-27 16:10:49
4121
1
原创 css居中方法
左右居中 { width:100px; /* 给定宽度 */ margin:0 auto； }水平和垂直均居中 /* 绝对定位结合margin */ { position:absolate; width:100px; /* 需要给定宽高 */ height:100px; top:50%; /* 上下定位父级的一半 */ left:50%; marg...
2018-11-27 15:50:11
180
原创 js提交a标签中的href地址
场景：项目中有一个删除是直接用的a标签的href和jinja的url_for+删除操作的路由地址实现删除操作<a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'> <i class='btn btn-xs btn-danger'></i></a>...
2018-11-08 10:29:32
4433
原创 jQuery-attr()和prop()用法总结
今天遇到一个通过身份证的读取，自动选择性别的功能 开始用attr方法设置radio的checked属性，radio确实被添加了checked=“checked”，但是对应的radio并没有被选中 经过搜索之后，发现改为prop方法便可以了，以下就总结一下了解到的关于attr()和prop()的一些总结。在jQuery 1.6之前， 对于表单元素的checked、selected、dis...
2018-08-30 16:38:25
560
原创 JavaScript自定义匀速运动框架
最近写到无缝轮播，所以用到了运动框架，就自己写了一个简单的匀速运动框架需求接受对象、对象需要改变的属性值、改变过程使用的时间等参数实现 在一定的时间内，把对象指定的属性，改变对应的变化量（这里是变化量不是目标量），比如使用1s的事件让div的height增加100px匀速：不管改变的值大小，小号的时间要一致思路记录改变对象的初始值记录改变时候的初始时间利用定时器不...
2018-08-28 13:46:16
637
原创 JavaScript常见页面效果-无缝轮播
无缝轮播在显示开发中还是比较常见的，基本每个网站都或多或少的用到无缝轮播。 这里写一下之前写的无缝轮播是如何实现的。这个轮播的实现利用了自己写的匀速运动框架，请先看另一篇博客中对匀速运动框架的介绍需求不做任何操作时候，图片自动向左滑动可以进行上一张和下一张操作鼠标悬停在图片上时候停止播放鼠标离开时候从当前的图片继续往后播放点击圆点选项时候能够从当前滑动到对应图片实...
2018-08-28 13:30:48
1535
原创 Web API 跨域问题
写了创建web api的小demo后，在另一个项目中的html直接去请求数据，但是得到了错误：Failed to load http://localhost:58764/api/Products: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhos...
2018-07-14 17:28:42
504
原创 Web API的初级使用
最近项目要做移动端，所以涉及到了对web api的使用，但是对于我来说这是一个新的东西，以前还没用过，所以在网上看了几篇博客之后根据例子学着写了个小demo，这边文章主要记录web api的简单的使用。打开vs新建项目（解决方案）操作步骤： 1） 2） 3）这里我选择了空模版，添加web api引用 添加Model 进入到项目中，使用和mvc类似 ...
2018-07-14 16:48:29
678
原创 CSS选择器
今天用到选择器，有些老是记不住或者混乱，再一次搜了阮一峰老师CSS选择器笔记看 看了好多次已经，还是决定还是自己手动写一写过一遍比较好以下均为具体的例子举例基础选择器 *（通用元素选择器，匹配任何元素）div （标签选择器，匹配所有对应的div元素）.info（class选择器，匹配所有的class包含info的元素）#info（id选择器，匹配id=‘info’的元素）...
2018-07-09 18:25:37
325
原创 ES6-let&const
使用 let 和 const 声明的变量解决了这种提升问题，因为它们的作用域是到块，而不是函数。之前，当你使用 var 时，变量要么为全局作用域，要么为本地作用域，也就是整个函数作用域。问题描述：js中会遇到变量提升的问题，“提升”就是在函数中声明的变量作用域会被提升到函数顶部。 比如这样： 实际上是：所以结果为：undefined简单示例：func...
2018-07-08 13:58:23
296
原创 CSS命名规范和常见命名
命名规范以字母开头 必须以字母开头命名选择器，这样可以保证所有浏览器都兼容；不允许单个字母的类选择器出现；不允许带有广告等英文的单词，如ad、adv、adver、advertising等，防止该模块被浏览器当成垃圾广告过滤掉；全小写，并用“-”连字符 下划线”_”禁止出现在class命名中，统一使用“-”连字符；禁止驼峰式命名；不要出现-数字连接；常见命名网页外层重...
2018-07-07 16:44:42
382
原创 CSS小练习之鼠标hover图片特效
深夜小练习涉及知识点：position:relative;/相对定位 只给定位不给值的时候 对元素本身没有任何影响background-size:cover;/cover 等比例的放大缩小图片 直到占满盒子ul li:before，ul li:after/伪元素 通过样式给元素添加内容/position:absolute;/绝对定位 相对于已经定位的父元素 脱离文档流...
2018-06-24 00:03:42
2777
原创 IE浏览器刷新后数据仍不刷新问题
问题描述： 1. 在网站中对数据进行更改操作后，刷新页面，数据仍是修改前的数据； 2. Bootstrap Table 的刷新方法$(‘#table’).bootstrapTable(‘refresh’)在IE浏览器中无效。解决方法：打开IE浏览器的设置；找到Internet选项；浏览历史记录下的“设置” 设置Internet临时文件下（之前设置的自动） ...
2018-06-14 18:56:02
5556
3
转载 怎样循序渐进、有效地学习JavaScript（转）
初学一门语言，要秉承一个原则：“能动手的，尽量别吵吵” 你需要一个能够从简到难的知识体系，一步一步跟下来。下面是干货。说明一下这张图，如何有效学习JS，我这里理解为JS原生，所以关于框架、工作流的内容，没有具体展开，有兴趣可以自行搜索。文档资料 a) 红宝书(基础)：https://book.douban.com/subject/10546125/ b) 蝴蝶书(进阶)：h...
2018-06-09 18:38:01
711
原创 “tsc.exe 已退出 代码为 1 ”解决方法
VS 2015 出现“tsc.exe 已退出 代码为 1 ”问题，网上有说修改项目属性中的TypeScript—>ECMAScript版本，但是改过之后还是报这个错误。有效解决方法是： 打开：https://www.microsoft.com/zh-CN/download/confirmation.aspx?id=48593 下载并安装（安装时关闭VS）...
2018-06-09 18:30:30
2118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人