- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue-4
webpack webpack是一个模块化的打包工具， 而且，项目复杂用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
793
原创 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
255
原创 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
160
原创 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
412
原创 Git教程
下载与安装git 注册 生成ssh 生成ssh在电脑的用户下面： 第一个为私密 第二个为公开的 git上保存ssh 将公钥用记事本打开并上传到github 上传 找到项目的ssh 与远程仓库取得链接 将所有文件提交到git本地 再用commit指令 最后用push指令就好了 下载 ...
2020-09-23 11:10:12
97
原创 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
185
原创 深拷贝和浅拷贝的几种方法
浅拷贝 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
3328
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
259
原创 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
309
原创 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
162
原创 *CSS-flex布局与单位
基本知识 容器属性： flex-direction flex-wrap flex-flow justify-content align-items align-content 项目属性： order flex-grow flex-shrink flex-basis flex align-self 注意点： 1.主轴不一定只有水平方向，也可以有垂直方向。垂直轴也不一定只是垂直方向！ 2.如果主轴设置为垂直方向，那么justify-content和align-items，align-content 的对应的属性
2020-07-18 14:13:45
394
原创 *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
3056
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人