01 2021 档案

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

点击右上角即可分享
微信分享提示