自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(87)
  • 收藏
  • 关注

转载 网站开发中,如何实现图片的懒加载

更多描述:网站开发中,如何实现图片的懒加载,随着 web 技术的发展,他有没有一些更好的方案懒加载,顾名思义,在当前网页,滑动页面到能看到图片的时候再加载图片故问题拆分成两个:...

2021-06-07 15:59:33 279

原创 ant-design-vue升级后antdv国际化报错:Warning: [antdv: LocaleProvider] `LocaleProvider` is deprecated.

升级ant-design-vue到1.6.x版本,控制台报错(之前版本1.3.x)修改后:<template> <div id="app"> <a-config-provider :locale="locale"> <router-view/> </a-config-provider> </div></template><script> impor

2020-06-04 17:54:53 3404 2

原创 JS网页加上水印背景

export const WaterMark = (settings) => { //默认设置 let defaultSettings = { watermark_txt: "text", watermark_x: 20,//水印起始位置x轴坐标 watermark_y: 20,//水印起始位置Y轴坐标 watermark_rows: 20,//水印行数 watermark_cols: 20,//水印列数.

2020-06-04 17:46:08 426

原创 js密码正则,6-18位字符,数字、字母、特殊字符-=_+,. ,必须两种及以上组合

6-18位字符,数字、字母、特殊字符-=_+,. ,必须两种及以上组合 /^(?![\d]+$)(?![a-zA-Z]+$)(?![-=+_.,]+$)[\da-zA-Z-=+_.,]{6,18}$/如果不限制特殊字符种类/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,18}$/

2020-06-04 10:22:17 7449

转载 动图展示Git 命令

git merge、git rebase、git reset、git revert、git fetch、git pull、git reflog……你知道这些 git 命令执行的究竟是什么任务吗?如果你还有些分不清楚,那千万不能错过这篇文章。

2020-05-12 12:21:05 733

原创 Vue实现导出对应模块为PDF格式

通过网上的查阅以后,就是将页面转换成图片格式,然后通过图片的base64码生成PDF1 、添加两个模块将页面html转换成图片npm install --save html2canvas 将图片生成pdfnpm install jspdf --save2、定义全局函数,创建一个downloadHtmlToPdf.js文件在指定位置。import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'export defau

2020-05-09 19:42:44 550

转载 vue-cli3的eslint配置问题

vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:1 error found.1 error potentially fixable with the `--fix` option.Y...

2020-03-04 10:22:28 6127

转载 图文并茂,为你揭开“单点登录“的神秘面纱

概念单点登录( SSO),用于多个应用系统间,用户只需要登录一次就可以访问所有相互信任的应用系统。前置介绍 同源策略 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互,要求协议,端口和主机都相同。 HTTP 用于分布式、协作式和超媒体信息系统的应用层协议。HTTP 是无状态协议,所以服务器单从网络连接上无从知道客户身份。那要如何才能识别客户端呢?给每个客户端...

2020-02-20 15:51:23 158

转载 一份超级详细的Vue-cli3.0使用教程

主要内容:零配置启动/打包一个.vue文件 详细的搭建过程 重点推荐:使用图形化界面创建/管理/运行项目安装:卸载旧版本:如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它:npm uninstall vue-cli -gNode版本要求:3.x需要在Node.js8.9或更高版本(推荐8.11.0+),点击这里可以安装node...

2020-01-09 12:02:31 3690

转载 Vue PC端框架

1. ElementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库中文文档 | github地址Element2. iView一套基于 Vue.js 的高质量UI 组件库中文文档 | github地址iView3. vue-element-adminvue-element-admin是基于 Vue2.0,配合...

2020-01-08 18:22:56 335

转载 Vue移动端UI组件库

1. vonicvonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约。中文文档 | github地址 | 在线预览image2. vuxvux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要...

2020-01-08 17:18:51 1098

转载 TypeScript(四)接口interface使用详解

一. 为什么要使用接口1.1. JavaScript存在的问题我们在JavaScript中定义一个函数,用于获取一个用户的姓名和年龄的字符串:const getUserInfo = function(user) { return `name: ${user.name}, age: ${user.age}`}正确的调用方法应该是下面的方式:getUserInfo({na...

2019-11-19 16:44:04 7150

转载 TypeScript(三)定义变量和数据类型

一. 变量声明方式1.1. 声明变量的格式我们已经强调过很多次,在TypeScript中定义变量需要指定标识符的类型。所以完整的声明格式如下:var/let/const 标识符: 数据类型 = 赋值;比如我们声明一个message,完整的写法如下: ,,,,,,,,,,,,,, 注意:这里的string是小写的,和String是有区别的 string是T...

2019-11-19 15:15:20 7396

转载 TypeScript(二)使用Webpack搭建环境

一. 环境搭建1.1. TypeScript环境安装已经配置好的环境,大家可以直接下载:https://github.com/coderwhy/HYLearnTS.git在上一个章节中我们说过,TypeScript最终会被编译成JavaScript代码:那么我们必然需要对应的编译环境: 首先,TypeScript的环境安装依赖Node,所以需要先保证电脑上有Node和NP...

2019-11-19 15:00:51 422

转载 TypeScript(一)TypeScript培养类型思维

一. JavaScript的痛点我始终坚信:任何新技术的出现都是为了解决之前某个技术的痛点。1.1. 优秀的JavaScriptJavaScript是一门优秀的编程语言吗? 每个人可能观点并不完全一致,但是从很多角度来看,JavaScript是一门非常优秀的编程语言。 而且,可以说在很长一段时间内这个语言不会被代替,并且会在更多的领域被大家广泛使用。 著名的Atwo...

2019-11-19 14:49:53 232

转载 Chrome 浏览器垃圾回收机制与内存泄漏分析

垃圾回收机制通常情况下,垃圾数据回收分为手动回收和自动回收两种策略。手动回收策略,何时分配内存、何时销毁内存都是由代码控制的。自动回收策略,产生的垃圾数据是由垃圾回收器来释放的,并不需要手动通过代码来释放。JavaScript 中调用栈中的数据回收JavaScript 引擎会通过向下移动 ESP(记录当前执行状态的指针) 来销毁该函数保存在栈中的执行上下文。Java...

2019-11-08 18:24:41 1267

转载 彻底弄懂 Promise 原理

Promise 必须为以下三种状态之一:等待态(Pending)、执行态(Fulfilled)和拒绝态(Rejected)。一旦Promise 被 resolve 或 reject,不能再迁移至其他任何状态(即状态 immutable)。基本过程: 初始化 Promise 状态(pending) 执行 then(..) 注册回调处理数组(then 方法可被同一个 promise...

2019-11-08 10:30:32 158

转载 Vue 3中那些激动人心的新功能

在近期我们发布的《Vue 3 最值得期待的五项重大更新》中,我们了解了 Vue 3 将带来的性能提升,知道了使用新版 Vue 编写的应用程序在性能表现上会很出色。但性能并不是最重要的部分,对于开发人员而言,最重要的是新版本将如何影响我们编写代码的方式。如你所料,Vue 3 带来了许多激动人心的新功能。值得庆幸的是,Vue 团队主要针对当前 API 做了添加和改进,没有引入多少重大更改。因此,熟...

2019-11-04 18:42:01 1586

原创 js正则大小驼峰转换

小驼峰转换大驼峰var str = 'ab_cd_ef', reg = /_(-w)/g;var str1 = str.replace(reg, function (a, b) { return b.toUpperCase();})大驼峰转换小驼峰var str = 'abCdEf', reg = /([A-Z])/g;var str1 = s...

2019-09-05 18:25:10 5597

转载 Vue 的双向数据绑定,Model如何改变View,View是如何改变Model的?

Vue的框架的结构Vue做了什么事情从 M 到 V 的Data Binding(数据绑定),ViewModel驱动给你解决了数据渲染到视图的问题。从 V 到 M 的DOM Listeners(DOM事件监听),View中的元素上的事件被触发后导致的数据变更将通过ViewModel驱动来修改数据层。Model到View的实现无论是 Angular 的 $scope,React...

2019-07-19 12:11:26 2864 1

原创 docker之mysql连接ERROR 2059 (HY000): Authentication plugin 'caching_sha2_password' cannot be loaded

我在使用navicat 进行MySQL管理是出现了。2059 - authentication plugin 'caching_sha2_password' -navicat连接异常。这个错误。这个错误的原因是由于MySQL8.0之后的加密规则为caching_sha2_password.而在此之前的加密规则为mysql_native_password。可以将加密规则改成mysql_nat...

2019-07-03 16:17:28 8485 1

原创 阿里手淘可伸缩布局方案amfe-flexible解决vue移动端适配问题

前言:由于viewport单位得到众多浏览器的兼容,lib-flexible这个过渡方案已经可以放弃使用,不管是现在的版本还是以前的版本,都存有一定的问题。建议大家开始使用viewport来替代此方案。vw的兼容方案可以参阅《如何在Vue项目中使用vw实现移动端适配》一文。1.首先把安装amfe-flexible,这里使用npm installnpm install -S amfe...

2019-04-16 15:22:09 16627 2

原创 Mac下使用安装MongoDB

1.安装1. brew install mongodb如果不能安装 缺什么根据提示安装什么,我曾出现缺少xcode2. mongodb 数据默认存在/data/db下,所以需要创建这个文件夹 $sudo mkdir -p /data/db #data与bin同级$ sudo chown xxx /data/db (sudo chown Alan /d...

2019-04-12 10:34:37 71

转载 JS 数组的几个不 low 操作

前言本文主要从应用来讲数组api的一些骚操作,如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。上面这些应用场景你可以用一行代码实现吗?1.扁平化n维数组1.终极篇[1, [2, 3]].flat(2) //[1,2,3][1, [2, 3, [4, 5]].flat(3) //[1,2,3,4,5][1[2, 3, [4, 5[....

2019-04-08 16:46:58 108

转载 优化 JS 条件语句的 5 个技巧

1、对多个条件使用 Array.includes让我们看看下面的例子:// conditionfunction test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); }}乍一看,上面的例子看起来不错。然而,如果还有更多红颜色的水果需要判断呢,比如樱桃和小...

2019-04-08 15:38:13 99

转载 vue路由跳转时传参params和query的区别

1.params传参,用name属性对应跳转路径,类似于post提交,参数不会出现在跳转路径里。&lt;router-link :to="{ name:'cityList' ,params :{cityId:scope.row.id} }"&gt;    &lt;el-button size="mini"  class="button1"&gt;{{$t('m.cityList')}}({{...

2018-12-12 15:00:17 2562 1

原创 VSCode中"experimentalDecorators"设置无效

Vue脚手架选择TypeScript,VSCode打开一直报红,遇到一个问题一直解决不了:Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this wa...

2018-11-26 11:28:12 3033

转载 Vue 和微信小程序的区别、比较

一、生命周期先贴两张图:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow:页面显示每次打开页面都会调用一次...

2018-08-08 16:00:36 1575

原创 编游戏的同时学习以太坊的智能协议

CryptoZombies是个在编游戏的过程中学习Solidity智能协议语言的互动教程支持多国语言,下面附上地址:https://cryptozombies.io/zh/

2018-07-12 10:18:09 138

原创 浏览器强制刷新

windows 浏览器的刷新快捷键F5,强制刷新Ctrl+F5Mac 系统下浏览器的刷新快捷键 command+R, 强制刷新快捷键为 command+shift+R

2018-07-12 10:11:04 6608

原创 字符串内有多个#号,每俩#号为一组,JavaScript 截取每组#号之间的字符

var str = "会员及家长朋友:#sys_project#中心#sys_branch#分部通知您,因#reason#原因本馆于#startyear#年#startmonth#月#startday#日—#endyear#年#endmonth#月#endday#日休假,#openmonth#月#openday#日恢复上课。给您带来的不便见谅。";var str = str.match(/#(.*...

2018-03-28 11:59:41 717

原创 html引入的js css文件添加随机数 , 保证每次都获取最新的文件 , 解决浏览器缓存问题

javascript&lt;script type="text/javascript"&gt; document.write("&lt;script type='text/javascript' src='js/cours_details.js?random=" + Math.random() + "'&gt;&lt;/s" + "cript&gt;");&lt;/sc

2018-03-27 15:14:24 6933 2

转载 indexedDB 基本使用

indexedDB 简介: indexedDB 是一种使用浏览器存储大量数据的方法。它创造的数据可以被查询,并且可以离线使用。indexedDB 有以下特点:indexedDB 是 WebSQL 数据库的取代品indexedDB遵循同源协议(只能访问同域中存储的数据,而不能访问其他域的)API包含异步API

2017-12-20 14:00:43 2422

转载 48 个 JavaScript 代码片段,仅需 30 秒就可理解

Anagrams of string(带有重复项)使用递归。对于给定字符串中的每个字母,为字母创建字谜。使用map()将字母与每部分字谜组合,然后使用reduce()将所有字谜组合到一个数组中,最基本情况是字符串长度等于2或1。const anagrams = str => {  if (str.length   return str

2017-12-20 13:56:05 208

转载 人人都是艺术家!谈谈那些奇怪的字符

前言编码,是每个程序员绕不开的话题。对于前端工程师而言,字符更是会直观地展示在界面上。提起文字,大部分人的脑中,都会定式为规整排列的字符。但是林子大了什么鸟都有,世界上可是存在着6800+种文字,难免会飞出来一些诡异的鸟…而号称“万国码”的Unicode,在实现编码与展示的时候,也会不会遇到一些奇葩的事情呢?事实上,可能你早已见识过了:

2017-12-11 11:01:08 914

转载 一篇真正教会你开发移动端页面的文章(二)

从设计图开始,即PSD稿件:移动端PSD稿件的尺寸肯定较之PC端的PSD稿件不同,具体体现在设计图的尺寸上,现在移动端的设计图尺寸大多以iPhone5和iPhone6的设备像素尺寸作为依据,比如拿到一张PSD设计图,它的总宽度为640px(iPhone5)或者750px(iPhone6)。本例就拿iPhone6的设计图尺寸为标准进行讲解,其它设计图尺寸道理是一样的,这并不影响我们的开发。

2017-12-11 10:51:55 496 1

转载 一篇真正教会你开发移动端页面的文章(一)

从我工作以来,开发的一直都是移动端的页面,只有偶尔去开发几个PC端的页面,现在是一个移动端的时代,移动先行已经深入骨髓,作为一个web前端开发,如果你还在为如何开发移动端页面而迷茫,或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的世界有多“残酷”的时候,那你应该看看这篇文章了。希望这能给你帮助,同时也能给我帮助,有不合理的地方,欢迎评论支持,必将改正。这里是基础,

2017-12-11 10:19:45 5860

转载 国内优秀npm镜像推荐及使用

npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。国内优秀npm镜像淘宝npm镜像搜索地址:http://npm.taobao.org/registry地址:http://registry.npm.taobao.o

2017-12-11 10:11:23 742

转载 6 大主流 Web 框架优缺点对比

我是否需要使用框架?如果不尝试回答这个问题就是我们的失职,这越来越成为社会上某些人的口头禅,在网络平台上的争论也已经发展到犹如不需要额外编写 API 能更简单创建 Web 应用那样的地步。就像本系列中所有的内容一样,我们的回答也大都是依据这些内容。虽然无框架也能正常工作,但是,这也是有代价的。那些主张无框架手写 Javascript 的人,那些通常会被我们认为是斯德哥尔摩综合症(情

2017-12-11 10:09:24 592

转载 HTTPS 升级指南

为了升级到 HTTP/2 协议,必须先启用 HTTPS。本文介绍如何将一个 HTTP 网站升级到 HTTPS 。一、获取证书升级到 HTTPS 协议的第一步,就是要获得一张证书。证书是一个二进制文件,里面包含经过认证的网站公钥和一些元数据,要从经销商购买。GoGetSSLSSLs.comSSLmate.com证书有很多类型,首先分为三种认证级

2017-12-07 11:34:47 211

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除