2020年10月21日

vue脚手架安装，vue-cli3.x安装

摘要： 1.安装npm npm下载，下载地址：https://nodejs.org/en/ 安装成功后，检查是否安装成功 升级 2.查看node版本 命令行执行 node -v，检查版本 3.安装vue脚手架 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 vue cli的3.x版本 阅读全文

posted @ 2020-10-21 16:40 尔然夏 阅读(958) 评论(0) 推荐(0)

2020年9月11日

typescript 基础随笔1----基础类型

摘要： TypeScript是JavaScript的一个超集 TypeScript最重要的一个特点就是可以定义静态类型，JavaScript是一个弱类型的语言，通过TypeScript的定义静态类型，可以将变量强类型化 在TypeScript静态类型分为两种，一种是基础静态类型，一种是对象类型 1.基础静态 阅读全文

posted @ 2020-09-11 15:09 尔然夏 阅读(185) 评论(0) 推荐(0)

2020年7月24日

es6 三点运算符

摘要： es6中三点运算符有两种用法 1.作为参数使用 当定义函数对象时，参数的个数不确定，可以用三点运算符设置一个动态参数。 例： 1 var fun = function(a,...list){//a为普通参数，...list为剩余参数 2 console.log(a,list) 3 } 4 fun(' 阅读全文

posted @ 2020-07-24 17:23 尔然夏 阅读(334) 评论(0) 推荐(0)

2018年11月29日

快速配置webpack+vue项目

摘要： 第一步：初始化项目 1.npm init 2. package.json配置完成后为 第二步：安装各种依赖； 第三步：编写页面 1.新建目录src，里面新建App.vue 2.在src目录下新建main.js 3.配置webpack.config.js 4.打包项目 在根目录按住shift键同时点击 阅读全文

posted @ 2018-11-29 15:44 尔然夏 阅读(328) 评论(0) 推荐(0)

2016年10月19日

CSS3多栏布局

摘要： CSS3多栏布局 分栏数： column-count：auto|num； auto为默认值，表示元素只有一列。num取值为大于0的整数 每栏宽度： column-width:auto|<length>; eg:综合写法:columns:<column-width>||<column-count> 多 阅读全文

posted @ 2016-10-19 16:48 尔然夏 阅读(1641) 评论(0) 推荐(0)

2016年10月18日

伪类选择器

摘要： css的伪类是用来添加一些选择器的特殊效果。 a标签用伪类的比较多,例如： a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 阅读全文

posted @ 2016-10-18 21:16 尔然夏 阅读(156) 评论(0) 推荐(0)

CSS3选择器用法小结

摘要： 1.*通配符选择器 eg:*{margin:0;padding:0;} 2.#id选择符 ID选择器是CSS中效率最高的选择器，使用的时候要保证ID的唯一性 eg:#div{width:960px;margin:auto},id为div的标签 3. . class类选择器 eg：.div{width 阅读全文

posted @ 2016-10-18 20:55 尔然夏 阅读(158) 评论(0) 推荐(0)

2016年10月15日

css中使用浮动的情况和清除浮动的方法

摘要： 1.使用浮动时出现的情况： （1）使块元素在一行显示 （2）使内嵌元素支持宽高 （3）不设置宽高的时候宽度由内容撑开 （4）换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动） （5）元素添加浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边框或者另外一个浮动元素停止（文档流是文 阅读全文

posted @ 2016-10-15 14:41 尔然夏 阅读(172) 评论(0) 推荐(0)

导航