Web前端 点滴技巧
kittyjie
这个作者很懒,什么都没留下…
展开
-
CSS iframe border IE问题
var IframeObj = document.createElement("iframe"); IframeObj.width =width; IframeObj.height =height; IframeObj.frameBorder原创 2011-07-08 10:08:24 · 2097 阅读 · 0 评论 -
前端解决跨域问题的8种方案(最新最全)
转自:http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下:URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp:转载 2017-02-22 11:14:33 · 547 阅读 · 0 评论 -
H5页面中有关视频的一些问题
1)在红米3或者note3中,用户上传视频通过URL.createObjectURL生成blob url进行预览,会出现黑屏,不能播放的问题,这是浏览器内核的一个bug,具体参考:https://bugs.chromium.org/p/chromium/issues/detail?id=253465如果通过FileReader调用readasDa原创 2017-12-18 17:12:43 · 1174 阅读 · 0 评论 -
ES2018: RegExp named capture groups
ES2018: RegExp named capture groups[2017-05-15] dev, javascript, esnext, es2018, regexpThe proposal “RegExp Named Capture Groups” by Gorkem Yakin, Daniel Ehrenberg is at stage 4. This blog post explai...转载 2018-07-04 11:27:30 · 424 阅读 · 0 评论 -
Array.prototype.reduce使用技巧
先看一下规范对这个方法的几个说明:Array.prototype.reduce ( callbackfn [ , initialValue ] )NOTE 1:callbackfnshould be a function that takes four arguments.reducecalls the callback, as a function, once for each e...原创 2019-07-16 11:16:57 · 521 阅读 · 0 评论 -
Vue项目中使用mockjs
mockjs功能还是挺强大的,网上好多文章介绍有的说在dev-server.js中导入,这样的问题是build中掺入了业务逻辑层的文件。有的是在main.js中导入,还有的在组件中导入,但问题是,同一套代码在构建dev版和prod版的时候还需要手工改代码,才能自动build。现在要达到一个目的,就是自动区分dev和prod,可以自动化build,并且mock的代码单独放在业务逻辑层里。首先...原创 2019-07-17 17:16:01 · 1904 阅读 · 0 评论 -
Element UI Popover组件多次点击后不再居中于触发节点的解决办法
在并排渲染多个popover组件的时候,当popover里面的内容宽度不一样,点击几次就会出现popover不再相对于触发DOM居中了,将出现很大的偏移。但是在触发滚动条或者改变窗口大小时,popover位置又会调整回来。这是因为element ui在使用的popper.js控件中监听了resize以及滚动事件,并在这两个事件中重新计算位置。那么怎么利用这个事件调整位置呢,因为element ...原创 2019-09-07 10:02:08 · 2127 阅读 · 0 评论 -
基于Element UI的Select控件实现多选框中单行显示&左右移动
控件主要功能,可以单行显示多选的tag,并且可以利用左右键移动tag在组件中的位置直接上代码:<el-select v-model="tags" ref="tagsSelect" multiple filterable remote clearable popper-class="tag-input-options" :remote-...原创 2019-09-07 10:24:24 · 3471 阅读 · 1 评论 -
typescript枚举类型编译后代码技巧
var Tristate;(function(Tristate) { Tristate[(Tristate['False'] = 0)] = 'False'; Tristate[(Tristate['True'] = 1)] = 'True'; Tristate[(Tristate['Unknown'] = 2)] = 'Unknown';})(Tristate || (Tris...原创 2019-09-09 18:08:57 · 678 阅读 · 0 评论 -
js canvas图片添加重复背景水印
/** * 给图片添加水印 * @memberof DomUtils. * @param {string} dataUrl - png图片的data url * @param {string} text - 水印文字 */ watermarkImage (dataUrl, text, style = {opacity: 0.5, font: '14px serif'...原创 2019-09-11 10:53:29 · 1418 阅读 · 0 评论 -
jsPlumb Toolkit库破解过程分析
网上看到JSPlumb这个图形库还不错,它本身提供一个开源版,但是开源版功能比较有限,还提供一个toolkit,这个版本功能比较强大,但是收费。本着学习的目的跟他们要了一个evaluation版本,当然在他们自己的网站demo里也可以自己下载toolkit版本。下面是一些链接,如果不是特殊需求,请尽量使用开源版本:下载链接,里面有开源版和收费版的介绍:https://jsplumb原创 2016-10-17 10:49:30 · 7569 阅读 · 1 评论 -
CSS3 画桶图(类似数据库或者磁盘的抽象图)
先看最终图形效果:主要的DOM就一个:看CSS,没考虑兼容性,但目前IE11,Chrome 46都没问题:.disk{ height:150px; width:100px; background:#efefef; border-left:2px solid #ddd; border-right:2px solid #dd原创 2015-11-04 10:20:34 · 1402 阅读 · 0 评论 -
IE6 IE7 IE8 FF兼容 高度
浏览器兼容代码: 浏览器 符号IE6IE7IE8FF*√√××!important×√×√_√×××\9××√×*html√×××*+html×√×× 说明:”√”代表能识别;” ×”代表不识别1、 案例一(常用)如果各个浏览器的高度都不相同,代码如下:.warp{Heigh转载 2011-07-12 13:10:56 · 1149 阅读 · 0 评论 -
腾讯微博新浪微博相互转发工具(GreenBrowser浏览器插件)
自动修改新浪微博个人主页,添加link,可以转发到腾讯微博。自动修改腾讯微博个人主页,添加link,可以转发到新浪微博。自动修改人人网主页,添加link,可以转发到腾讯微博和新浪微博目前已经支持附带图片转发。最新版本V0.5有问题请联系:bitjjj@foxmail.com非常方便~目前版本比较简单,开源代码。项目地址:http://code.goo原创 2012-02-05 09:06:34 · 1339 阅读 · 0 评论 -
白银价格转换器(美元/盎司->人民币/克)
白银转换器 BY bitjjj@foxmail.com body{ } var url = "http://api.liqwei.com/currency/?exchange=USD|CNY&count="; var YSTOG = 31.1035; function changeIt(){ va原创 2012-03-10 08:21:24 · 15002 阅读 · 0 评论 -
HTML5 postMessage 和 onmessage API 详细应用
http://www.ibm.com/developerworks/cn/web/1301_jiangjj_html5message/原创 2014-05-20 13:50:52 · 1545 阅读 · 0 评论 -
HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作
http://www.ibm.com/developerworks/cn/web/1210_jiangjj_html5db/原创 2014-05-20 13:48:51 · 1626 阅读 · 0 评论 -
使用 HTML5 File API 实现客户端 log
http://www.ibm.com/developerworks/cn/web/1210_jiangjj_html5log/原创 2014-05-20 13:50:19 · 1693 阅读 · 0 评论 -
JavaScript instanceof 运算符深入剖析
http://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/原创 2014-05-20 13:51:26 · 685 阅读 · 0 评论 -
纯JS实现的3D标签云,不依赖任何第三方库,支持移动页面
纯JS实现的3D标签云,不依赖任何第三方库,支持移动页面原创 2014-07-17 13:05:20 · 6862 阅读 · 3 评论 -
从雪球抓取金融资产数据
从雪球抓取财经数据或者m原创 2014-05-29 09:18:22 · 7157 阅读 · 0 评论 -
focusin&focusout 与click事件冲突问题
具体问题见:https://stackoverflow.com/questions/53773661/not-able-to-detect-button-press-when-using-focusout-and-focusin-along-with-click遇到的问题是用jquery on监听element ui dropdown menu里面的button click事件,做一些统计。但...原创 2019-09-19 13:32:54 · 963 阅读 · 0 评论