- 博客(44)
- 收藏
- 关注
RSS订阅原创 vue-cli工程简单说明
vue-cli工程简单说明一、vue-cli工程 所依赖的 node.js 环境和安装步骤1.首先需要在 node.js 官网 ：node.js下载下载对应的 Node 环境安装包2.进行node.js安装3.打开 cmd 命令行，命令行输入：node -v出现版本号，说明 node 环境安装成功。命令行输入：npm -v出现版本号，说明可以使用 node 的包...
2020-04-22 17:45:03
434
原创 常用正则表达式
一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,...
2019-06-26 11:52:17
142
原创 MUI+H5+开发APP学习资料
【mui+h5+开发原生APP，可以打包成安卓包和iOS包】 开发工具使用：HBbuilder X （内置了h5+runtime和云打包） HBbuilder X下载地址： http://www.dcloud.io/ ----------------------------------------------------------------...
2019-04-25 17:43:14
1368
原创 mui.init()初始化的内容
mui.init({//子页面subpages: [{//...}],//预加载preloadPages:[//...],//下拉刷新、上拉加载pullRefresh : {//...},//手势配置g...
2019-04-25 11:58:13
2866
原创 css控制显示行数，多出部分显示省略号
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-04-16 21:11:28
449
原创 禁止滑动鼠标让滚动条滚动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-04-16 20:50:42
1370
原创 CSS穿透（当前层对鼠标事件不起作用）
CSS穿透： pointer-events: none;恢复正常： pointer-events: auto;
2019-04-04 17:51:11
668
转载 禁用鼠标右键
document.oncontextmenu=function(event){if(window.event){event=window.event}try{var the=event.srcElement;if(!((the.tagName=="INPUT"&&the.type.toLowerCase()=="text")||the.tagName=="TEXTAREA")){r...
2019-04-04 17:44:41
347
原创 改变input placeholder 的颜色
input::input-placeholder{ color:#b8c4ce!important;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b8c4ce!important;}input:-moz-placeholder, textarea:-mo...
2019-04-04 17:42:31
183
原创 常用CSS样式重置 resetCSS-style
@charset "utf-8";/* CSS Document */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;} fieldset, img...
2019-04-04 17:38:56
371
原创 Vue事件修饰符
事件修饰符： .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 ...
2019-03-18 21:28:49
96
原创 onload’和jQuery(document).ready();有什么不同
window.onload 也等页面内容和图片加载完成后执行。$(document).ready();是在页面DOM结构加载完成后就执行。所以$(document).ready();会比window.onload优先执行。同一页面定义了多个window.onload，只会执行最后一个。同一页面定义了多个$(document).ready();会依次执行。...
2019-03-13 15:45:53
144
原创 Vue实例周期的生命函数
从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期!生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的声明周期函数分类：1.创建期间的生命周期函数：beforeCreate： 实例刚在内存中被创建出来，此时，还没有初始化好data和methods属性。created：实例已经在内存中创建...
2019-03-11 18:40:52
122
转载 键盘各键对应编码值
Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause/break 19 caps lock 20 escape ...
2019-03-11 17:59:32
1307
原创 面试题：使用正则表达式验证130开头的11位手机号
var reg = /^130\d{8}$/;var number = '13012345678';console.log(reg.test(number)); // true
2019-03-08 23:08:50
2214
1
原创 使用递归遍历DOM元素（父元素下的所有子元素）
案例：js代码段：<script> // 遍历指定元素下所有的子元素 function loadTree(parent, callback) { for (var i = 0; i < parent.children.length; i++) { // 遍历第一级子元素 var child = ...
2019-03-08 22:51:07
3987
原创 javascript中，定时器是如何工作的
<script> console.log(1); setTimeout(function () { console.log(2); },0); console.log(3);</script>// 输出结果是： 1 3 2 // js的执行栈顺序是: console.log(1); setTimeout(...
2019-03-08 20:00:19
147
原创 面试题：页面上有多个a标签，如何实现点击a标签时打印出对应a标签的下标
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><a href
2019-03-08 18:38:43
1371
转载 jQuery中的extends详细介绍
JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了de...
2019-03-05 22:13:52
559
原创 面试题：关于 1toString()、1.toString()、1..toString()、1.0.toString()、(1.).toString()等结果
1toString() //报错，语法错误1.toString() //报错，JS引擎无法确定这里的`.`是什么意思，是点运算符（对象方法）还是浮点数？1..toString() //成功，运算结果"1" 解析: 第二个点被视为点运算符，前面的是浮点数。1.0.toString() //成功，运算结果"1" 解析: 第二个点被视为点运算符，前面的是浮点数。...
2019-03-05 22:01:07
1453
转载 apply()与call()的区别
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义：apply：调用一...
2019-03-01 13:16:08
122
转载 将页面表格导出为Excel文件
如果在页面上展示了一个数据表格，而用户想把这个表格导出为Excel文件，那么在要求不高的情况下，可以不通过服务器生成表格，而是直接利用JavaScript的Blob[blɑ:b]和Object URL特性将表格导出。不过，丑话说在前头，这篇随笔中利用了Excel能打开HTML文档的特性，所以导出的表格实际上是一个HTML文档，并且其扩展名只能为.xls，而不能是.xlsx，否则Excel无法打开...
2019-03-01 13:12:41
243
原创 面试题：a=1,b=2,如何让a+b=10?
var a = 1;var b = 2;b = a + b; // 3a = a + b; // 4a = a + b; // 7a = a + b; // 10console.log(a); // 10
2019-03-01 12:50:06
547
原创 关于点击按钮后页面自动刷新的问题
button：不会自动刷新image button 和submit会自动刷新如果想使用图片按钮，但又不想点击按钮后页面自动刷新；那么就用button然后设置按钮的背景图如果想使用图片按钮，且允许自动刷新页面可以用
2017-10-19 08:40:31
2846
原创 font-size设置为12px以下载谷歌浏览器上无法正常显示，如何解决？
因为 Chrome浏览器做了如下限制：1. font-size 有一个最小值 12px，低于 12px 的，一律按 12px 显示。2. 但是允许你把 font-size 设置为 0.3. 这个 12px 的限制用户是可以自行调整的，进入 chrome://settings/fonts 进行设置。 通过代码的解决方法： 1. Chrome 29 版本之前，在css代码中...
2017-10-17 15:13:02
1000
原创 Vertical-align
Vertical-align：只能应用于inline水平以及table-cell元素 lnline:<img> <span> <strong> <em> 未知元素.....talbe-cell:<td> Vertical-align:baseline(基线对其)默认值Vertical-align:super(提高盒...
2017-10-11 19:04:18
185
原创 URL编码
字体名称英文名称Unicode编码宋体SinSun\5B8B\4F53新宋体NsimSun\65B0\5B8B\4F53黑体SimHei\9ED1\4F53微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1楷体_GB2312KaiTi_GB23126977\4F5
2017-10-11 18:51:54
194
转载 日期类的时间为什么是从1970年1月1日开始的
I suspect that Java was born and raised on a UNIX system.UNIX considers the epoch (when did time begin) to be midnight, January 1, 1970.是说java起源于UNIX系统，而UNIX认为1970年1月1日0点是时间纪元.但这依然没很好的解释"为什么
2017-08-30 16:17:24
975
原创 正则表达式的规则
A:字符 x 字符x，举例：'c'表示字符c \\ 反斜线(\)字符。 \n 新行（换行）符 ('\u000A') \r 回车符 ('\u000D') B:字符类 [abc] a、b 或 c（简单类） [^abc] 任何字符，除了 a、b 或 c（否定） [a-zA-Z] a到z 或 A到Z，两头的字母包括在内（范围） [0-9] 0到9的字符都包括
2017-08-14 09:19:14
239
原创 数组二分法查找代码
// 二分法查找（数组必须是有序数组） public static int getIndex(int[] arr, int value) { // 如果数组为null或者长度为0返回-1表示没有找到 if (arr == null || arr.length == 0) { return -1; } // 定义最大索引，最小索引 int max = arr.len
2017-08-11 09:42:09
438
原创 数组选择排序代码
// 选择排序 public static void selectSort(int[] arr){ //判断段数组不能为null或者长度不能为0 if(arr==null || arr.length==0){ return; } //控制需要比较的轮数 for (int x = 0; x < arr.length; x++) { //控制每轮需要比较的次数
2017-08-11 09:27:34
353
原创 数组冒泡排序代码
// 冒泡排序功能；public static void bubbleSort(int[] arr) {// 判断数组是否为空或者长度为0if (arr == null || arr.length == 0) {return;}// 控制需要比较的轮数for (int x = 0; x // 控制每一轮比较需要比较的次数// arr.length - 1
2017-08-11 09:08:05
520
转载 HTTP协议详解
HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP协议的主要特点可概括如下：1.支持客户/服务器模式。
2017-07-14 10:28:48
192
原创 Eclipse最实用快捷键
Alt + / 代码引导 Ctrl + T 在方法上按此键可进入实现类 Ctrl + 鼠标左键 在方法上按此键可进入接口 Ctrl + Alt + H 在方法上按此键可进入调用此方法的上一级方法 Ctrl + O 显示当前类中所有方法的列表 Ctrl + Shift + O 导入缺少的包 Ctrl + Shift + R 根据文件名搜索文件 Ctrl + Shift +
2017-07-13 21:04:39
184
原创 邮箱的正则表达式
/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
2017-07-13 11:57:17
310
原创 java中的数据类型和数据类型间的转换
Java是一种强类型的语言，针对每一种数据都定义了明确的数据类型。数据类型分类：A:基本数据类型B:引用数据类型(类,接口,数值)基本数据类型:4类8种A:整数 占用字节数byte 1short 2int 4long 8B:浮点数float 4double 8C:字符char 2D:布尔boolean
2017-05-03 12:21:49
303
原创 进制之间的转换规则
*不同进制的数据表现形式：1.二进制：由0，1组成；以0b开头或者以B结尾；2. 八进制：由0，1，2，3，4，5，6，7组成，以0开头；3.十进制：由0，1，2，3，4，5，6，7，8，9组成，默认为为十进制数据；4.十六进制：由0，1，2，3， 4，5，6，7，8，9，a，b，c，d，e，f（字母大小写都可以），以0x开头； *任意进制到十进制的转换 *十进制转
2017-05-03 10:12:06
4933
原创 运算符的优先级
运算符的优先级（从高到低）优先级描述运算符1括号()、[]2正负号+、-3自增自减，非++、--、!4乘除，取余*、/、%5加减+、-
2017-05-02 17:55:37
478
转载 float类型数据在内存中如何存储的？
float类型数字在计算机中用4个字节存储。遵循IEEE-754格式标准：一个浮点数有2部分组成：底数m和指数e底数部分 使用二进制数来表示此浮点数的实际值指数部分 占用8bit的二进制数，可表示数值范围为0-255但是指数可正可负，所以，IEEE规定，此处算出的次方必须减去127才是真正的指数。所以，float类型的指数可从-126到128底数部分实际是占
2017-05-02 17:54:15
628
转载 常用字符与ASCII代码对照表
常用字符与ASCII代码对照表为了便于查询，以下列出ASCII码表：第128～255号为扩展字符（不常用） ASCII码键盘ASCII 码键盘ASCII 码键盘ASCII 码键盘27ESC32SPACE
2017-05-02 17:51:14
1578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人