VUE学习
关注
分享
扫一扫
codesWang
过去的我,今天的我，明天的我，未来的我。
展开
-
设置DIV块固定在屏幕中央显示
<style>#a{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}</style>原创 2020-06-30 11:02:00 · 737 阅读 · 0 评论 -
Vue Fetch初识
一、基本概念Fetch是一个现代的概念, 等同于XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性二、创建Node服务器 1.添加node服务依赖npmiexpress2.在添加一个处理请求参数的依赖npm i body-parser 3.创建服务器const exprss = require('express') //npm i expressconst app = exprss();...原创 2020-05-19 15:22:41 · 262 阅读 · 0 评论 -
VUE cnpm报错问题 npm install 基本流程
1.执行npm install非常缓慢的时候，可以试着更换镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org如果执行cnpm 出现 无法加载文件 C:\Users\coder\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Exe...原创 2020-05-15 15:46:51 · 994 阅读 · 0 评论 -
VUE----插槽的基本了解和使用
基本概念：插槽就是子组件中的提供给父组件使用的一个占位符1.插槽的基本使用<body> <div id="app"> <base-layout>沉默是金</base-layout> <base-layout>倩女幽魂</base-layout> </div> <script> Vue.component('base-layout..原创 2020-05-13 21:44:15 · 256 阅读 · 0 评论 -
VUE 组件之间传值(父传子，子传父，兄弟之间)
接着上篇文章组件定义和基本使用，这边文章我们来看看组件之间的传值方式上篇文章地址:https://blog.csdn.net/qazzwx/article/details/106068864一、父传子 使用 props<body> <div id="app"> <my-button :muisc-name='name'></my-button> <my-button :muisc-nam...原创 2020-05-13 13:47:00 · 626 阅读 · 0 评论 -
VUE 自定义组件定义和基本使用
我们是不是经常听到Vue组件化开发，今天让我们来看看怎么组件定义的方式和基本使用吧一、初始化项目 1.创建文件夹，初始化环境自动生成package.json 文件npm init -y 2.导入VUE依赖npm i vue 如下图就引入成功啦二、组件注册 1.全局注册组件<body> <div id="app"> <my-button></my-button>...原创 2020-05-12 10:46:19 · 1517 阅读 · 0 评论 -
JS----时间工具类
1.获取当前时间格式如下: 2020年04月08日 22:10:40 星期三 <script>function getData() { var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] var d = new Date(); va...原创 2020-04-08 22:21:42 · 560 阅读 · 0 评论 -
JS 图片循环切换 顺序切换
效果图:页面<body> <div id="controls"> <input id="cycle" type="button" value="循环切换"> <input id="single" type="button" value="顺序切换"> </div> &...原创 2020-04-06 16:19:56 · 956 阅读 · 0 评论 -
JS基础------循环方式(九九乘法表，空、实心菱形)
1.for循环表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;分割，for循环的执行特点：先判断再执行，与while相同九九乘法表<script> for (var i = 1; i <= 9; i++) { document.write("<br>"); f...原创 2020-04-04 20:34:01 · 275 阅读 · 1 评论 -
JS基础------详细了解Array数组
一、什么是数组 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址二、常用初始化两种方式(对象实例化，隐式创建) <script> // 1.一维数组的定义方式 // 1.1直接实例化 var arr=new Array(1,2,3); ...原创 2020-04-04 19:54:31 · 625 阅读 · 0 评论 -
CSS基础------详细了解position相对定位、绝对定位和固定定位
前言 上一篇文章了解了浮动float 文章地址:https://blog.csdn.net/qazzwx/article/details/104923386 这边文章主要了解position属性相对定位、绝对定位和固定定位一、position属性的定义和用法1.1、如上图所示，一个盒子压住另一个盒子增加层次感用浮动是做不了，如果盒子浮动会并排但不会出现有层级的观感。...原创 2020-03-19 21:29:59 · 434 阅读 · 0 评论 -
CSS基础------详细了解float 浮动
前言:在开始了解CSS浮动前先了解下 网页的三种布局方式 1.标准流(文档流、普通流) ①一个网页从上到下从左到右排列,类似于文本 ②块状元素独占一行，行内元素按照顺序并排 2.浮动float也就是本文重点 ①浮动不占位：浮动元素不占位置 ②默...原创 2020-03-17 19:10:34 · 302 阅读 · 0 评论 -
HTML基础------详细了解块级元素、行内元素和行内块元素
1.块级元素 1.1、特征 霸占一行，不能与其他任何元素并列。 宽高设置有效，那么宽度将默认变为父级的百分百。 1.2、常用元素中那些属于块级元素 如 <h1>~<h6>,<p>,<div>,<ul>,<ol>,<...原创 2020-03-16 20:59:06 · 313 阅读 · 0 评论 -
HTML基础------详细了解a标签
1.<a>标签的作用 <a> 标签定义超链接，用于从一张页面链接到另一张页面。2.<a>标签的基本语法 <a href="http://www.baidu.com" target="_blank" title="跳转至百度查询页面">百度一下</a>3.<a>标签的几个重要属性3...原创 2020-03-16 17:42:26 · 793 阅读 · 0 评论 -
Vue项目目录结构及一些注意点（之后遇到的一些问题会更新在这里面）
一、Vue项目目录结构及每个结构的功能二、每个文件的功能1.当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。我们只需要打开config文件夹再找到index.js打开之后修改autoOpenBrowser 为true2.当端口发生冲突的时候，我们只需要在index.js中修改下port即可3.编写新的页面需要调...原创 2019-08-28 13:50:33 · 429 阅读 · 0 评论 -
Vue开发工具安装
一、安装VSCodeVSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。1.进入vscode官网（https://code.visualstudio.com/Download）2.双击或者打开下载的.exe文件弹出安全...原创 2019-08-28 13:53:26 · 9024 阅读 · 0 评论 -
搭建我的第一个vue项目
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：输入node -v查看当前nodejs的安装版本 输入npm -v查看npm安装版本，如果输出版本号，说明我们安装node环境成功二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli2、进入你...原创 2019-08-27 09:45:11 · 216 阅读 · 0 评论