- 博客(28)
- 收藏
- 关注
RSS订阅
原创 吐血总结babel 7.xa版本+Webpack4.x配置
安装babel插件，你踩坑了吗？不踩不知道，一踩吓一跳，babel 7 是2018.8 发布，做了很大的语法改版 今天试了试，运行了下以前写的代码，发现各种报错，在这里总结下升级过程中遇到的一些细节问题。Error: Cannot find module '@babel/core'babel-loader@8 requires Babel 7.x (the package '@babel/c...
2019-10-10 22:51:50
346
原创 JavaScript深入之继承的多种方式和优缺点
s有问题的小明提出一个问题：首先来理解一个概念，何为继承？解：子类的实例可以访问父类的属性和方法（此篇主要讲ES5语法，还不涉及到类，就叫构造函数）一：通过原型链实现继承首先我们定义一个父构造函数，父构造函数有name和friend属性，并且父构造函数的原型对象有runing方法。function Person(){ this.name="person"; this.friends=['a']}Person.prototype.runing=function(){
2022-01-28 18:58:37
851
原创 vue-cli 3.x 创建项目
1.运行vue create name 填写取药创建的项目名称PS D:\workspace\vuecli> vue create review-vue-cli选择模块第一个的默认配置，第二个是自定义配置，这里选第二个 这里推荐选择第二项 Manually select features如果选择默认选项 default，将会构建一个最基本的 vue 项目（没有 vue-rou...
2019-11-18 11:10:06
219
原创 vuecli3使用官方方法配置sass全局变量报错 options has an unknown property 'data'. These properties are valid: object
更新的scss版本在vue cli3的项目里面的配置需要修改参数设置，具体在vue.config.js文件sass-loader报错：Module build failed (from ./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js):ValidationError: Invalid options object. Sass...
2019-10-28 17:21:37
11674
4
原创 Mint-ui是使用bootstrap字体图标，webpack打包后bootstrap字体无法显示问题
问题：在vue组件中，mint UI中的toast使用bootstrap字体后，经webpack打包，浏览器中点击触发toast后，相应字体图标无法显示，控制台不报错相应代码如下： Toast({ message:'点赞成功', duration:-1, ...
2019-10-14 22:00:25
376
转载 Error: .plugins[2][1] must be an object, false, or undefined
vue中按需引入mint-UI报Error: .plugins[2][1] must be an object, false, or undefined这样才是正确的，mint-ui 文档多了个 [ ]{“presets”: ["@babel/preset-env"],“plugins”: ["@babel/plugin-transform-runtime",“@babel/plugin...
2019-10-14 20:17:55
1649
原创 汇总：CSS实现水平、垂直居中
1：行块元素针对行内元素，例如：span a img text input 水平居中的方法，给父元素 text-align :center;例如：在这里插入代码片<div class="parent"> <span>inline element</span></div>行内居中只需要给父元素设置 text-align: center...
2019-09-18 20:56:10
107
原创 史上最全 JS数组的 增加 删除 查找方法汇总！
一：向数组里面增加元素push :向数组尾部新添加元素,返回值：数组的长度会改变原始数组var a = [1,2,3,4,5]; var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：72.unshift :向数组头部新添加元素，返回数组的长度会改变原始数组var a = [1,2,3,4,5]; var b = a.unshift(-2,...
2019-09-04 17:57:26
985
1
原创 搞懂JS数组some() 和every()的区别
共同点：1.每一项的遍历数组2.三个参数相同3.返回的值都是布尔值区别：1.some,遍历数组中的每一项，若其中一项为true,则返回值是true2.==every()==方法，遍历数组每一项，若全部为true，才返回true ,否则返回false...
2019-09-03 15:53:33
3284
原创 对forEach、for in 还有es6的for-of 的一些整理
一：forEachforEACH是是用来遍历数组的，但是不用使用break退出，也不能用return然会外层不支持IE，对原数组没有影响var arr=['aaa','aaaccc',"dddd","fff"]; arr.forEach((value,index,array)=>{ console.log("value="+value); })value :当前值...
2019-08-29 18:07:10
96
原创 js中 浅谈回调地狱 Promise之终极改造代码
Callback helllPromise异步编程的执行顺序都是不一样的，无法保证代码的顺序：以下是读取三个文件const fs=require('fs');fs.readFile('a.txt',(err,data)=>{ if(err){ throw err; } console.log(data.toString())});fs.readFile('b.t...
2019-08-28 16:42:37
359
1
原创 node.js (四)使用art-template渲染数据
art-template文档官网：https://aui.github.io/art-template/zh-cn/index.html一：什么是art-templateart-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。使用art-template也便于维护...
2019-08-20 16:02:40
644
原创 node.js学习(三）在Express中使用art-template模板引擎
art-template官方文档地址：http://aui.github.io/art-template/docs/api.htmlgithub地址：https://github.com/aui/express-art-template安装：npm install --save art-templatenpm install --save express-art-template配置：...
2019-08-19 16:31:33
567
原创 node.js 解决 npm ERR! code ENOSELF npm ERR! Refusing to install package with name "art-template" under
我的执行步骤：我创建了一个名叫art-template的文件夹，想在这个工程中学习art-template 模板引擎①初始化工程目录 npm init -y②：安装art-template 和express-art-template报错：npm ERR! code ENOSELF npm ERR! Refusing to install package with name "art-...
2019-08-19 15:54:06
8570
1
原创 node.js学习(二) 利用Express 托管静态文件
为了提供诸如图像、CSS 文件和 JavaScript 文件之类的静态文件，使用 Express 中的 express.static 内置中间件函数。1.首先，创建目录：创建目录和入口文件，public目录为静态文件，app.js 为入口文件2.打开浏览器，访问 http://localhost:3000/public/hellow.html就可以访问 public目录下hellow.h...
2019-08-19 14:54:15
118
原创 node.js (一) 安装与配置，解决全局安装 提示：‘express‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
**** 一：首先安装和配置node环境很重要**1.下载node.jsNode.js 安装包及源码下载地址为：https://nodejs.org/en/download/安装node.js 安装的自己想要的磁盘，一直点下一步就可以，安装比较简单 如我就安装在D盘看下nodeyoumeiy 装好，命令行输入 node -v 顺便看下npm2.配置环境变量（这一步很重要，如果不...
2019-08-16 11:27:31
6703
翻译 node.js解决 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol request
node链接mysql报错error:如下：Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client at Handshake.Sequence._packetToError...
2019-08-12 14:29:50
5764
3
翻译 pip安装第三方模块报错: You are using pip version 19.0.3, however version 19.1.1 is available. You should cons
@TOC升级pip命令使用命令：pip list1查看安装的第三方库时，会在列表结尾说： You are using pip version 19.0.3, however version 19.1.1 is available.You should consider upgrading via the ‘python -m pip install --upgrade pip’ comm...
2019-07-18 11:05:26
1025
原创 10分钟快速入门windows下python+selenium+pycharm 自动化测试安装 与环境搭建
一：安装Python，去官网下载https://www.python.org/downloads/请注意，当你的电脑是32位的机器，请选择32位的安装包，如果是64位的，请选择64位的安装包；2.双击下好的安装包，出现如下界面，勾上 Add Python to path34.检测是否安装成功，【win键+R】调出【运行】界面,输入“cmd”,再点击【确定】5.输入Python，这样...
2019-07-06 17:36:30
797
1
原创 微信小程序如何使用阿里巴巴矢量图标
亲测有效！！！1.打开阿里巴巴iconfont官网 http://www.iconfont.cn/;2.把用到的字体图标加到项目里面或者加入购物车，可使用giyhub登录，也可忽略这步;3.将复制的代码打开一个新的网页，复制网页中全部的内容4.在你的小程序中新建一个CSS文件，我习惯新建一个文件夹将3步骤的全部内容复制到这个wxss文件4.使用 在wxml文件中，复制icon 图标的...
2019-06-16 17:37:18
1759
1
翻译 box-sizing: border-box;和box-sizing:content-box 的作用
.border-box : 指的是width=padding+border+content,就是说 加入你设置一个div的宽度为100px,这100px中包括padding border 和content内容区content-box :指的是只有内容区域是width，...
2019-06-13 17:06:12
799
原创 CSS清除浮动的几种有效推荐的方法
1、父级div定义伪类：after和zoom<style type="text/css"> .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .left{float:left;width:20%;height:200px;background:#...
2019-06-12 16:40:01
89
原创 隐藏元素 - display:none或visibility:hidden 的区别
visibility:hidden：隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。display:none ：且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。在不同浏览器下，对 visibility: collapse 的处理方式不同：1、visibility: collapse 的上述特性...
2019-06-11 17:36:37
196
原创 css文本属性
css文本属性：test-decorationh1 {text-decoration:overline;}h2 {text-decoration:line-through;}h3 {text-decoration:underline;}如下图用em设置字体大小h1 {font-size:2.5em;} /* 40px/16=2.5em /h2 {font-size:1.875em...
2019-06-11 17:26:12
137
原创 CSS 和 CSS3 background属性
CSS background属性background-color:背景颜色 #fffbackground-image：背景图片实例：background-image:url(‘paper.gif’);background-repeat：是否平铺repeat 背景图像将向垂直和水平方向重复。这是默认repeat-x 只有水平位置会重复背景图像repeat-y 只有垂直位置会重复背景图...
2019-06-11 14:38:48
212
原创 maven的安装与配置
一：安装maven前需要准备的环境jdkeclipse1.下载maven https://maven.apache.org/download.cgi下载最新版的Maven程序2.解压到路径3.配置环境变量3-1：:3-2：4.检测maven是否安装好通过DOS （win+R）命令来检查mvn -v已安装好二：配置maven本地仓库新建一个maven仓库 mav...
2019-04-15 18:37:42
273
翻译 jdk环境变量配置
找到系统—>高级系统配置—>环境变量1、在系统变量栏里 新建系统变量2.编辑环境变量Path3.检测jdk是否安装成功按win+r 弹出DOS窗口来检测java javac java -version(之间有空格）啦啦啦~~~~这样就安装成功啦...
2019-04-15 15:17:43
126
3
翻译 js-隐式类型转换
隐式转换介绍· 在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换1.字符串连接符与算术运算符隐式转换规则分析： 1-1字符串连接符：会把其他用String 转成字符串再进行拼接1-2关系运算符：会把其用Number转换成数字再...
2019-03-26 14:00:20
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人