自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 Vue-4

webpackwebpack是一个模块化的打包工具,而且,项目复杂用webpack更加合适。使用方法:一般项目中会放2个文件,一个dist用于发布,放到服务器的文件,一个是src是源码。然后src会放一个js入口文件,名字通常是mian.js或者index.js。步骤1:在src创建一个js文件,用作专门的某类用途,并且输出(这里是commonjs的方法)function add(num1, num2) { return num1+num2}module.exports = {

2020-09-23 11:12:02 670

原创 Vue-7

设置别名防止拖拽文件对引用图片的路径做出修改。const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias .set('@',resolv

2020-09-23 11:11:35 205

原创 Vue-1

Vue与传统的命令式编程不同,使用的是声明式编程。构造实例对象,往对象中添加属性,其中el和data是固定的属性。let app=new Vue({ el:'#qq', data:{ message:[1,2,3,345487,52] }})显示列表v-for会自动解析,而且是响应式布局(就是数据发了变动就会马上再网页上显示出来。)<div id="qq"> <ul> <li v-for='item

2020-09-23 11:11:23 123

原创 Vue-2

V-on的参数问题1.普通传参加上字符串代表是字符串<button @click='sub("a")'>点击</button>不加字符串代表是变量,需要在实例里面定义 <button @click='sub(a)'>点击</button>let b=new Vue({ el:"#box", data:{ movie:[1,2,237,88], a:456 }, method

2020-09-23 11:11:09 360

原创 Vue-5

脚手架就是帮我们配置webpack。1.下载npm install -g @vue/cli2.导入脚手架2的版本(先学2)

2020-09-23 11:10:54 92

原创 Git教程

下载与安装git注册生成ssh生成ssh在电脑的用户下面:第一个为私密第二个为公开的git上保存ssh将公钥用记事本打开并上传到github上传找到项目的ssh与远程仓库取得链接将所有文件提交到git本地再用commit指令最后用push指令就好了下载...

2020-09-23 11:10:12 58

原创 Canvas

创建画布长宽要写行内样式,而且不带单位(px)写在style上会进行拉伸,从而造成不准原理的问题:https://www.cnblogs.com/jacobb/p/6814317.html<canvas width='600' height='600' id="map"></canvas>画直线1.获取与调用工具var map = document.querySelector('#map')//取出画图工具var tools = map.getContext(

2020-09-23 11:09:48 136

原创 深拷贝和浅拷贝的几种方法

浅拷贝for… in… 循环var a={ name:'zxx', age:123456, arr:[1,2,3], ob:{new:'zxxx'}}var b={}for(var k in a){ b[k]=a[k];}2.Object.assgin()var a={ name:'zxx', age:123456, arr:[1,2,3], ob:{new:'zxxx'}}var b=Object.assig

2020-09-23 11:09:19 3226 1

原创 Vue-3

父子通信+双向绑定思路:用v-model 的原理:@input和:value。需要在子组件里设置data,新设置两个变量,不能直接在props里的变量改,不然会报错。再然后用@input方法下面在发射一个方法,让父组件监听,监听下面再把父组件的值修改。父组件访问子组件1.$children事件需要在父组件加!子组件下面的data和methods得和template在同一级而且都要加上this<div id="box"> <zxx></zxx>

2020-09-23 11:08:43 179

原创 Vue-6

打包当打包构建应用时,js包会很大,影响页面,因此会把js分为不同的包,app是业务开发的js代码。manifest是底层代码(支持模块化输出输入的兼容等)。vendor是第三方代码(vue等第三方包的)不过cli4和3不一样。。路由懒加载再路由的index修改,这样可以让用到路由的时候再加载,把js分为很多小包。正常写法和懒加载写法//懒加载路由const home = () => import('../components/home')const about = () =&g

2020-09-23 11:08:29 258

原创 Vue-axios

安装与引入安装因为要在运行和开发都依赖,所以要用--save E:\new\vue\04>npm install axios --save引入import axios from "axios"基本使用get请求因为axios请求过来的对象是promise对象所以直接可以用then 的方法获取结果。axios({ url:'http://123.207.32.32:8000/home/multidata', method:'get'}).then((res

2020-08-18 18:34:06 118

原创 *CSS-flex布局与单位

基本知识容器属性:flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content项目属性:orderflex-growflex-shrinkflex-basisflexalign-self注意点:1.主轴不一定只有水平方向,也可以有垂直方向。垂直轴也不一定只是垂直方向!2.如果主轴设置为垂直方向,那么justify-content和align-items,align-content 的对应的属性

2020-07-18 14:13:45 342

原创 *JS-函数参数的传递方式

总的来说,函数的参数传递分为两种方式:1.基本数据类型2.引用数据类型1.基本数据类型:传递的是值的副本。var p=9;function fn(p){ p=8;}fn(p);console.log(p);//9传递过程是这样的:这个函数运行,在栈内存开辟了一个空间,变量为p,然后把实参p的值9复制了一份给这个新的变量。原因:这个参数p拷贝了一份实参p的值,虽然在函数内部p改成了8,但是并没有影响外面实参p的值。重点:参数p只是拷贝的数据,所以修改拷贝的数据无影响。**

2020-07-18 11:47:01 2966

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除