- 博客(17)
- 收藏
- 关注
原创 分页滑动懒加载
function loadMore (nodeId,curPage,totalPage,callback) { let box = nodeId ? document.getElementById(nodeId) || document.body;//获取监听元素 box.addEventListener("scroll", () => { // 监听滑动 ...
2020-03-04 19:32:10 404
原创 如何在vue中使用html2canvas?(dom截图)
0、先下载是王道npm install html2canvas1、在 HTML 中标记指定要截图的元素 <!--选区(要截图的区域)设置 ref 属性--> <div ref="domToImg"> <img src="a.png" alt=""> <span>某标语</span...
2019-10-16 10:21:59 798
原创 vue 3.x 改造 多页面
简单暴力,搭好项目之后,在 vue.config.js (没有的直接在根目录新建一个) 加入以下配置,详细建目录结构参考上一篇 vue2.x ...
2019-07-31 14:13:36 355
原创 vue 2.x 改造 多页面
1、首先建好自己的目录结构,这里一个为例,里面 html 内容仿照 index.html 内容,js仿照 main.js内容,vue就不用说了,写自己的页面即可。 ...
2019-07-31 00:25:41 499
原创 妙用 a 链接
<a href="tel:10086">10086</a> <!--打电话给10086--><a href="mailto:****@qq.com?subject=TestObject">****@qq.com</a><!--发邮件给...主题--> <a href="sms:100...
2019-07-22 23:02:58 96
原创 div 未知宽高实现上下左右居中
div { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
2019-07-21 12:58:48 453
原创 原生 JS 实现一键复制功能(不限于 input 标签)
话不多说上代码建议使用 id 来确定标签元素(唯一不容易出错)var copyDom = document.querySelector('#selected'); //创建选中范围var range = document.createRange();range.selectNode(copyDom); //移除剪切板中内容window.getSelection()....
2019-07-21 12:33:39 635 1
原创 Chrom 谷歌浏览器设置代理
右键浏览器快捷方式,打开属性,找到目标一栏,后面加空格再加上--proxy-server="SOCKS5://代理IP:端口" 完成之后关掉浏览器重新打开就OK了
2019-07-09 14:20:11 4249
原创 Swiper 轮播插件
项目中难免遇到要轮播要滑动的,自己写一个又太慢,复用性也是问题,我就教你 5 分钟 搞定swiper,妈妈再也不用担心我的轮播图了,下文代码直接复制即可运行,注释里面写的清清楚楚(最常用到的);若是在vue中用的话npm install swiper --save-dev在要用到swiper的组件中 import 一下,将js初始化部分写入 vue mounted 钩...
2019-03-30 11:05:51 280
原创 vue-cli 项目真机测试
当我们自己使用vue-cli 脚手架去开发自己的 h5 APP类项目的时候,总是迫不及待的想在自己的手机上去试试效果,那今天就给大家讲一下具体步骤1、首先第一步,我们要拿到我们电脑的 IP 地址,不要去百度,打开 cmd,对,就是那个神秘的小黑框,输入命令ipconfig ,回车,你将看到如下图2、找到我们 vue-cli 项目中的 config 目录下的 inde...
2019-03-25 00:14:19 762
原创 CSS3——之transform
transform兼容写法div{ transform:rotate(7deg); /* W3C标准 */ -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* ...
2018-12-03 14:23:36 130
原创 ES6——之函数篇
函数参数默认值function welcome(x, y = 'World') { console.log(x, y);}welcome('Hello') // Hello Worldwelcome('Hello', 'China') // Hello Chinawelcome('Hello', '') // Hello ES6 允许为函数的参数设置默认值,即直接写在参数...
2018-11-30 12:00:42 178
原创 ES6——之 let
用来声明变量。用法类似于 var,但却有许多不同(1)let 声明的变量只在 let 命令所在的代码块内有效。{ let a = 10; var b = 1;}a // error:ReferenceError: a is not defined.b // 1(2)变量提升// var console.log(foo); // undefinedvar foo...
2018-11-29 18:57:46 106
原创 Require JS——用法
Why use? 当一个页面依次加载多个Js文件时,网页就可能会失去响应,而且每个Js文件之间可能存在依赖关系,所以代码编写起来会很困难,维护起来也不方便。So,Require Js来啦 主要解决了以下两个问题: (1)实现Js文件异步加载,避免网页失去响应; (2)管理模块之间的依赖关系,便于代码的编写与维护。HTML嵌入部分<...
2018-11-29 14:41:37 290
原创 原生JS获取left/top值
首先,要获取left/top值的该元素必须有 position:absolute;属性 obj.style.left;可以但不建议,此方法只能取到行内样式的left/top值,style标签及link引入的样式都读取不到 建议使用 obj.offsetleft;去获取...
2018-11-29 13:33:29 759
原创 java环境变量配置
1、系统变量→新建 JAVA_HOME 变量 变量值填写jdk的安装目录(本人是 C:\Program Files (x86)\Java\jdk1.8.0_191)2、系统变量→寻找 Path 变量→编辑在变量值最后输入 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;3、系统变量→新建 CLASSPATH 变量变量值填写 .;%JAVA_HOM...
2018-11-28 10:24:21 154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人