- 博客(24)
- 收藏
- 关注
RSS订阅原创 es6
var声明的变量是全局的。let声明的变量是块级的，想当于java中的局部变量。const声明的变量为常量，不能改变。promise使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascr
2021-01-02 02:03:08
112
原创 vue-router路由 vue-resouce axiios
history.go(1)前进一步history.backhistory.go(-1)后退一步history.pushState(‘页面描述’,‘页面标题’,‘页面的地址’) 改变页面地址vue-router 利用url传递参数 动态路由在配置文件里以冒号的形式设置参数。我们在/src/router/index.js文件里配置路由。import Vue from 'vue'import Router from 'vue-router'// import HelloWorld from '
2021-01-02 01:39:00
116
原创 vue-cli遇到的错误
vue-cli语法检查useEslint如果是turn 代表语法检查false代表不要语法检查ctrl+shift+h vscode的查找所有文件
2021-01-01 18:48:48
151
原创 vue-cli使用
在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的：首先 全局安装vue-cli，在cmd中输入命令:npm install --global vue-clivue init webpack “名称”cd 名称（进入到创建的项目中）npm install (安装项目的依赖)npm run dev (启动项目)如果你已经安装了vue 2.9.6 的话，则需要先将其删除：指令为：npm uninstall -g vue-cli第二步：更新Vue-cli 指令：npm instal
2021-01-01 16:26:29
72
原创 webpack单词
字母解释读音const常量kɒnstpath道路，路径pɑːθrequire需要rɪˈkwaɪərmodule模块；组件；模数ˈmɒdjuːlexports出口商品eksportentry入口ˈentrimode模式məʊddevelopmentproductionoutput输出ˈaʊtpʊtresolve决定 ，分解rɪˈzɒlv__dirname目录名build...
2020-12-31 03:10:00
309
原创 单词
webpack 要背单词webpack .\src\index.js -o .\build\build.js mode=developmentdevelopment 开发环境 第温咯们特mode 模式 某的production 生成环境 婆打可省
2020-12-30 05:08:24
177
1
原创 nvm 使用详解
1.定义：nvm，全称 Node Version Manager ，也就是node版本控制；使用场景：当你同时进行两个或多个node项目开发，并且这些项目的node版本不一样时，nvm可以很好的帮你管理pc上的node版本切换2.下载：nvm下载链接注：下载文件名为 nvm-setup.zip 的链接3.安装：默认安装：安装nvm时候，全默认即可（如果自定义目录，切记 nvm的安装路径 ：不要有汉字，不要有空格，不然后面会出现乱码问题）；自定义安装：打开安装包，选择nvm的存放路径，以及no
2020-12-28 00:05:42
501
原创 前端全套教程vue5天上 watch router computed
01.父子组件之间传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2020-12-27 17:40:22
102
1
原创 前端全套教程vue4天 路由
props 父子组建<!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用 --> <com1 v-bind:parentmsg="msg"></com1>template: '<h1 @click="change">这是子组件 --- {{ parentmsg }}</h1>', // 注意： 组件中
2020-12-27 02:59:47
143
原创 前端全套教程vue3天 动画
02.动画-不使用动画 <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <!-- 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 --> <h3 v-if="flag">这是一个H3</h3> </div> <script> // 创建 Vue 实例，得到 ViewMode
2020-12-26 18:34:16
65
原创 前端全套教程vue2天 vue-resource 生命周期 全局指令 全局过滤器 搜索 删除 添加
添加 <div class="panel-body form-inline"> <label> Id: <input type="text" class="form-control" v-model="id"> </label> <label> Name: <input type="text" class="fo
2020-12-26 17:24:53
108
原创 前端全套教程vue1天v-cloak的学习 跑马灯效果 事件修饰符v-model指令的学习简易的计算器vue中样式-class vue中样式 v-for v-if和v-show的使用
v-text v-cloak v-html v-bind v-on<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2020-12-25 00:49:18
177
原创 v-text v-cloak v-html v-bind v-on ：@
v-text v-cloak v-html v-bind v-on ：@<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="i
2020-12-22 23:50:22
89
原创 add添加文章
<input type="button" value="添加" class="btn btn-primary" @click="add()">methods: {add() { // 添加的方法// console.log(‘ok’)// 分析：// 1. 获取到 id 和 name ,直接从 data 上面获取// 2. 组织出一个对象// 3. 把这个对象，调用 数组的 相关方法，添加到 当前 data 上的 list 中// 4. 注意：在Vue中，已经实现...
2020-12-20 11:54:48
149
1
原创 css opacity 透明度
opacity 透明度filter:alpha(opacity=30); 参数0-100opacity:0.3; 参数0-1<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title>opacity_CSS参考手册_web前端开发参考手册</title><meta name="author" content="Joy Du
2020-10-09 11:14:20
204
原创 css background背景
<’ background-image ‘>： 指定对象的背景图像。可以是真实图片路径或使用渐变创建的“背景图像”<’ background-position ‘>： 指定对象的背景图像位置。<’ background-size ‘>： 指定对象的背景图像的尺寸大小。<’ background-repeat ‘>： 指定对象的背景图像如何铺排填充。<’ background-attachment ‘>： 指定对象的背景图像是随对象内容滚动还
2020-10-09 11:07:07
53
原创 css border-image 边框图片
border-image复合属性。设置或检索对象的边框样式使用图像来填充。<!DOCTYPE html><html><head><style> div{border:15px solid transparent;width:300px;padding:10px 20px;}#round{border-image:url(/i/border.png) 30 30 round;}#stretch{border-image:ur
2020-10-09 11:02:56
858
原创 css box-shadow 设置阴影
box-shadow设置或检索对象阴影<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title>box-shadow_CSS参考手册_web前端开发参考手册系列</title><meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com
2020-10-09 10:54:28
142
原创 css border-radius 圆角边框
border-radius设置或检索对象使用圆角边框。提供2个参数，2个参数以“/”分隔，每个参数允许设置1~4个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title>border-radius_CSS参考手册_web前端开发参考手册系列<
2020-10-09 10:50:47
179
原创 css border-style 边框样式
border-style设置或检索对象的边框样式。<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title>border-style_CSS参考手册_web前端开发参考手册系列</title><meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.d
2020-10-09 10:45:25
302
原创 css overflow 溢出
**overflow:auto当内容没有溢出容器时不出现滚动条，当内容溢出容器时出现滚动条，按需出现滚动条。此为body对象和textarea的默认值。**<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title>overflow_CSS参考手册_web前端开发参考手册系列</title><meta name="aut
2020-10-09 09:05:24
13837
原创 css visibility 可见性
visibility：hidden 隐藏visibililty：visible 可见visibility_CSS参考手册_web前端开发参考手册系列我不会出现在屏幕上我出现在屏幕上
2020-10-09 08:48:07
109
原创 display
dispaly:nonenone： 隐藏对象。display:blankblock： 指定对象为块元素。display:inlineinline： 指定对象为内联元素display:inline-blankinline-block： 指定对象为内联块元素
2020-10-09 08:28:03
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人