![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
haiweini
这个作者很懒,什么都没留下…
展开
-
vuelidate + vue + TS 项目配置
vuelidate + vue + TS 项目配置:三步走npm i @types/vuelidate --save-dev您也可以尝试删除node_modules dir和.lock文件并运行npm install1.// registerComponentHooks.tsimport{Component}from"vue-property-decorator"Component.registerHooks(["validations"])...原创 2020-09-10 15:06:10 · 367 阅读 · 0 评论 -
基于VuePress+GitHub Pages搭建个人博客及部署
一、构建项目1.构建基本项目结构1.新建一个名为blog-demo的文件夹,命令行进入到该文件夹目录,输入命令:# 按默认配置初始化一个项目,此时会在当前目录下生成 package.json 文件npm init -y2.将VuePress作为一个本地依赖安装npm install -D vuepress3.在package.json里的scrip...原创 2020-04-28 17:10:51 · 1745 阅读 · 0 评论 -
JS:复制内容到剪贴板(无插件,兼容所有浏览器)
HTML部分:<button οnclick="copyToClip('内容')"> Copy </button>JS部分:/*** 复制内容到粘贴板* content : 需要复制的内容* message : 复制完后的提示,不传则默认提示"复制成功"*/function copyToClip(content, message) { ...转载 2020-04-27 16:39:10 · 661 阅读 · 0 评论 -
echarts的tooltip中动态渲染自定义内容
有这样一个需求:需要在图表最后那个hover或者click数据点时,能够在浮层(tooltip)中展示详细数据,并且这个浮层有规定样式,点击某个数据需要对应页面。也就是说浮层中的内容/样式/事件都需要自定义。简单实例是这样的:数据动态渲染且绑定事件对照echarts的api发现没有提供自定义的口,在github的issues找到了回答,不支持!!formatter返回html也不...原创 2020-03-26 02:52:34 · 4280 阅读 · 0 评论 -
vue中v-for渲染子组件删除某元素产生渲染错误问题及解决方法
项目背景最近使用Vue开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件。同时每个元素都有删除按钮,点击后删除当前元素。初始代码如下:父组件:<template> <div class="content-body"> <div>任务</div> &...转载 2020-03-10 22:41:50 · 3545 阅读 · 2 评论 -
js实现通过url下载文本/图片/视频且不跳转新页面
网上无数下载的方法,先挨个试试看好不好用,不好用再用此方法 ajax(url, callback, options) { window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open('get...原创 2020-02-21 19:21:12 · 4662 阅读 · 1 评论 -
fetch总结
What fetch官方描述:Fetch API提供了一个 JavaScript接口,用于访问和操纵HTTP管道的部分,例如请求和响应。它还提供了一个全局fetch()方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest实现的。Fetch提供了一个更好的替代方法,可以很容易地被其他技术使用,例如Service Workers...原创 2019-11-07 16:14:16 · 2508 阅读 · 0 评论 -
vue2组件通信-使用dispatch和broadcast
vue2组件通信-使用dispatch和broadcast最近在使用Element过程中发现组件通信大量使用dispatch和broadcast两个方法,之前在vue2 组件通信也提到过 vue2 中取消了$dispatch和$broadcast两个重要的事件,而 Element 重新实现了这两个函数。代码地址放在element-ui/lib/mixins/emi...转载 2019-10-23 20:09:50 · 1509 阅读 · 0 评论 -
vue中的provide和inject
vue中的provide和inject浅析provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。定义说明:这对选项是一起使用的。以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。通俗的说就是:组件得引入层次过多,我们的子孙组件想要获取祖先组件得资源,那么怎么办呢,总不能一直取父级...转载 2019-10-23 17:06:19 · 192 阅读 · 0 评论 -
js 大数字降低精度问题
Js 和任何一门语言一样,对其数值的范围有限制。Number.MAX_VALUE // 1.7976931348623157e+308Number.MAX_SAFE_INTEGER // 9007199254740991Number.MIN_VALUE // 5e-324Number.MIN_SAFE_INTEGER // -9007199254740991降低精度的原因:一旦数...原创 2019-08-29 17:29:27 · 481 阅读 · 0 评论 -
chrome正常IE和Edge浏览器报错:SCRIPT1014: 无效字符
问题描述:Vue项目中使用团队开发的组件库,使用的脚手架3。问题原因在于组件库大多使用ES6开发,而项目引入组件库,但未配置使用babel进行转义导致报错!问题解决:在vue.config.js中添加:transpileDependencies。[]中添加组件名称。由于默认情况下babel-loader会忽略所有node_modules中的文件。如果你想要通过Babel...原创 2019-08-26 20:26:43 · 5994 阅读 · 2 评论 -
移动端页面判断是否是iphoneX
判断iphoneXfunction isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 812 &am...转载 2019-08-20 11:48:15 · 3797 阅读 · 0 评论 -
vue事件修饰符
事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event,把它传入到methods中的方法中。 在Vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有:.stop: 等同于JavaScript中的event.stopPropa...原创 2019-08-02 11:06:36 · 337 阅读 · 0 评论 -
input type="hidden" 用途
需要在页面存储但并不需要显示出来的值,我们通常使用Html代码<inputtype="hidden":value="value"/>this.$emit('input', value);来存储。在vue中使用:v-model是一个语法糖,等于:value+@input。触发事件,将value绑定给隐藏域,来存储值。上面是html中的隐藏域。主要作用为...原创 2019-08-01 16:22:52 · 1770 阅读 · 0 评论 -
offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解
offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解el.offsetHeight = height + padding + border(滚动条是在边框内的,自然也包括在内)el.clientHeight = 可视化看到的高度 (就是content的高度)el.scrollHeight = 整个元素的高度 ( 包括了clientHeig...转载 2019-05-06 14:39:11 · 529 阅读 · 0 评论 -
Do not mutate vuex store state outside mutation handlers.
<CheckboxGroup class="record-transfer-checkbox" v-model="checkAllGroup">model绑定数组checkAllGroup,在点击全选按钮触发handleCheckAll方法时,选中则会push拉取的数据到checkAllGroup中,取消选中会清空数组。但是当全选按钮 选中=》去选=》选中时报错:不能在mutat...原创 2019-05-07 17:54:01 · 616 阅读 · 0 评论 -
720*300图片
原创 2019-07-13 11:52:19 · 357 阅读 · 0 评论 -
H5页面收回键盘后留空白区域问题解决
<Input @blur="inputBlur"/>methods: { inputBlur() { // 解决 IOS收回键盘失去焦点时键盘区域留白 let u = navigator.userAgent; let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac ...原创 2019-07-24 15:29:53 · 2520 阅读 · 0 评论 -
git commit 注释规范
说明:1.用一空行分隔标题与正文。2.标题使用大写字母。3.标题不超过50个字符。4.标题使用祈使语气。5.标题不要使用句号结尾。6.正文在72个字符处换行。7.正文解释是什么和为什么,而不是如何做。关键字:Add 新增Mod 修改Del 删除Fixed 修复例子:新增开放平台验证接口,Token支援多种调用方式,修复短信...转载 2019-07-26 11:39:45 · 1089 阅读 · 0 评论 -
fixed定位导致的问题
深入探究iOS下fixed定位导致的问题:https://segmentfault.com/a/1190000010510291#articleHeader先做笔记,后期持续更新内容原创 2019-07-31 17:17:46 · 614 阅读 · 0 评论 -
JS - 计算两个数组的交集、差集、并集、补集
1,直接使用 filter、concat 来计算 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 vara = [1,2,3,4,5...原创 2019-07-31 20:41:42 · 188 阅读 · 0 评论 -
H5页面在IOS设备上滑动卡顿问题
IOS 端特属属性,手指离开屏幕会保持滚动一段距离,继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。overflow: scroll; //该属性随着手指离开立即停止-webkit-overflow-scrolling: touch;//该属性随着手指离开还会保持滚动...原创 2019-07-23 14:53:00 · 825 阅读 · 1 评论 -
淘宝镜像nvm配置和文件配置
淘宝镜像配置:验证nvm是否安装成功:在cmd输入nvm version,有提示nvm版本信息,即安装 成功然后输入nvm root,查看到nvm的路径信息,我的是C:\Users\Administrator\AppData\Roaming\nvm,所以在资源管理器上打开这个路径,找到里面的settings.txt,并打开在文本的最后一行中加入这两行代码node_mirror: https://n...翻译 2018-05-09 09:14:24 · 24251 阅读 · 0 评论