- 博客(100)
- 收藏
- 关注
RSS订阅转载 webpack-dev-server报错
运行npm run dev报错，----webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] dev: `webpack-dev-server --inline ...
2019-03-26 14:43:00
448
转载 npm run dev 报错 run `npm audit fix` to fix them, or `npm audit` for details
前几天写的直接运行npm run dev还是ok的，突然不行了，前面报错是css-loader没有，删除style标签上的lang='scss'就好了，先不需要这个依赖。这个先不管。只是后面的run `npm audit fix` to fix them, or `npm audit` for details，来回依据指令好几次，依然是这样....解决：运行 npm aud...
2019-03-26 14:41:00
442
转载 vscode里使用.vue代码模板的方法
1.设置.vue模板打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。在输入框输入vue，回车，会打开一个vue.json文件。在里面复制以下代码：{ "Print to console": { "prefix": "vue", "body": [ "<!-- ...
2019-03-26 14:09:00
480
转载 console.log()中的%d,%s等代表的输出类型
在console.log()或console.debug()中输出时会有%d,%s等符号。%s for a String value 字符类型%d or %i for a Integer value 整型%f for a Floating point number 浮点类型number%o for an Object hyperlink 对象类型超链接转载于...
2018-09-25 14:07:00
197
转载 使用Babel将单独的js文件 中的 ES6转码为ES5
如果你并没有接触过ES6，当你看到下面的代码时，肯定是有点懵逼的（这是什么鬼？心中一万头神兽奔腾而过），但是你没看错，这就是ES6。不管你看不看它，它都在这里。12345678910vara = (msg) => () => msg;varbobo = {_name: ...
2018-08-14 13:51:00
384
转载 jQuery选择什么版本 1.x? 2.x? 3.x?
类似标题：jQuery选择什么版本?jquery一般用什么版本？jquery ie8兼容版本。jquery什么版本稳定？目前jQuery有三个大版本：1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再...
2018-08-13 11:05:00
105
转载 在线jquery.min.js、vue.min.js引用
<scripttype="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script><scripttype="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.j...
2018-08-13 10:49:00
907
转载 WebSocket对象的“readyState”属性记录连接过程中的状态值
websocket的两个属性：readyState和bufferedAmount。根据readyState属性可以判断webSocket的连接状态，该属性的值可以是下面几种：0 ：对应常量CONNECTING (numeric value 0)，正在建立连接连接，还没有完成。The connection has not yet been established....
2018-08-03 11:42:00
3045
转载 vue项目中，使用vue-awesome-swiper插件实现轮播图
一、安装npm install vue-awesome-swiper二、项目中引入import 'swiper/dist/css/swiper.css'import {swiper,swiperSlide} from 'vue-awesome-swiper'重要代码如图：附上官方案例源码：https://github.com/davecat/vue-awes...
2018-07-12 16:22:00
451
转载 vue-cli 项目里屏幕自适应
很多同学可能在写h5的时候，也会遇到移动端如何控制屏幕自适应问题！在移动端网页开发中，我们可以用手机淘宝的flexible．那么在vue当中，也同样可以用！接下来就介绍下如何在vue-cli配置的项目里来实现屏幕自适应一、首先，我们需要安装flexible库．项目目录下 cmd命令：npm install lib-flexible二、然后在项目入口文件main.js里引入lib-fl...
2018-07-06 10:58:00
673
转载 vue2 设置网页title的问题
关于vue2设置标题推荐使用vue-wechat-title插件npm install vue-wechat-title --save 下看后我的使用方式1. 在 main.js 中import VueWechatTitle from 'vue-wechat-title'; Vue.use(VueWechatTitle)这样就能用了2. 路由中...
2018-07-05 18:06:00
196
转载 error ...项目路径 \node_modules\chromedriver: Command failed.
当你拿到完整的vue项目代码，像 node_modules 整个文件夹不可能提交到svn或者github的，所以怎么自己安装整个项目所需要的一些依赖呢，前提是你全局安装了node，才能使用nom命令，命令： npm install就会根据项目下的package,json文件自动安装文件里面的所有依赖，安装过程报错，如下图根据意思就是那个路径下的chromedr...
2018-07-05 14:25:00
4127
转载 Vue打包后出现一些map文件
问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，怎么把它去掉不要呢？运行 cnpm run build 开始打包后会在项目目录下自动创建dist目录，打包好的文件都在其中解决办法：去src/config/index.js中改一个参数：productionSourceMap:false把这个改为false。不然在最终打包的文件中会出现一些map文件...
2018-07-03 11:51:00
88
转载 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
报错图一通百度，以为是没有装webpack-dev-server，全局安装了还是报错，后来百度到说是高版本的Bug，经过排查，发现是webpack的新版本的BUG，解决方法就是卸载新版本，安装老版本。命令如下：npm remove webpack-dev-servernpm install [email protected]...
2018-07-02 18:02:00
277
转载 ipone 5s上，字体rem遇到的问题
webapp中，12px的字体，利用rem实现自适应布局，发现只有在ipone 5s中字体超大，这两个class元素中字体一样大小，发现上面元素字体在ipone 5s中很大，后来验证问题在哪里，发现设置了固定的rem宽度的问题，加上高度就可以了 或者宽度写百分比；总结就是 截图上面的红框 1 跟 2 两种写法就可以避免。神奇的大坑.....欢迎大神...
2018-04-26 14:26:00
88
转载 Layer For Mobile 弹窗 input输入文字后，点击取消确定按钮失效（需点击两次）
webapp中使用Layer For Mobile弹出弹窗，修改昵称输入文字后，ios手机中，如果不先点击收起键盘，两个按钮点击之后无效...两个按钮的方法是写在这里的——>最后只能吧点击按钮click事件单拎出来。。。发现还是会无效。那就只能试下touchstart。。。发现可以了。解决办法：layer按钮点击事件拎出来写，并且使用touchstart方法；...
2018-04-26 13:03:00
219
转载 面试的信心来源于过硬的基础
原文链接：segmentfault.com1、 viewport <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewp...
2018-03-02 14:56:00
70
转载 es6新增 set
Set基本用法ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。var s = new Set();[2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));for (let i of s) { console.log...
2018-03-02 14:51:00
85
转载 ES6 扩展运算符 三个点（...）
它是什么es6中引入扩展运算符（...），它用于把一个数组转化为用逗号分隔的参数序列，它常用在不定参数个数时的函数调用，数组合并等情形。因为typeScript是es6的超集，所以typeScript也支持扩展运算符。用在哪儿可变参数个数的函数调用function push(array, ...items) { array.push(...items);...
2018-03-02 13:52:00
251
转载 echarts.init 使用jq获取初始化对象
var myChart = echarts.init($('#main')[0]);// 或者var myChart = echarts.init($('#main').get(0));转载于:https://www.cnblogs.com/ertingbo/p/8276649.html
2018-01-12 16:51:00
947
转载 vue中使用sass 做减法计算
首先确认已安装sass依赖，yarn指令：yarn add sass-loader,style中写法如下：注意calc(100% - 200px); 之间有两个空格的，转载于:https://www.cnblogs.com/ertingbo/p/8214454.html...
2018-01-06 15:54:00
393
转载 vue-router + ElementUI实现NavMenu 导航菜单 选中状态的切换
elemen-ui官方网站：http://element.eleme.io/#/zh-CN/component/menu新手小白利用vue+element-ui尝试搭建后台管理系统，效果是这样的，但是发现点击首页时，黄色选中状态不会切换到首页，最后发现可以利用$route.path设置默认选中的导航，而且el-menu-item中的index 就是当前路由的路径，...
2018-01-02 16:56:00
3712
转载 el-container 实践上的布局问题
当自己利用element-ui上面的例子来实现整体布局的时候，就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的：代码是这样的，代码一模一样，只是拆开了各个组件，如下图：后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否有el-header或el-footer，答案在这里完善答案如图:...
2017-12-28 14:05:00
671
转载 微信开发者工具下载地址
直接上官方 最新版本下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714转载于:https://www.cnblogs.com/ertingbo/p/8056388.html
2017-12-18 10:31:00
315
转载 百度地图：自定义按钮 实现鼠标绘制任意多边形 并获取每个点的经纬度
实现思路：1：添加绘制工具的监听事件2：遍历取出坐标集合copy代码直接运行测试即可（如果不需要获取经纬度，删除掉相应的方法代码即可）<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="tex...
2017-12-08 10:50:00
744
转载 百度地图API示例：鼠标绘制点线面 控件修改
需求 ：在使用地图API时，绘制工具栏控件想自己选择哪些要，哪些不要。可以查看相应的类：官网地址：http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html#constructor{Map}mapBaidu map的实例对象{Json Object...
2017-12-08 10:40:00
1038
转载 禁止textarea拉伸
添加css属性：style="resize:none" ;转载于:https://www.cnblogs.com/ertingbo/p/7998202.html
2017-12-07 11:16:00
123
转载 自定义input[type="radio"]的样式（支持普通浏览器，IE8以上）
对于表单，input[type="radio"] 的样式总是不那么友好，在不同的浏览器中表现不一。对单选按钮自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :checkbox 来实现。如果直接对单选按钮设置样式，那么这个伪类并不实用，因为没有多少样式能够对单选按钮起作用。不过，倒是可以基于单选按钮的勾选状态借助组合选择符来给其他元素设置样式。很多时候，无论是...
2017-12-07 11:14:00
473
转载 HTML5中input[type='date']自定义样式
HTML5提供了日历控件功能，缩减了开发时间，但有时它的样式确实不如人意，我们可以根据下面的代码自行修改。建议：复制下面的代码段，单独建立一个css文件，方便我们修改。/* 修改日历控件类型 */::-webkit-datetime-edit { padding: 1px;} /*控制编辑区域的*/::-webkit-datetime-edit-fields-wr...
2017-12-07 11:02:00
529
转载 vue-cli快速构建vue项目模板
vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。1、使用npm安装vue-cli 需要先装好vue 和 webpack（前提是已经安装了nodejs，否则连npm都用不了） npm install -g vue //全局安装vue npm install -g webpack //全局安装webpack npm ...
2017-12-01 14:19:00
134
转载 设置table中的td一连串内容自动换行
遇到一长串字母撑出了td宽度，导致整个表格错乱，如图：，解决办法：第一：table 加上css:table-layout:fixed;（此css属性 表示 列宽由表格宽度和列宽度设定。不会因为内容而改变设定的宽高，而是会自适应外面的容器）。第二：td 加上css:word-wrap:break-word;（此css属性表示 在长单词或 URL 地址内部进...
2017-12-01 10:44:00
199
转载 JavaScript中基本数据类型和引用数据类型的区别
1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型： Number、String 、Boolean、Null和Undefined...
2017-11-30 10:19:00
326
转载 “浏览器模式”和“文档模式”之间的区别
只有IE浏览器中才会有“浏览器模式”和“文档模式”，兼容性视图涉及两个重要的功能便是“浏览器模式【browser mode】”和“文档模式【document mode】”，在IE8/IE9中按F12键，打开“开发人员工具”，在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单，其中可以选择切换到IE7/8等不同的网页模式。这个设置之后在js中可以通过navigator.userAge...
2017-11-27 11:06:00
62
转载 浏览器模式与文档模式区别
浏览器模式下的影响：简单来说，“浏览器模式”影响的是浏览器的版本及IE的条件注释，”浏览器模式”会影响服务器端对浏览器版本的判断,主要表现在展现，对CSS影响很大先看看以下的代码：<!–[if IE 7]><style type=”text/css”>.content{color:#F00;}</style><![endif]...
2017-11-27 10:49:00
86
转载 HTML5中的data-*属性和jQuery中的.data()方法使用
原文地址链接：http://blog.csdn.net/fly_zxy/article/details/50687691；HTML5中的data-*属性我们往往会根据需要在HTML标记上添加自定义的属性来存储和操作数据，我们自定义的属性名字也千奇百怪，五花八门。我们可以通过原生的getAttribute()或jQuery中的.attr()来获取我们自定义的属性。但是前端技术在向着...
2017-11-15 14:11:00
135
转载 webpack+vue+vueRouter模块化构建小demo实例超详细步骤（附截图、代码、入门篇）
说明：本demo使用yarn代替npm指令来下载一系列依赖，有详细指令说明；使用WebStorm下Terminal来输入指令；>开始（确认已经安装node环境和yarn包管理工具）1、新建项目文件名为vuedemo2、yarn add init初始化项目>安装项目依赖3、yarn add vue安装最新版vue4、yarn add webpack...
2017-11-13 10:53:00
175
转载 Yarn vs npm: 你需要知道的一切
Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样，它的目的是解决这些团队使用 npm 面临的少数问题，即：安装的时候无法保证速度/一致性安全问题，因为 npm 安装时允许运行代码但请不要惊慌！它并没有试图完全取代 npm。Yarn 同样是一个从 npm ...
2017-11-10 15:16:00
142
转载 一文看懂npm、yarn、pnpm之间的区别
原文：Understanding differences between npm, yarn and pnpm作者：Alex Kras翻译：雁惊寒本文作者对比了当前主流的包管理工具npm、yarn、pnpm之间的区别，并提出了合适的使用建议，以下为译文：NPMnpm是Node.js能够如此成功的主要原因之一。npm团队做了很多的工作，以确保npm保持向后兼...
2017-11-10 14:32:00
141
转载 yarn 常用命令(基于vue框架)
初始化项目yarn add init安装vueyarn add vue安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器）yarn add webpack webpack-dev-server安装babel，babel的作用是将es6的语法编译成浏览器认识的语法es5yarn add babel babe...
2017-11-10 14:01:00
522
转载 window.location获取URL中各部分
URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成：scheme://host:port/path?query#fragmentscheme(通信协议):常用的http,ftp,maito等host(主机): 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port(...
2017-11-10 10:19:00
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人