![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前段知识
live23
这个作者很懒,什么都没留下…
展开
-
在vue中实现修改子组件的数据,父组件的数据也跟着变化
在vue中如果在不使用vuex的情况下,实现子组件给父组件传参方法如下:html代码:<div id="app"> {{num}} <v-header :a='num'></v-header> <!-- <button type="button" @click="change()">按钮</button> --> </div> <template id="header">原创 2021-02-01 18:20:07 · 809 阅读 · 0 评论 -
tab栏
在vue中实现tab栏的功能如图代码如下(css样式我并没有去细细布置,重点在于功能的实现):<body> <div id="app"> <ul> <!-- v-bind:属性 可以直接省略为:属性 --> <li v-for="(item,index) in list" :class="{current:index==num}" @click="change(index)">{{item}}</l原创 2021-02-01 18:14:18 · 144 阅读 · 0 评论 -
2021-01-26
vue实现微博发布功能主要就是要操控数据,vue的想要改变任何东西,首先第一点要记住我们改变的永远是变量,而不是去操作标签。代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> </style> <script src=".原创 2021-01-26 21:58:46 · 179 阅读 · 0 评论 -
es6小结
let和constlet块级作用域:{就是代码块}向上寻找距离该变量最近的开始的函数的{作用范围就是该{}之内{ let a=10; } console.log(a);会报错 let作用域是代码块以内的区域let不能重复声明会报错'm' has already been declaredlet m=100;let m=1;没有变量提升的概念 Cannot access 'm' before initialization c...原创 2021-01-17 14:05:50 · 115 阅读 · 0 评论 -
js高级小结
01基本对象var stu={ name:'zsh', age:12, eat:function(){ console.log(this); // 在基本对象内部this指的是当前的对象。 console.log('吃了。。。。') }原创 2021-01-17 13:21:46 · 119 阅读 · 0 评论 -
前端模块化发展史
这是个人在网络上收集的一些信息,也许不够全面。COMMONJS大概 09 年 – 10 年期间,CommonJS 社区大牛云集。CommonJS 原来叫 ServerJS,推出 Modules/1.0 规范后,在Node.js 环境下取得了很不错的实践。09年下半年这帮牛逼爱折腾的大神们想把 ServerJS 的成功经验进一步推广到浏览器端,于是将社区改名叫 CommonJS,同时激烈争论 Modules 的下一版规范。分歧和冲突由此诞生,逐步形成了三大流派:Modules/1.x (完全基于1.0原创 2020-12-15 20:42:47 · 146 阅读 · 0 评论 -
bootstrap
bootstrap简介1)bootstrap由@mdo和@fat在Twitter工作时创建,Bootstrap使用LESS CSS并用Node编译,托管在GitHub上,方便大家使用这一框架构建更好的web应用。2)Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有响应式CSS可以使用。3)12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件,还有基于web的定制工具。以上是...原创 2020-12-13 14:53:00 · 160 阅读 · 0 评论 -
前端面试典型例题(包括一些自己的小练习)
1、下面程序的执行结果是什么?请分析原因?function f({ x = 10 } = {}, { y } = { y: 10 }) { console.log( x + " " + y +"\n");}根据es6提供的参数值默认原理,undefined就是空。得到以下值。f(); // 10 10 f( undefined, undefined ); // 10 10 f( {}, undefined ); // 10 10 f( {}, {} ); // 10 undef...原创 2020-12-06 17:51:16 · 1295 阅读 · 0 评论 -
前端典型例题
1、var和let区别?let向上寻找距离变量最近的开始的函数的{}let没有变量提升let不能重复声明let具有暂时性死区的情况2、分析代码执行结果?var a=123;if(true){a='zsh';let a;}报错let的暂时性死区3、补全代码var person={name:'zs',age:12}let str=`用户的姓名为${person.name} ,年龄是${person.age}`;结果呈现:用户的姓名.原创 2020-12-06 17:33:17 · 220 阅读 · 0 评论 -
2020前端面试题(附带答案)
这些面试题是本人在网上收集的题型及答案,以及自己的一些见解希望对大家有些帮助。css的居中方式答:1.1 内联元素水平居中利用text-align: center可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table),inline-flex元素水平居中都有效。代码如下:center-text{Text-aling:center;}1.2 块级元素水平居中通过把固定宽度...原创 2020-12-06 17:28:33 · 19173 阅读 · 1 评论