- 博客(22)
- 收藏
- 关注
RSS订阅原创 非父子组件间的传值
1、单独的事件中心管理组件间的通信var eventHub = new Vue()2、监听事件与销毁事件eventHub.$on('add-todo',addTode)eventHub.$off('add-todo')3、触发事件eventHub.$emit(`add-todo`,id) <div id="app"> <div> <button @click="handle">销毁
2021-10-20 17:06:24
110
原创 子组件向父组件传值
1、子组件通过自定义事件向父组件传递信息<button v-on:click='$emit("enlarge-text")'>扩大字体</button>2、父组件监听子组件的事件<menu-item v-on:enlarge-text='fontSize += 0.1'></menu-item>
2021-10-20 15:47:10
109
原创 组件之间的交互
父组件向子组件传值：1、组件内部通过props接受传递过来的值 Vue.component('menu-item', { props: ['title','content'], data() { return { msg: '子组件本身的数据' } }, template: '<.
2021-10-20 14:29:30
460
原创 全局组件注册语法
Vue.component(组件名称,{ data:组件数据, template:组件模板内容})案例： // 注册组件 // 定义一个名为button-counter的新组件 Vue.component('button-counter', { data() { return { count: 1 } ..
2021-10-19 16:11:52
285
原创 单页面应用及其优缺点
单页面应用（SPA）:就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html、css、js所有的页面内容都包含在这个所谓的主页面中。多页面（MPA）:指一个应用中有多个页面，页面跳转时是整页刷新。优点： 1、用户体验好，快，内容的改变不需要重新加载整个页面，对服务器压力较小。 2、前后端分离，比如vue项目。 3、完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构 ...
2021-10-18 09:18:40
1321
原创 简述http和https区别
http协议和https协议的区别主要是：传输信息安全性不同、连接方式不同、端口不同、证书申请方式不同一、传输信息安全性不同http协议：是超文本传输协议，信息是明文传输。如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息。https协议：是具有安全性的ssl加密传输协议，为浏览器和服务器之间的通信加密，确保数据传输的安全。二、连接方式不同http协议：http的连接很简单，是无状态的。https协议：是由SSL＋HTTP协议构建的可进行加密传输、身份认证的网
2021-10-16 14:42:07
504
原创 v-if与v-show的区别以及使用场景
v-if是通过控制dom节点的存在与否来控制元素的显隐； v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； 使用场景： v-if有更高的切换消耗；v-show有更高的初始渲染消耗， 如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较 好。...
2021-10-13 19:27:18
498
原创 前端页面有哪三层构成，分别是什么?作用是什么?
网页分成三个层次 : 结构层、表示层、行为层HTML属于结构层,负责描绘出内容的结构CSS属于表示层,负责“如何显示有关内容”JavaScript属于行为层,负责“内容应如何对事件做出反应”
2021-10-11 16:43:48
1298
原创 对Web标准和W3C标准的认识
web标准简单来说可以分为结构、样式和行为。HTML标签构成页面的结构框架。css完成美化html标签构成的页面。js可以完成页面和用户的交互。web标准一般是将该三部分独立分开，使其更具有模块化。但一般产生行为时，就会有结构或者表现的变化，也使这三者的界限并不那么清晰。W3C对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范：包含如下几点1.对于结构要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）1）标签字母要小写2）标签要闭合3）标签不允许随意.
2021-10-11 16:40:38
165
原创 苹果原生浏览器中默认样式如何清除
在css样式中加入以下代码：input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
2021-10-11 16:35:57
702
原创 html中的＜b＞和＜strong＞的区别
<b>标签对应bold，文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求； <strong>标签意思是加强，表示该文本比较重要，提醒读者／终端注意。总结：<b>为了加粗而加粗，<strong>为了标明重点而加粗。...
2021-10-11 16:25:20
930
原创 html里面＜i＞和＜em＞标签的区别
< i > 表示无意义的加粗，无意义的斜体，仅仅表示样式上是粗体或斜体，而没有强调的语义。 < em >表示一般的强调文本，这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。...
2021-10-11 16:21:56
4121
原创 title与h1的区别
title更重于网站信息。title可以直接告诉搜索引擎和用户这个网站是关于什么主题和内容的。h1则是用于概括文章主题，h1突出文章主题，面对用户，更突出其视觉效果。
2021-10-11 16:19:50
739
原创 码云git 私有化项目新建仓库上传
1、 进入要上传的文件夹 git bash here2、 使用git的命令行程序执行 (1) git init (2) git remote add origin 地址 （3) git pull origin master (4) git add . (5) git commit -m '说明' （6) git push origin master...
2021-10-11 11:19:50
91
原创 箭头函数中的this指向问题
箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定的。 箭头函数中this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭 头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为没有this，所 以也就不能够用作构造函数。 箭头函数中的this是在定义函数的时候绑定的。 var x = 11; var obj = { x: 22, say...
2021-10-09 19:37:01
63
原创 js中的this指向问题
1、在函数中直接调用 function get(a) { console.log(a); } get('你好'); //相当于 get.call(window,'你好');2、函数作为对象的方法被调用（谁调用我，就指向谁） var person = { name: '张三', run: function (time) { co
2021-10-09 17:21:19
62
原创 预编译习题
// 函数声明会覆盖变量声明 function fn(a, c) { console.log(a); // function a (){} var a = 123 console.log(a);// 123 console.log(c);// function c(){} function a() { } if (false) {...
2021-10-09 16:43:21
83
原创 函数参数的扩展
2.1 函数参数的扩展1. 默认参数function fn(name,age=17){console.log(name+","+age); // 如果没有给参数 age 传值，则 age=17}fn("Amy",18); // Amy,18fn("Amy",""); // Amy,fn("Amy"); // Amy,17注意：1. 使用函数默认参数时，不允许有同名参数。2. 只有在未传递参数，或者参数为 undefined 时，才会使用默认参数，null 值被认为是有效的值传递。
2021-09-27 17:17:05
122
原创 es6解构赋值
1.2解构赋值解构的源：解构赋值表达式的右边部分。解构的目标：解构赋值表达式的左边部分。数组模型的结构基本：let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3可忽略：let [a, , b] = [1, 2, 3];// a = 1// b = 3不完全解构：let [a = 1, b] = []; // a = 1, b = undefined剩余运算符：let [a, ...b] = [1, 2, 3];//a =
2021-09-27 17:08:02
43
原创 let和const
1.1let 和 const 关键字的使用let ：声明的变量只在 let 命令所在的代码块内有效。const：声明一个只读的常量，一旦声明，常量的值就不能改变。一旦声明必须初始化，否则会报错。特点：1. let 是在代码块内有效，var 是在全局范围内有效；2. let 只能声明一次 ,var 可以声明多次 ；（ for 循环计数器很适合用 let ）3. let 不存在变量提升，var 会变量提升 ； // for 循环经典案例 const arr = [];
2021-09-27 16:43:58
66
原创 ECharts基本使用步骤
ECharts基本使用1、引入echarts.js文件2、在绘图前需要为 ECharts 准备一个定义了高宽的 DOM 容器3、通过 echarts.init 方法初始化一个 echarts 实例4、指定配置项和数据（option）5、将配置项设置给echarts实例对象-效果图...
2021-09-26 16:56:52
10978
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人