- 博客(44)
- 收藏
- 关注
RSS订阅原创 ERROR in Entry module not found: SyntaxError: C:\Users\Administrator\...编译出错（webpack）
今天得空用webpack启动一个新demo，按照官网的步骤一步一步操作，没想到一开始打包就挂了......执行命令行：npx webpack 报了以下错误： 最重要看“ERROR in Entry module not found: SyntaxError: C:\Users\Administrator\Desktop\webpack\webpack-demo\package.json...
2018-12-20 11:45:12
7897
3
原创 Vant-list源码详解
一、源码理解基础之scroll.js1、1 >>> getScrollEventTargetexport default {getScrollEventTarget(element, rootParent = window) { let currentNode = element; while (currentNode && curre...
2018-10-11 12:46:41
6112
1
原创 修改复选框select的默认样式
//html<p> <select> <option value="volvo">aabb</option> </select></p>//cssp:nth-child(3){ border:1px solid #868686; position: relative;
2018-09-19 20:53:29
443
原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-
父组件<popup :show="showpopup" @closepop="closepop"></popup>子组件<template> <div :class="show?'container show':'hide'" @click="close"> </div&a
2018-09-19 11:53:38
252461
23
原创 Error: listen EADDRNOTAVAIL 192.168.0.144:8088问题解决
前一天启动项目还还好好的，第二天来发现项目启动不起来了。。。npm run dev 解决：输入ipconfig后发现 DHCP重新分配了IP，所以在index.js中将host修改为新的ip地址即可...
2018-09-19 10:42:34
2397
原创 javaScript之变量提升
在平时开发过程中，我们都会遇到变量提升。但却没有好好研究过，重视基础很重要！！！一、变量定义：变量是存储信息的容器。特点：是松散类型的，也就是说可以用来保存任何类型的数据。var turbo;//未经初始化的变量，会保存一个特殊的值undefined；console.log(turbo) //undefinedfunction test(){ var a ...
2018-09-06 22:17:50
127
原创 JavaScript之事件队列（event loop）
一、前言我们都知道，javaScript是一门单线程、非阻塞的脚本语言。单线程意味着，在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。为什么要单线程呢？因为作为浏览器脚本语言JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程。非阻塞是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I...
2018-09-04 22:38:33
1995
原创 JavaScript之执行栈和堆
一、栈栈：英文为“stack”；定义：一种存放数据的内存区域；特点：①LIFO，后进先出；可视化描述：②调用栈，函数或者子例程像堆积木一样存放，以实现层层调用；函数调用形成一个栈帧：fucntion tur(b){ var a = 4; return a+b;}function emy(y){ var x = 3; ret...
2018-09-03 22:00:09
1514
原创 gulp基础使用
一、安装1、全局安装：npm install gulp -g （通过它执行gulp任务)2、本地安装：npm install gulp --save-dev (项目目录中安装)gulp的其他插件也按照类似操作。二、使用gulp.task('polarless',function(){ //执行一个gulp-less转译css任务 gulp.src(['app/less/index....
2018-05-03 10:22:06
182
原创 for循环中输出同一变量值
//循环输出通一变量值for(var i=0;i<5;i++){ console.log(i) //0,1,2,3,4 全局 setTimeout(function(){ console.log(i) //5,5,5,5,5 内部 },1000);}为什么会产生这样的结果？首先,这里的i属于全部变量，即函数中所...
2018-03-30 16:08:41
1419
原创 Vue之filters--v-bind
Vue之filters–v-bind样式显示以及内容显示目前有一个列表，类似微博粉丝关注。 列表中有两种情况：已关注和关注，需要在加载页面时进行样式区分。html代码<div id="vue"> <div v-for="item in list"> <p :class="item | filtersColor">{{item|filtersContent}}</p>
2017-12-19 17:36:14
1734
翻译 移动端tap轻触事件封装
function my_tap(dom,callBack){ //第一不能超过延时时间，第二不能使移动 //获取一些必要的值开始时间，延时时间，是否是移动 var startTime=0; var delayTime=200; var isMove=false; dom.addEventListener("touchstart",functi
2017-02-06 16:51:26
869
原创 $(window).height()与$(document).height()
$(document).height() //是获取整个页面的高度。$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 ,这个大小会在缩放浏览器窗口大小时改变，放大窗口时，$(window).height()变小；缩小窗口时，$(window).height()变大。
2016-12-29 14:29:00
303
原创 git使用
最近有接触到git，需要clone和push项目。之前只用过webstorm连接github,这次在项目中用到的是gitLab,其实是和github一样的吧，都是使用git。我觉得自己在学习使用git的时候还是花了比较多时间的，找到好的学习资料真的很重要，这里请推荐廖雪峰的Git教程，真的很详细易懂http://www.liaoxuefeng.com/wiki/0013739516305929
2016-12-18 16:32:20
285
原创 函数式编程之柯里化函数
1、柯里化函数 function add(num){ return function(x){ return num+x; } } var add5 = add(5); var addRes = add5(1); console.log(addRes);2、页面刷新function up
2016-12-16 15:51:30
452
原创 app跳转app
一、从app跳转至QQ加群 很简单，只要点击a 标签就可以从当前的app跳转至QQ加群二、如果手机中不存在QQ如果是ios ：'如果是安卓：'function statToQq(){ // 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为 // 否则打开a标签的href链
2016-12-08 20:31:16
1782
原创 pc端粘贴复制插件使用ZeroClipboard
通过点击按钮，进行复制粘贴1、先去官网ZeroClipboard.org现在v2.2.0.zip2、解压后，找到ZeroClipboard.js和ZeroClipboard.swf，放入开发项目中。注意路径3、var client = new ZeroClipboard(document.getElementById("copy-button")); //document.get
2016-11-30 16:45:21
1024
原创 拖动div框
function drag(ele){ ele.mousedown(function(event){ var offset=ele.offset(); x1=event.clientX-offset.left; y1=event.clientY-offset.top; ele.mous
2016-11-21 20:28:32
425
原创 h5键盘遮挡输入框问题 、模仿微信输入框失去焦点时隐藏iphone的软键盘和聚焦时出现输入框
最近的项目做得是混合开发，其实比较尴尬的啦，手机端的安卓与ios挺多兼容问题的。1、手机端h5页面中输入法键盘会遮挡输入框的问题。 $('input').on('focus',function(event){ //自动反弹 输入法高度自适应 var target = this; setTimeout(function
2016-11-19 17:22:43
20365
原创 手机app中跳转调用外部浏览器
安卓Android方式window.location.href = "intent://www.baidu.com?a#Intent;scheme=http;package=com.android.browser;end";
2016-11-15 17:01:15
15642
6
转载 css优化、提高性能的方法
关注一下CSS Lint （CSS Lint），这是一个发现CSS书写问题，提升性能的工具我复制规则过来：修复解析错误（Parsing errors should be fixed）避免使用多类选择符（Don't use adjoining classes）IE6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE6下的多类选择符一文。 移除空的cs
2016-09-22 16:28:10
2474
原创 居中一个浮动元素
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> /*//居中div*/ .div1{ width:300px; height:300px; background-color: red
2016-09-22 10:47:28
273
原创 Page Visibility API 页面可见性
页面可见性有哪些用途呢？我们可以通过visibilityState的值检测页面当前是否可见，以及打开网页的时间；在页面被切换到其他后台进程的时候，自动暂停音乐或者视频的播放。当然还可以改变html中title标签的值；html lang="en">head> meta charset="UTF-8"> title>turboemilytitle>head>b
2016-09-22 10:21:18
1151
转载 同步与异步
javascript语言的执行环境是“单线程”。“单线程”：指一次只能完成一件任务，一个任务完成之后再执行下一个任务。同步：即阻塞模式。必须完成一件任务再进入下一个任务。由于js是单线程的，为了解决浏览器因为执行一个任务时间太久或者无响应，js语言将执行模式分成2种：同步和异步异步：即非阻塞模式。一个任务有一个或者多个回调函数，前一个任务结束后不是执行后一个任务，而是执行回
2016-09-21 16:47:02
194
转载 同步与异步
javascript语言的执行环境是“单线程”。“单线程”：指一次只能完成一件任务，一个任务完成之后再执行下一个任务。同步：即阻塞模式。必须完成一件任务再进入下一个任务。由于js是单线程的，为了解决浏览器因为执行一个任务时间太久或者无响应，js语言将执行模式分成2种：同步和异步异步：即非阻塞模式。一个任务有一个或者多个回调函数，前一个任务结束后不是执行后一个任务，而是执行回
2016-09-21 16:47:02
172
原创 清除浮动的三种常用方法
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin:0; padding:0; } .container{ width:800px;
2016-09-21 15:23:21
619
原创 css hack
常用的CSS hack方式（1）方式一 条件注释法只在IE下生效这段文字只在IE浏览器显示（2）方式二 类内属性前缀法属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。“-″减号是IE6专有的hack“\9″ IE6/IE7/IE8/IE9/IE10都生效“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack“\9\0″ 只对I
2016-09-20 16:55:30
185
原创 委托事件
根据冒泡的原理，可以衍生出委托事件我门都知道ie浏览器只有冒泡，非ie浏览器有捕获也有冒泡，通常情况下我们写的绑定事件是按照ie浏览器只有冒泡的准则来规范的，在非ie中的addEventListener中的第三个参数设置为false即可；下面我们讲讲什么是委托事件，本来由自身做的事情现在交给父元素去做，这样的事件就叫做委托事件。比方说在一个ul的列表中有很多个li标签，我们给li标签绑
2016-09-20 15:51:01
250
原创 阻止冒泡和阻止浏览器默认行为
阻止冒泡的方法function stopBubble(e){ if(e && e.stopPropagation ){ e.stopPropagation();//w3c }else{ window.event.cancelBubble = true;//ie }}阻止浏览器的默认行为function stopDefault
2016-09-20 12:04:55
212
原创 非IE冒泡与捕获
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:500px; height: 500px; background-color: aqua; }
2016-09-20 11:48:18
152
原创 非IE冒泡与捕获
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:500px; height: 500px; background-color: aqua; }
2016-09-20 11:39:35
184
原创 IE冒泡机制
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:500px; height: 500px; background-color: aqua; }
2016-09-20 11:33:23
413
原创 css3 背景相关的新增属性
先上代码：html lang="en">head> meta charset="UTF-8"> title>css3title> style> div{ background-color: black; border:dashed 15px green; padding:30px
2016-09-06 21:11:11
270
原创 css3 盒子类型
盒子的类型：使用display来定义一、3种常见情况：block 、 inline、 inline-blockblock 块级inline 内联inline-block 行内块我们都知道：一个块级元素占领一行，且可以设置宽高；而一个内联元素后面可以跟内联元素，一行可以有很多个内联元素，但是内联元素设置不了宽高。所以：使用inline-block可以使块级元素在一
2016-09-06 20:56:42
260
原创 css3 字体
今天无意当中学习了css3中文字方面的新属性1、text-shadow 给文字添加阴影 text-shadow:length length length color 第一个length:横向距离 第二个length:纵向距离 第三个length:模糊程度 color:阴影的颜色 比如：text-shadow:5px 5px
2016-09-06 18:24:59
477
原创 NodeJS爬虫系统
最近一直在学习nodejs今天自学了爬虫系统 个人感觉还蛮有意思的 做一个爬虫系统很简单。首先打开webstorm或者sublime 创建一个node.js文件系统然后配置爬虫环境(node模块)： 1、Express //npm install express --save
2016-09-05 21:42:19
472
原创 ionic www/js文件
今天是学习ionic的第三天 ，越来越觉得ionic有意思，好用昨天重点看了www中有哪些主要的文件，今天就重点看了www/js中每个js的功能和使用方法 然后实现了一个简单的二级应用今天在www/js中建立了4个js文件:app.js、controllers.js、routes.js、services.js1.app.js// 创建应用程序angular.module('t
2016-08-24 17:51:41
2364
原创 ionic 说一说ionic工程里面的www文件
今天是学习ionic的第二天，其实感觉还挺有意思的，好记性不如烂笔头，把今天学习到的东西都记录下。。。。方便以后自己翻阅ionic中的www文件夹是我们在实际开发当中必须要用到的文件夹，html、css、js、img的存放都在其中。。。。1、www/js 文件夹app.js一般用于创建一个应用程序：angular.module("app",[ionic]);routes.js配置路
2016-08-23 20:30:11
4225
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人