自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

素描本里的男子的博客

做一个温文尔雅的美男子

  • 博客(12)
  • 收藏
  • 关注

原创 浅谈Javascript中try catch 的用法

demo:<!DOCTYPE html><html><head><meta charset="utf-8"><title>power by Adam</title></head><body><p>try 语句块中的函数未定义:</p><p id="demo"></p><script>try { adddlert("hell

2020-05-28 18:12:18 1707

原创 CSS3更改原生滚动条的样式

话不多说直接上代码:/*滚动条样式*/ .scrollbar::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .scrollbar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px r

2020-05-28 16:35:49 539

原创 vue项目中使用百度统计

统计有多少人访问了自己的网站(wap端pc web端都适用),或者更细的统计网站每个页面的访问量,可以使用百度统计百度统计传送门按提示注册登录即可登录后–>管理–>新增网站,配置好后会出现如下的 自有网站列表在要统计的网站 右侧,点击“获取代码”拷贝要统计网站的代码统计vue项目中的每个页面的访问量var _hmt = _hmt || [];window._hmt = _hmt; // 修改为window 全局变量 (function () { var hm

2020-05-27 17:32:10 477

原创 封装公共的节流函数和防抖函数

代码如下:// 节流函数export const throttle = function (fn, gapTime = 2000) { let _lastTime = null return function () { let _nowTime = +new Date() // 当前时间戳 if (!_lastTime || _nowTime - _lastTime > gapTime) { fn.apply(this, arguments) _la

2020-05-26 16:07:19 348

原创 js 时间戳转换成几分钟前,几小时前,几天前(亲测有效)

思路:1:将当前的时间转换为毫秒数(nowNew)2:将时间戳转换为标准时间再转换为毫秒数 (millisecond)3:将两者相减然后进行判断代码如下:HTML部分:<span>{{formatMsgTime(时间戳)}}</span>JS部分:formatMsgTime (timespan) { var dateTime = new Date(timespan) // 将传进来的字符串或者毫秒转为标准时间 var year = dateTime.getF

2020-05-26 15:29:13 4069

转载 vue-3d-model:一个展示三维模型的 Vue 组件

vue-3d-modelvue.js 3D model viewer component, based on threejs, inspired by model-tag一个展示三维模型的Vue组件,支持模型操作和模型点击事件,能自动缩放模型到合适大小并校正偏移,支持多种格式的模型。ExampleDEMOInstallusing npmnpm install vue-3d-model --saveOr using script tag for global use<scri...

2020-05-22 10:55:25 7500 5

原创 使用sorttable进行排序

<template> <div class="hello"> <ul ref="sortTable"> <li v-for="(v) in sortTable" :key="v" class="li">{{v}}</li> </ul> </div></template><script>import Sortable from 'sortablejs'export de

2020-05-19 16:07:37 566

转载 谷歌云实例如何使用 SSH 密钥登录

1、首先,使用 SSH 客户端连接工具,生成公私钥(详细步骤这里不做说明)2、进入谷歌云平台,打开实例的「元数据」菜单3、单击「SSH 密钥」页签,选择「修改」4、单击添加,输入本机公钥,保存连接5、ssh -i ~/.ssh/id_rsa [email protected]...

2020-05-19 11:30:02 2547

转载 如何解决 vscode 中的 terminal 乱码

适用场景1、系统安装并使用 oh-my-zsh;2、使用 zsh 主题 「agnoster 」,并安装了所需的扩展字体「for powerline 」;问题描述当使用 control + shift + ~ 或菜单「Terminal > New Terminal」打开 TERMINAL 控制台后,路径提示显示如下乱码:解决进入 vscode 设置页,搜索栏输入 terminal font,修改 Font Family 的值为系统中安装的扩展字体,如下图:设置后,即时生效。...

2020-05-19 11:26:42 2646

原创 贷款计算器

效果图<!DOCTYPE HTML><html><head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>贷款计算器,利率计算器,利息计算器</title> &

2020-05-08 18:05:09 330

原创 vue搜索关键字使文本高亮

思路:通过正则RegExp进行全局匹配,将符合条件的元素通过replace替换成为HTML代码片段封装成自定义指令在main.js里引入增加可复用性import Vue from 'vue'function hightLight (el, binding) { const match = binding.value const reg = new RegExp(match, 'g'...

2020-05-06 14:50:28 1103

原创 结合element面包屑组件创建动态路由

$route.matched1、一个数组,包含当前路由的所有嵌套路径片段的路由记录2、 一个路由匹配到的所有路由记录会暴露为 $route 对象 (还有在导航守卫中的路由对象) 的 $route.matched 数组<template> <div id="example-container"> <el-breadcrumb separator-cla...

2020-05-06 09:53:28 314

空空如也

空空如也

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

TA关注的人

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