zhangx

原创 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"])...

原创 基于VuePress+GitHub Pages搭建个人博客及部署

一、构建项目1.构建基本项目结构1.新建一个名为blog-demo的文件夹，命令行进入到该文件夹目录，输入命令：# 按默认配置初始化一个项目，此时会在当前目录下生成 package.json 文件npm init -y2.将VuePress作为一个本地依赖安装npm install -D vuepress3.在package.json里的scrip...

转载 JS：复制内容到剪贴板（无插件，兼容所有浏览器）

HTML部分:<button οnclick="copyToClip('内容')"> Copy </button>JS部分:/*** 复制内容到粘贴板* content : 需要复制的内容* message : 复制完后的提示，不传则默认提示"复制成功"*/function copyToClip(content, message) { ...

原创 echarts的tooltip中动态渲染自定义内容

有这样一个需求：需要在图表最后那个hover或者click数据点时，能够在浮层(tooltip)中展示详细数据，并且这个浮层有规定样式，点击某个数据需要对应页面。也就是说浮层中的内容/样式/事件都需要自定义。简单实例是这样的：数据动态渲染且绑定事件对照echarts的api发现没有提供自定义的口，在github的issues找到了回答，不支持！！formatter返回html也不...

转载 vue中v-for渲染子组件删除某元素产生渲染错误问题及解决方法

项目背景最近使用Vue开发一个项目时，要生成表单列表，所以使用了v-for来做循环，循环里的元素(item)是一个子组件。同时每个元素都有删除按钮，点击后删除当前元素。初始代码如下：父组件：<template> <div class="content-body"> <div>任务</div> &...

原创 js实现通过url下载文本/图片/视频且不跳转新页面

网上无数下载的方法，先挨个试试看好不好用，不好用再用此方法 ajax(url, callback, options) { window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open('get...

转载 你不小心踩到的sessionStorage小坑

使用sessionStorage刚好遇到了一点小问题看完小茗同学的美文很大程度解除了我的疑惑，所以转发让更多同学注意到这个问题。前言所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？后台的session我们对会话session的认识一般都是从...

原创 fetch总结

What fetch官方描述：Fetch API提供了一个 JavaScript接口，用于访问和操纵HTTP管道的部分，例如请求和响应。它还提供了一个全局fetch()方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest实现的。Fetch提供了一个更好的替代方法，可以很容易地被其他技术使用，例如Service Workers...

转载 vue2组件通信-使用dispatch和broadcast

vue2组件通信-使用dispatch和broadcast最近在使用Element过程中发现组件通信大量使用dispatch和broadcast两个方法，之前在vue2 组件通信也提到过 vue2 中取消了$dispatch和$broadcast两个重要的事件，而 Element 重新实现了这两个函数。代码地址放在element-ui/lib/mixins/emi...

转载 vue中的provide和inject

vue中的provide和inject浅析provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。定义说明：这对选项是一起使用的。以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。通俗的说就是：组件得引入层次过多，我们的子孙组件想要获取祖先组件得资源，那么怎么办呢，总不能一直取父级...

原创 js 大数字降低精度问题

Js 和任何一门语言一样，对其数值的范围有限制。Number.MAX_VALUE // 1.7976931348623157e+308Number.MAX_SAFE_INTEGER // 9007199254740991Number.MIN_VALUE // 5e-324Number.MIN_SAFE_INTEGER // -9007199254740991降低精度的原因：一旦数...

原创 chrome正常IE和Edge浏览器报错：SCRIPT1014: 无效字符

问题描述：Vue项目中使用团队开发的组件库，使用的脚手架3。问题原因在于组件库大多使用ES6开发，而项目引入组件库，但未配置使用babel进行转义导致报错！问题解决：在vue.config.js中添加：transpileDependencies。[]中添加组件名称。由于默认情况下babel-loader会忽略所有node_modules中的文件。如果你想要通过Babel...

转载 移动端页面判断是否是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...

原创 vue事件修饰符

事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。 在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有：.stop： 等同于JavaScript中的event.stopPropa...

原创 input type="hidden" 用途

需要在页面存储但并不需要显示出来的值，我们通常使用Html代码<inputtype="hidden":value="value"/>this.$emit('input', value);来存储。在vue中使用：v-model是一个语法糖，等于:value+@input。触发事件，将value绑定给隐藏域，来存储值。上面是html中的隐藏域。主要作用为...

原创 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...

原创 fixed定位导致的问题

深入探究iOS下fixed定位导致的问题：https://segmentfault.com/a/1190000010510291#articleHeader先做笔记，后期持续更新内容

转载 git commit 注释规范

说明：1.用一空行分隔标题与正文。2.标题使用大写字母。3.标题不超过50个字符。4.标题使用祈使语气。5.标题不要使用句号结尾。6.正文在72个字符处换行。7.正文解释是什么和为什么，而不是如何做。关键字：Add 新增Mod 修改Del 删除Fixed 修复例子：新增开放平台验证接口，Token支援多种调用方式，修复短信...

原创 H5页面收回键盘后留空白区域问题解决

<Input @blur="inputBlur"/>methods: { inputBlur() { // 解决 IOS收回键盘失去焦点时键盘区域留白 let u = navigator.userAgent; let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac ...

原创 H5页面在IOS设备上滑动卡顿问题

IOS 端特属属性，手指离开屏幕会保持滚动一段距离，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。overflow: scroll; //该属性随着手指离开立即停止-webkit-overflow-scrolling: touch;//该属性随着手指离开还会保持滚动...

原创 720*300图片

原创 Do not mutate vuex store state outside mutation handlers.

<CheckboxGroup class="record-transfer-checkbox" v-model="checkAllGroup">model绑定数组checkAllGroup，在点击全选按钮触发handleCheckAll方法时，选中则会push拉取的数据到checkAllGroup中，取消选中会清空数组。但是当全选按钮 选中=》去选=》选中时报错：不能在mutat...

转载 offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解

offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解el.offsetHeight = height + padding + border（滚动条是在边框内的，自然也包括在内）el.clientHeight = 可视化看到的高度 (就是content的高度)el.scrollHeight = 整个元素的高度 （ 包括了clientHeig...

原创 c#同步异步调用和异步回调

前言：由于项目需求，对主线程的效率要求非常高，导致主线程中一些耗时的操作必须使用特殊手段进行处理。因此，多方求索，找到最适合的方法：异步回调。当耗时的方法异步处理后，主线程不会的等待当前方法执行，而是继续向下执行。但是本方法需要在执行结束后才可以执行一些操作，只是用单纯的异步操作不能达到目的，因此，使用异步回调，当耗时方法执行结束后会自动执行回调函数。注：使用异步的时候，要尤其注意线程安全问题，当...

翻译 淘宝镜像nvm配置和文件配置

淘宝镜像配置：验证nvm是否安装成功：在cmd输入nvm version，有提示nvm版本信息，即安装 成功然后输入nvm root，查看到nvm的路径信息，我的是C:\Users\Administrator\AppData\Roaming\nvm，所以在资源管理器上打开这个路径，找到里面的settings.txt，并打开在文本的最后一行中加入这两行代码node_mirror: https://n...

原创 查询数据库当天某时间段数据

1、SQL在查询当天记录时要注意是从当天的0点0分0秒0毫秒开始，到次日0点0分0秒0毫秒截止，但不包含次日的0点0分0秒0毫秒。2、注意：在不同数据库产品中，获得当天日期的函数不一样。 MSSQL获得当前日期：convert(varchar(10),Getdate(),120) MYSQL获得当前日期：date(now()) Oracle获得当前日期：to_cha

原创 C#批量写入MySQL100w条数据

在项目中遇到需要进行对大数据量的表进行查询，但是不在现场，取不到现场数据。所以需要自己来造数据，同时也可以测试不同引擎，不同索引对插入大数据量的操作耗时的影响。上代码：using COMS_Bridge;using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;

原创 winform 控件中显示实时时间

///1.拖出timer控件和label控件///2.在timer1_tick中将系统时间赋值给label的text///3.在form_load中开启控件using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using Syst

原创 C#与C++进程间管道通信

项目中需要将C++代码计算出的参数传递给C#代码做后续处理，就需要跨语言通信。由于命名管道可以跨语言，跨平台，跨线程通信，实际上命名管道不仅可在同一台计算机的不同进程之间传输数据，甚至能在跨越一个网络的不同计算机的不同进程之间，支持可靠的、单向或双向的数据通信。 C#端：命名管道的API都封装在类PipeNative中，在使用时，直接调用类中的函数即可。类PipeNative：