- 博客(43)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 前端小知识之Eslint报错
1、Do not access Object.prototype method ‘hasOwnProperty’ from target object错误写法：obj.hasOwnProperty(‘key’)正确写法：Object.prototype.hasOwnProperty.call(obj, ‘key’)
2020-12-03 10:34:14
349
1
原创 前端项目中常用的小功能
列举两个日期间的所有日期举个例子：开始日期：2020-03-11 结束日期：2020-04-01， 列举中间的日期，包括两头的日期。getDate (datestr) { let temp = datestr.split('-') if (temp[1] === '01') { temp[0] = parseInt(temp[0], 10) - 1 temp[...
2020-03-18 15:34:06
1029
原创 js实现时分秒倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title></head><body><div class="active_time" id="active_t...
2019-12-01 20:40:45
1403
原创 原生JS实现下拉加载
实现的原理：滚动条当前的位置+当前可视范围的高度=文档完整的高度1、获取滚动条当前位置// 获取滚动条当前的位置function getScrollTop() { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; return scrollTop}2、获取当前可...
2019-10-23 15:42:10
626
原创 css选择器
1、交集选择器既是p标签类名称又是text的字体变成红色p.text{color: red}2、并集选择器让container下的所有元素内容为蓝色#container p, span, em, strong{color: blue}3、兄弟选择器选择h1 元素后出现的段落h1~p{color:red;}<p>Hello word!</p>&...
2019-08-13 10:19:51
207
转载 npm run命令会自动在环境变量$PATH添加node_modules/.bin目录
npm run命令会自动在环境变量$PATH添加node_modules/.bin目录，所以scripts字段里面调用命令时不用加上路径，这就避免了全局安装NPM模块。npm run如果不加任何参数，直接运行，会列出package.json里面所有可以执行的脚本命令。npm run会创建一个Shell，执行指定的命令，并临时将node_modules/.bin加入PATH变量，这意味着本地模块...
2019-06-05 14:25:51
7445
转载 npm --save-dev --save 的区别
npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件一个是 --save || -S // 运行依赖（发布）另一个是–save-dev || -D //开发依赖（辅助）区别是它们会把依赖包添加到package.json 文件–save ： dependencies 键下，发布后还需要依赖的模块，譬如像jQuery库或者An...
2019-06-05 11:07:56
28437
原创 H5移动端常见问题
html5调用安卓或者ios的拨号功能html5提供了自动调用拨号的标签，只要在a标签的href中添加tel:就可以了。如下：<a href="tel:4008106999,1034">400-810-6999 转 1034</a>拨打手机直接如下<a href="tel:15677776767">点击拨打15677776767</a>...
2019-05-24 11:56:30
861
原创 移动终端H5页面meta标签的设置案例
天猫<title>天猫触屏版</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maxi...
2019-05-24 10:34:32
741
原创 移动终端h5页面常用的meta属性
apple-mobile-web-app-capableapple-mobile-web-app-capable是设置web应用是否以全屏模式运行语法：<meta name="apple-mobile-web-app-capable" content="yes">说明：如果content设置为yes，web应用会以全屏模式运行。content设置为no，表示正常显示。可以通过...
2019-05-24 10:19:59
1351
原创 h5页面唤醒app
h5页面发送请求打开app自定义url scheme，如taobao://home（淘宝首页） 、etao://scan（一淘扫描）);如果安装了客户端则会直接唤起，直接唤起后，之前浏览器窗口（或者扫码工具的webview）推入后台；如果在指定的时间内客户端没有被唤起，则js重定向到app下载地址。window.location.href = 'taobao://home'setTimeo...
2019-05-23 20:13:20
1560
原创 -webkit-text-size-adjust的用法
-webkit-text-size-adjust的用法如下：1、当样式表里font-size<12px时，中文版chrome浏览器里字体显示仍为12px，这时可以用 html{-webkit-text-size-adjust:none;} 或者html{-webkit-text-size-adjust:100%;}2、-webkit-text-size-adjust放在body上会导致页...
2019-05-23 19:58:58
11640
原创 移动端几种tab切换及实现方式
看了下 FrozenUI(QQ)、Jquery WeUI(微信)、SUI Mobile(淘宝)的tab实现方式，自己整理了一下。1、FrozenUI<div class="wrap"> <ul class="tab border-b"> <li class="tab-item current"> <span&g...
2019-05-23 17:00:19
8416
1
原创 div水平居中及div水平垂直居中的方法总结
水平居中1、margin：auto<div class="wrap"> <div class="wrap-txt"></div></div>.wrap{ width: 100%;}.wrap-txt{ width: 6rem; height: 2rem; background: #00FFFF; ...
2019-05-23 16:41:39
370
原创 三元表达式
var a = '123';var b = (a === 'cpa' ? 'cpa' : (a === 'cps') ? 'cps' : 'flow');console.log('b', b); // b flow
2019-04-25 10:13:29
665
转载 Object.create()
Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的_proto_。const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); }};...
2019-04-18 18:00:05
199
原创 js判断一个对象是否为空
1、ES6新增的方法Object.keys()；Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。参数要返回其枚举自身属性的对象。返回值一个表示给定对象的所有可枚举属性的字符串数组。描述Object.keys 返回一个所有元素为字符串的数组，其元素来自于从给定的object...
2019-04-17 17:52:58
141
原创 CSS3动画
1、 @keyframes规则@keyframes规则用于创建动画，在@keyframes中规定某项css样式，就能创建由当前样式逐渐过渡为新样式的动画效果。定义动画的方式有两种：1）<head> <meta charset="UTF-8"> <title></title> <style type="text/css">...
2019-04-11 11:39:11
286
转载 BFC
1、常见布局模式CSS中的三种布局模型：流动模型（flow）、浮动模型（float）、层模型（layer）2、BFC的原理 BFC即 Block Formatting Context（块级格式化上下文），它属于上述布局模式中的流动模型。 它是W3C CSS2.1规范中的一个概念，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及...
2019-04-09 18:03:50
100
原创 CSS盒模型
基本概念盒模型由里向外是content，padding，border，margin盒模型有两种：标准模型和IE模型标准模型：盒模型的宽高是内容（content）的宽高IE模型：盒模型的宽高是内容（content）+填充（padding）+边框（border）的总宽高CSS如何设置两种模型css3的属性box-sizing标准模型 box-sizing：content-...
2019-04-09 17:05:32
75
原创 CSS的三种引入方式
1、内联CSS内联css也称为行内css或者行级css，它直接在标签内引入。优点：便捷、高效缺点：不能够重用样式，代码行数多的时候不建议使用<head> <div style="width: 65px;height: 20px;border: 1px solid;">测试元素</div></head>2、页级css页...
2019-04-03 11:19:06
4328
原创 ajax跨域问题及解决方案
为什么会出现跨域问题？浏览器不能执行其他网站的脚本，它是由浏览器的同源策略造成的，是浏览器对javascript的安全限制。 同源指的是同协议、同域名、同端口，三者只要有一个不同，就被认为是不同的域。解决跨域问题的方式？1、使用jsonp 2、服务器代理 3、在服务器端设置可允许跨域，response.setHeader(‘Access-Control-Allow-Origin’,’*’);
2017-12-07 10:13:56
167
原创 display:inline、display:block和display:inline-block的区别
display:inline 转化成内联元素，不换行display:block 转换成块元素，换行display:inline-block 内联块元素，既不换行又可以使用块元素所拥有 的属性，类似于块元素加了浮动效果，但低版本浏览器对这个不支持。
2017-05-11 19:30:41
1261
原创 清除浮动效果的三种方式
浮动效果 满足我们的页面排版要求，使竖列的盒子横向的排列起来。 负作用：因为浮动元素脱离了标准文档流，会导致父级元素无法被撑开。解决方式：清除浮动负面效果（三种方式）添加空盒子 优点：较流行 缺点：为清除浮动，页面添加的空盒子太多，新手容易晕 用法：在浮动元素后面（同级元素）添加一个空的div，并且定义一个clear类，附给该div .clear{clear:both;}overfl
2017-05-03 20:21:36
2619
原创 基本HTML结构
每个HTML文档都应该包含以下基本成分<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title></title></head><body></body></html>这是每个HTML页面的基础。缩进并不重要，但结构很重要。在这个例子中，默认语言（由lang属性指定）被设为代表英语的en
2017-03-27 11:51:31
2506
转载 解决net start mysql 提示：服务名无效 请键入NET HELPING 2185以获得更多的帮助的问题
在 cmd中输入net start mysql 提示：服务名无效 请键入NET HELPING 2185以获得更多的帮助 为什么会出现这种情况呢？ 因为net start +服务名，启动的是win下注册的服务。此时，我系统中并没有注册mysql到服务中。即下面没有mysql服务。 怎样将Mysql注册到win服务里面去呢？1.进入MySQL的bin目录 2.在命令行窗口输入：mysq
2017-03-26 15:21:56
27197
2
转载 解决Android 7.0 (Android N)中 Android Device Monitor(DDMS)的 File Explorer不显示目录树的问题
1、问题 将手机升级到Android 7.0后，打开Android Device Monitor(DDMS)后，File Explorer中显示一片空白。如下： 2、解决方法第一步：下载ddmlib.jar ddmlib.jar的下载位置 文件大小：282KB。 或者，百度云：http://pan.baidu.com/s/1sl4KaOP 提取密码：sygc第二步：在Android S
2017-03-15 13:23:57
1146
转载 collection.toArray(new String[0])中new String[0]的作用
new string[0]的作用比如：String[] result = set.toArray(new String[0]);Collection的公有方法中，toArray()是比较重要的一个。 但是使用无参数的toArray()有一个缺点，就是转换后的数组类型是Object[]。 虽然Object数组也不是不能用，但当你真的想用一个具体类型的数组，比如String[]时，问题就来了。而把Ob
2017-01-04 16:33:37
868
转载 Could not publish to the server. Java.lang.NullPointerException
打开eclipse出现以下的错误信息： publishing to tomcat v8.0 server at localhost has encontered a problem Could not publish to the server. Java.lang.NullPointerException 解决办法： 1、找到Tomcat的配置文件“context.xml”，在Contex
2016-12-26 19:00:29
3357
原创 在命令行查看端口对应的进程并将其关闭
查看端口进程，例如端口8080，回车之后就可以看见列表中的PID，然后根据PID在电脑的任务管理器中查看对应的占用程序，然后将其关闭即可 netstat -aon|findstr “8080” 根据PID查看哪个进程占用的端口 tasklist|findstr “9384” 关闭进程 taskkill /f /im javaw.exe 如下图：
2016-12-04 20:53:49
399
转载 小C语言--词法分析程序
小C语言–词法分析程序 Time Limit: 1000MS Memory Limit: 5000KB Submit Statistic Problem Description 小C语言文法 1. <程序>→(){<声明序列><语句序列>} 2. <声明序列>→<声明序列><声明语句>|<声明语句>|<空> 3. <声明语句>→<标识符表>; 4. <标识符表>→<标识符>,<标识
2016-10-24 09:42:26
712
转载 win10配置java环境变量，解决javac不是内部或外部命令等问题
装了win10系统，以前配好的java环境变量和tomcat环境变量全都清空了，在重新配置的时候总是出现问题，即在cmd命令窗口下，输入java，显示正常，输入java -version 也是显示正常，唯独输入javac，显示“javac不是内部或外部命令，布拉布拉一些的问题”。下面来说说这个问题的解决办法，其实很简单：系统变量下面配置 JAVA_HOME:C:\Program Files\Ja
2016-10-08 11:02:25
14292
10
原创 小太阳的滚动
html文件，碰到边缘自动弹回<html><head><title>小太阳</title><script language="javaScript"> //定义全局变量，两个方向 directionX=1;//x轴的方向 directionY=1;//y轴的方向 sunX=0;//小太阳的坐标x sunY=0;//小太阳的坐标y speed=2;
2016-09-12 20:43:13
409
原创 innerText和innerHtml的区别
<html><head><title>无标题</title><script language="javaScript">function test(){ //浏览器当作文本解析,两个双（单）引号不能嵌套使用，里面的用双引号了，外面必须用单引号 //document.getElementById('myspan').innerText='<a href="www.baidu.c
2016-09-12 19:19:16
377
原创 获取外部css的元素
html文件<html> <head> <link href="mycss.css" rel="stylesheet" type="text/css"> <script language="javascript" type="text/javascript"> function test4(event){
2016-09-12 19:16:14
485
原创 关于document.getElementById(id)获取不到元素
开始的时候是这么写的，代码如下：<img id="mymario"style="width:50px;position:absolute;left:30px;" src="图片/mario.jpg" />用 var mymario=document.getElementById('mymario'); alert(mymario); 一直获取不到img元素，想了好久也没找到原
2016-08-26 22:13:08
19648
1
转载 文件路径和Uri
一、Uri 通用资源标志符（Universal Resource Identifier, 简称”URI”）。 Uri代表要操作的数据，Android上可用的每种资源 - 图像、视频片段等都可以用Uri来表示。 URI一般由三部分组成： 访问资源的命名机制。 存放资源的主机名。 资源自身的名称，由路径表示。 Android的Uri由以
2016-08-15 17:40:29
472
转载 dos命令行输入adb shell命令为什么报错
在命令行（就是开始——运行——输入cmd）模式下输入adb shell命令一般会报两种错误，一是“adb不是内部命令或外部命令，也不是可运行的程序或批处理文件”，二是“error：device not found”。 对于第一种错误，是因为环境变量没有配置。所谓环境变量，就是各应用程序要用到的信息，这里主要是没有配置Path路径，Path就是.exe和.bat程序执行的路径
2016-08-09 14:36:39
4402
原创 android怎样新建Activity
1、在com.example.phonekeeper包上右击选择 new->other->android->android Activity点击next 2、选择Blank Activity点击next 3、设Activity Name 为HomeActivity点击Finish
2016-08-03 22:37:50
475
原创 JDK8的安装及win10配置JDK8的环境变量
工具/原料 windows10 jdk-8u51-windows-x64.exe方法/步骤 1、首先，点击进入JDK官网2、进入官网过后，同意协议，并下载对应版本的JDK，64位电脑的下载X64的，32位电脑下载i586的。 3、然后安装步骤安装jdk，等JDK安装好了后，还会安装JRE，建议让JRE的安装目录与JDK在一个文件夹中，例如：安装路径分别为 E:\android\JDK
2016-08-03 12:43:14
75046
22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人