![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
爱忽悠的唐唐
有梦想的人,永远年少
展开
-
js金融业务开发小技巧
第一种方法// 输入小数点后两位金额const inputMoney = (value) => { value = value || '' return value.replace(/[^\d.]/g, '') .replace(/^\./g, '') .replace(/\.{2,}/g, '.') .replace('.', '$#$') .r...原创 2020-03-18 21:26:34 · 298 阅读 · 1 评论 -
vue之provide/inject
经测试发现,当provide提供为对象或者是某个方法时,子对象取值才会是响应式的。父组件代码 parent.vue<template> <div> <Child /> <button class="btn" @click="clickTest" > 点击我 </but...原创 2019-12-13 15:13:37 · 320 阅读 · 0 评论 -
eslint推荐配置
// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, }, // htt...原创 2019-12-05 18:02:57 · 687 阅读 · 0 评论 -
Chrome DevTools 开启性能监控
打开 URL:“chrome://flags/#enable-devtools-experiments”将 “Developer Tools experiments” 选项设置为“Enabled”,如下图重启chrome开启性能监控原创 2019-06-04 14:27:41 · 886 阅读 · 0 评论 -
vue指令:限制输入数字,可配置最大值最小值及小数点位数
directives: { // 保留2位小数点指令 不四舍五入 fixNumber: { update: function (el, { value, modifiers }, vnode) { try { let input = el.children[0] if (!inpu...原创 2019-07-18 14:22:22 · 9023 阅读 · 2 评论 -
mac vscode code-runner无效
1、进入 ~/.vscode/extensions 目录中open ~/.vscode/extensions2、打开目录中 formulahendry.code-runner-0.9.10/out/src/codeManager.js 文件3、注释下面代码line 12://const micromatch = require("micromatch");line:225-236...原创 2019-07-30 22:20:09 · 1796 阅读 · 0 评论 -
fiddler断点修改响应内容
单断点调试bpu url如: bpu http://www.baidu.com进入断点后会显示红色背景的T,同时右侧会出现调试按钮,此时可以点击break on response。再切换到raw,就可以修改响应,修改完成之后,点Run to Completion.取消断点取消断点,在命令行输入: bpu 回车就可以了...原创 2019-07-23 13:41:23 · 940 阅读 · 0 评论 -
vscode tabnine 影响 emmet快捷键
前言tabnine的tab键与emmet冲突,导致emmet的补全标签功能出现问题解决方法打开文件->首选项->键盘快捷方式。在搜索栏输入tab搜索,找到键绑定值为Tab的,点击鼠标右键,选择显示相同的按键绑定。删除acceptSelectedSuggestion命令的键绑定...原创 2019-08-16 10:10:21 · 2057 阅读 · 0 评论 -
了解dom-diff算法
虚拟DOM1、新建react项目//全局安装脚手架工具$ npm install create-react-app -g//创建项目$ create-react-app dom-diff// 进入项目目录$ cd dom-diff// 编译$ npm run start2、定义虚拟DOM类什么是虚拟DOM? 虚拟DOM就是使用javascript对象来表示真实DOM,是一个...原创 2019-08-13 10:49:49 · 193 阅读 · 0 评论 -
vue表单输入组件之v-model
v-model的实质为语法糖,相当于v-bind:value和 v-on:input的结合。如果需要定义表单输入组件,需要在值变更的时候,在组件中触发input方法。原创 2019-06-19 09:25:03 · 220 阅读 · 0 评论 -
移动端浏览器一键复制神器之ClipboardJS
网址https://clipboardjs.com/引入方式通过npm安装clipboardjs或者直接下载zip包,将js文件拷贝到你的插件目录,如 static/plugin 下在index.html文件中引入该js插件,如: <script src="./static/plugin/clipboard.min.js"></script>使用方式触发...原创 2019-04-24 10:32:30 · 1442 阅读 · 0 评论 -
js图片加载完成前显示loading
&lt;html&gt; &lt;title&gt;js图片未加载完显示loading效果&lt;/title&gt; &lt;body&gt; &lt;style&gt; img{float:left;width:200px;height:200px;margin:0 10px 10px 0} &lt;/styl原创 2018-07-31 11:10:16 · 4115 阅读 · 0 评论 -
element表格数据跨行、跨列操作合并显示
<template> <div> <el-table :data="tableData6" border style="width: 100%; margin-top: 20px" :cellClassName="getCellClassName" :spanMethod="objectSpanMethod&quo原创 2018-08-06 13:58:31 · 8053 阅读 · 3 评论 -
js操作数组中数据排列组合
需求: 将 var priceOption = { age:[18,20], sex:[‘男’,’女’], hc:[‘2-6人’,’7-8人’] }上述对象中age与sex及hc自由组合:得到如下形式: {age: 18, sex: “男”, hc: “2-6人”} {age: 18, sex: “男”, hc: “7-8人”} {age: 18, s...原创 2018-08-06 14:02:25 · 2740 阅读 · 0 评论 -
实时检测input输入框,仅支持数字,支持最多两位小数(最简单)
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html lang=&amp;amp;quot;en&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta cha原创 2019-01-21 17:23:36 · 502 阅读 · 0 评论 -
微信IOS 6.7.4 键盘弹起页面上滑,键盘收起页面不会回到原位置
在app.vue中 mounted () { this.bindInputEvent() }, methods:{ bindInputEvent () { // 微信IOS 6.7.4 键盘弹起页面上滑,键盘收起页面不会回到原位置 if (util.browser.versions.ios) { window.addEventListe...原创 2019-01-23 15:16:52 · 730 阅读 · 0 评论 -
复制chrome 控制台里面打印的json对象 展开对象
var person = { name:'candice' }copy(person)原创 2019-02-22 10:34:59 · 12939 阅读 · 4 评论 -
el-autocomplete 当页面滚动但滚动区域不为window时,弹出层定位不准确问题
问题element中el-autocomplete组件,当页面滚动但滚动区域不为window时,弹出层定位不准确问题解决方案研究源码发现,el-autocomplete所依赖的popperjs有监听window滚动事件,能够在页面滚动时实时更新popper的位置。但因为我的布局滚动区域不是window,而是内容区域所在div。接下来我提供一种思路。在mounted方法中监听滚动容器的滚动事...原创 2019-02-19 12:10:54 · 1524 阅读 · 1 评论 -
Visual Studio Code 卡死,cpu过高
文件-》首选项-》设置 将search.followSymlinks 设置为false后,关闭Visual Studio Code,重新打开就不会卡了原创 2019-03-01 20:11:53 · 4458 阅读 · 1 评论 -
去除alert/confirm所带的网址
var wAlert = window.alert; window.alert = function (message) { try { var iframe = document.createElement("IFRAME"); iframe.style.dis...原创 2018-07-31 10:28:40 · 1905 阅读 · 0 评论