01 2021 档案
发表于 2021-01-30 15:15阅读:132评论:0推荐:0
摘要:案列内容,包含,模板,路由传参,路由重定向,路由嵌套,能够复习路由基本使用,成果如图: 完整代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <title>基于vue-router的案例<
阅读全文 »
发表于 2021-01-30 13:09阅读:109评论:0推荐:0
摘要:vue-router拥有的功能: 支持h5历史模式或者hash模式 支持嵌套路由 支持路由参数 支持编程式路由 支持命名式路由 如何使用vue-router 1.使用router-link标签,在HTML中将转化为a标签,属性to为跳转的位置,HTML中为href 2.使用路由占位符,用于渲染路由数
阅读全文 »
发表于 2021-01-27 16:42阅读:43评论:0推荐:0
摘要:1 axios.get('https://api.apiopen.top/getJoke?type=all', { 2 params: {//用于传参 3 type: 'all' 4 } 5 }).then(function (ret) { 6 console.log(ret); 7 }) 以上是g
阅读全文 »
发表于 2021-01-27 15:52阅读:203评论:0推荐:0
摘要:基本特性: 更加简单的数据获取方式,功能更强大,更灵活,可以看做是xhr的升级版 使用 1 fetch('url').then(function(data){ 2 return data.text() 3 }).then(function(data){ 4 console.log(data); 5
阅读全文 »
发表于 2021-01-27 11:33阅读:254评论:0推荐:0
摘要:1.概述 Promise是一步编程的一种解决方案,从语法上讲,promise是一个对象,从它可以获取异步的问题 Promise的优点: 可以避免多次异步调用嵌套导致的回调地域 提供了简洁的api,使得控制异步变得简单更加容易 详细promise使用规则https://developer.mozill
阅读全文 »
发表于 2021-01-22 16:01阅读:57评论:0推荐:0
摘要:props规范:尽量使用短横线命名,props不区分大小写,如果使用驼峰的话可能会报错,如果要用驼峰话,在HTML中药用短横式如:props:[MenuList] 适用中<div menu-list='nihao'></div>
阅读全文 »
发表于 2021-01-22 15:27阅读:96评论:0推荐:0
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t
阅读全文 »
发表于 2021-01-22 15:03阅读:69评论:0推荐:0
摘要:1.注册组件 <body> <div class="app"> <button_i></button_i> </div> <script> Vue.component('button_i', { data: function () { return { count: 0 } }, template:
阅读全文 »
发表于 2021-01-21 11:07阅读:98评论:0推荐:0
摘要:new做了什么? new是用来实例化对象的,当new了一个对象后 1.创建一个新对象 2.将构造函数的作用域赋值给新对象(this指向新对象) 3.执行构造函数里面的代码(为这个新对象添加属性) 4.返回新的对象 call,apply,bind的用法 三个都可以改变函数的this指向 代码示例: l
阅读全文 »
发表于 2021-01-18 10:31阅读:97评论:0推荐:0
摘要:最近正在找前端工作,把面试中考官问的以及自己总结的问题及答案成列如下: HTML篇: 页面导入样式时,使用link和@import有什么区别? 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的区别 1老祖宗的差异。链接属于XHTML标签,而@import完全是CSS提供的一种方式。 li
阅读全文 »
发表于 2021-01-17 19:08阅读:88评论:0推荐:0
摘要:prototype:原型,每一个构造函数都有一个原型,prototype的存在主要是为了共享方法,在单纯使用构造函数时,相同的数据会开辟不同的空间,造成浪费资源的情况,原型的弧出现正弥补了这一点缺陷。而prototype里面又有一个constructor,这个属性有指向了自己的构造函数 __prot
阅读全文 »
发表于 2021-01-17 15:28阅读:170评论:0推荐:0
摘要:1.两边浮动,中间自动宽度 给左右两个盒子设置左右浮动,中间的盒子不设置宽度,左右两边边距为左右盒子的宽度,中间盒子的位置必须写在右盒子下面,不然会把右盒子挤下去 如: <div class="left"></div> <div class="right"></div> <div class="ce
阅读全文 »
发表于 2021-01-17 14:55阅读:339评论:0推荐:0
摘要:最近看到一个问题就是让绝对定位的div居中,在尝试了top:50%;left:50%;后发现,居中是有问题的并不是想象中的样子 需要再加两句margin-top:-盒子高度的一般px margin-left:-盒子宽度的一般px; 就这样让一个绝对定位的盒子居中就实现了,但是有一个缺点就是,必须要知
阅读全文 »
发表于 2021-01-16 21:05阅读:144评论:0推荐:0
摘要:浅拷贝 浅拷贝就是创建一个新的对象,用来接受要复制和引用的值,如果要拷贝的值为数字,则进行赋值运算,如果是引用对象,则将拷贝的对象路径分享给新的对象 而使用对象路径的话,其实就是引用了它得属性,值会跟着拷贝对象改变,这就是浅拷贝。 浅拷贝的方法: 1.Object.assign() 这个方法是es6
阅读全文 »
发表于 2021-01-16 19:01阅读:166评论:0推荐:0
摘要:数据类型的转换主要分为,强转换,和隐式转换 1.强转换 Number() 如果为布尔值,true为1,false为0 如果是null返回0 undefined 返回NaN 如果是字符串,其中只包含数字,或者有浮点数,会返回数字并且保留浮点值,其中的会报NaN toString() parseInt(
阅读全文 »
发表于 2021-01-16 18:37阅读:91评论:0推荐:0
摘要:数据类型 JavaScript的基础数据类型有,NaN string undefined Null Boolen Symbol Bigint 这些都是基础数据类型,还有一个引用数据类型,object。 而object又分为 ,array(数组),regexp(正则表达式) ,date(日期), ma
阅读全文 »
发表于 2021-01-15 21:00阅读:125评论:0推荐:0
摘要:什么是面向对象 编程思维分为,面向过程和面向对象 面向过程就像一个人,一间屋子,一个床 一个人走进了屋子,上了床 二面向对象 人,屋子,床 可以是屋子里进了一个人,上了床 或者,屋子里的床上有一个人 面向对象可以减少代码量,二JavaScript中的面向对象,就是一个类里包含了构造函数 类是一个大类
阅读全文 »
发表于 2021-01-14 15:46阅读:208评论:0推荐:0
摘要:之前学习了交互式创建,发现过程无聊,而且不方便,后面又学习了图形可视化创建,下面进行分享 1.打开cmd 2.输入vue ui,输入后会出现如下 C:\Users\12235>vue ui🚀 Starting GUI...🌠 Ready on http://localhost:8000 将网址复
阅读全文 »
发表于 2021-01-14 15:04阅读:232评论:0推荐:0
摘要:vue脚手架用于快速构建vue项目基本架构 下面开始安装vue-cli npm install -g @vue/cli # OR yarn global add @vue/cli以上两句命令都可以安装,安装完成后用cmd,输入vue -V查看是否安装成功以及版本号创建完成后开始创建第一个项目1.vu
阅读全文 »