live23-CSDN博客

原创在vue中实现修改子组件的数据，父组件的数据也跟着变化

在vue中如果在不使用vuex的情况下，实现子组件给父组件传参方法如下：html代码：<div id="app"> {{num}} <v-header :a='num'></v-header>  </div> <template id="header">

2021-02-01 18:20:07 811

在vue中实现tab栏的功能如图代码如下（css样式我并没有去细细布置，重点在于功能的实现）：<body> <div id="app"> <ul>  <li v-for="(item,index) in list" :class="{current:index==num}" @click="change(index)">{{item}}</l

2021-02-01 18:14:18 144

原创 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 181

原创 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

原创 js高级小结

01基本对象var stu={ name:'zsh', age:12, eat:function(){ console.log(this); // 在基本对象内部this指的是当前的对象。 console.log('吃了。。。。') }

2021-01-17 13:21:46 120

原创前端模块化发展史

这是个人在网络上收集的一些信息，也许不够全面。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 148

原创码云及 github作品展示

https://live23.gitee.io/ning360https://live23.gitee.io/ningwnl

2020-12-13 15:50:48 107

原创 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 162

原创前端面试典型例题（包括一些自己的小练习）

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 1300

原创前端典型例题

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 222

原创 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 19197 1

live23的博客