- 博客(19)
- 收藏
- 关注
原创 App使用pdf.js实现pdf预览
第一步:下载pdf.js下载地址:https://www.jsdelivr.com/package/npm/pdfjs-dist打开后找到pdf.js、pdf.work.js以及cmaps路径下的全部文件,下载到本地或者直接引用其地址实例代码//HTML<canvas id="the-canvas"></canvas>//JS引用<s...
2020-04-13 17:28:00
747
原创 vue动态修改title
1、利用路由router.js//在对应路由json数据添加 meta属性 如meta:{title:"首页"}{path: '/index',component: index,meta:{title:"首页"},}main.js//利用router方法beforeEachrouter.beforeEach((to,from,next)=>...
2019-09-05 11:28:00
428
原创 vue去除地址栏上的'#'号
const router = new VueRouter({ routes:[], mode :"history"//除去#号}
2018-06-15 09:57:00
956
原创 input复选框checkbox默认样式纯css修改
修改之前的样式 修改之后的样式html<input type="checkbox" name="btn" id="btn1"><label for="btn1">按钮1</label>cssinput[type="checkbox"]{width:20px;height:20px;display: i
2018-03-15 11:10:00
1223
原创 vue-cli使用说明
一、安装npm install -g vue-cli推荐使用国内镜像 先设置cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装然后使用 cnpm 安装 vue-cli 和 webpackcnpm...
2018-03-07 18:28:00
173
原创 vue安装说明
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)--以下操作在nodejs安装路径下进行(记得不要在C盘)--2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm --registry=https://regis...
2018-03-07 18:27:00
78
原创 内容溢出显示省略号
1.单行white-space: nowrap;//规定段落中的文本不进行换行word-wrap: normal;//只在允许的断字点换行text-overflow: ellipsis;//显示省略符号来代表被修剪的文本overflow: hidden//超出隐藏 2.多行 text-overflow: ellipsis; overflow:...
2018-03-07 18:23:00
68
原创 自定义li项目符号
使用background-image属性先清除ul的默认list-styleul{ list-style:none}li{ background-image:url('./image/symbol.png') ;//图片路径 background-repeat : no-repeat ; padding-left:40px...
2018-03-07 18:17:00
645
原创 小程序用户拒绝授权解决方法
众所周知,小程序进入首先都要进行微信授权的,那万一用户不小心点了拒绝按钮怎么办呢?不要慌,官方早已预料到此情况,并提供了api供开发者使用,下面就一起来研究下api吧一、API接口wx.openSetting(OBJECT)调起客户端小程序设置界面,返回用户设置的操作结果。注:设置界面只会出现小程序已经向用户请求过的权限。wx.getSetting(OBJECT)获...
2018-02-08 14:54:00
2516
原创 常用的排序方法
这里只列举几种简单易懂的排序方法(不喜勿喷,如有错误欢迎指出)1、sort排序(按照字符编码的顺序进行排序)var arr=[4,9,2,6,50,23,61,5,0,7,3];function sysSort(arr){ return arr.sort(function(a,b){ return a-b })}console.log(sysSor...
2017-10-18 13:52:00
87
原创 css实现鼠标悬浮字体流光背景模糊效果
原文地址: ----> 看过来有兴趣的朋友可以直接点原文地址看效果,在这里我只写下作者实现效果所用到的知识点。filter: blur(n+px);//用来将图片模糊,n为Number类型,代表模糊程度,数字越大越模糊background-clip: text;//background-clip 用于北京图片的裁剪,决定背景的开始位置,当设置为text时,可将背景设...
2017-10-17 14:33:00
565
原创 阻止事件传播的常用方法
1、阻止事件的默认行为function preventDefa(e){ if(window.event){ //IE中阻止函数器默认动作的方式 window.event.returnValue = false; } else{ //阻止默认浏览器动作 e.preventDefault(); } 2、阻止事件冒...
2017-10-17 14:31:00
1580
原创 原生JS获取元素的位置与尺寸
1、内高度、内宽度: 内边距 + 内容框element.clientWidthelement.clientHeight2、外高度,外宽度: 边框 + 内边距 + 内容框element.offsetWidthelement.offsetHeight3、上边框、左边框element.clientTopelement.clientLeft4、元素的...
2017-10-17 14:16:00
214
原创 FileReader 与canvas结合使用显示图片
话不多少,直接上代码function fileChange() { var file = this.files[0]; var imageType = /^image\//; //是否是图片 if (!imageType.test(file.type)) { ...
2017-09-28 17:56:00
713
原创 dot.js使用心得
一、dot.js介绍最近用到的数据模板引擎有很多,今天讲的doT.js也是其中一种。doT.js的特点是体积小,速度快,并且不依赖其他插件。官网下载:http://olado.github.io/doT/index.html二、使用方法<ul id="list"></ul> //HTML内容 下面的例子都用这一个htmlvar Content = ...
2017-09-19 17:13:00
335
原创 时间格式转换
Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "...
2017-09-19 16:03:00
84
原创 JS对象操作
一、String常用操作1.截取substr(start,length) //返回从指定位置开始的指定长度的字符串。substring(start,end) //返回两个指定的位置之间的字符串。slice(start,end) //包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。2.拆分sp...
2017-09-19 16:00:00
163
原创 vue-awesome-swipe 基于vue使用的轮播组件 使用(改)
npm install vue-awesome-swiper --save //基于vue使用的轮播组件<template> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide v-for="(banner,index) in banners" :key="inde.
2017-07-26 15:21:00
642
原创 vscode 插件推荐
Auto Close Tag 自动闭合HTML标签Auto Rename Tag 修改HTML标签时,自动修改匹配的标签Color Highlight 颜色值在代码中高亮显示Document This 注释文档生成Git Blame在状态栏显示当前行的Git信息Git History(git log) 查看git logGitLens 显示文件最近的commit和作者,显示当...
2017-07-17 17:11:00
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人