Vue Router 实现动态路由和常见问题解决方案；17 个场景，带你入门 CSS 布局

最新推荐文章于 2024-03-13 21:54:02 发布

前端开发博客

最新推荐文章于 2024-03-13 21:54:02 发布

阅读量1k

点赞数

原文链接：http://caibaojian.com/goods

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、简单的Vue脚手架案例

实现步骤通过 vue-cli 脚手架工具，初始化项目，命名为test_project；在 components 目录下创建 Header.vue 组件、 List.vue 组件、 Recommend.vue 组件；在 src 目录先新建 page 文件夹，在 page 文件夹下新建 Home.vue 组件；img 文件夹（提供）、iconfont 文件夹（提供）放在 ...

https://juejin.im/post/5e608a226fb9a07cd323e076

2、总结Vue组件的通信

写在前面总结是一种学习方式，取长补短是一种学习态度。全文总结了6种Vue组件间的通信方式，如有误区，欢迎指正！1、props/$emit 最常用的一种父子间传递数据的方式。描述：父组件通过绑定属性来向子组件传递数据，子组件通过 props 属性来获取对应的数据；子组件通过 $emit 事件向父组件发送消息，将自...

https://juejin.im/post/5e5f7705f265da576f5310c7

3、Vue Router 实现动态路由和常见问题解决方案

个人理解：动态路由不同于常见的静态路由，可以根据不同的「因素」而改变站点路由列表。常见的动态路由大都是用来实现：多用户权限系统不同用户展示不同导航菜单。如何利用Vue Router 实现动态路由 Vue 项目实现动态路由的方式大体可分为两种：前端将全部路由规定好，登录时根据用户角色权限来动态展示路由...

https://juejin.im/post/5e6097baf265da57616a9eeb

4、学习Javascript之模拟实现bind

总括: 本文模拟实现了bind方法的更改this，传参和绑定函数作为构造函数调用时this失效的特性。

https://segmentfault.com/a/1190000021922276

5、[推荐] 要进大厂？前端灰度发布必须要知道

笔者在刚进入阿里的时候，其实连灰度是什么也不知道，但是灰度这个概念在大厂非常普遍，只要有一定用户量的应用都会涉及到灰度发布，所以准备进大厂的同学，灰度发布这个概念一定要了解一下。一. 灰度发布是什么？灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够...

https://mp.weixin.qq.com/s/FjJbCGlIhFJNJdBavZskVw

6、【js进阶系列】一文学会31个数组方法

JS数组上的方法太多了，有的修改原数组，有的返回一个新数组，记住了又混淆了，所以我决定关上书本一个都不记! 哼!用的时候再说吧。然后每出现一个数组方法的时候看着都知道，就是用的时候还是模棱两可，又去查文档，这样是不能算作精通JavaScript的哦，于是玲珑好好的把每个方法认真复习、认真总结、认...

https://juejin.im/post/5e5e06f5e51d4526e74fef15

7、一定要熟记这些常被问到的React面试题

什么是 JSX 要了解 JSX，首先先了解什么三个主要问题，什么事 VDOM，差异更新和 JSX 建模：VDOM，也叫虚拟 DOM，它是仅存于内存中的 DOM，因为还未展示到页面中，所以称为 VDOM {代码...} 上面这一句就是最简单...

https://segmentfault.com/a/1190000021917779

8、17 个场景，带你入门 CSS 布局

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。两个元素在一行是位置。下面，我们从大小和位置两个方面，结合场景来看CSS布局...

https://www.jianshu.com/p/de9450088bd5

9、JavaScript — 事件循环 eventloop

eventloop机制在nodejs和chrome浏览器中是不同的。下面我们先梳理nodejs，再讲chrome

https://segmentfault.com/a/1190000021920601

10、JavaScript——基础知识，开始我们的js编程之旅吧

JavaScript基础第01天 1. 编程语言编程语言：可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（Programming Language）。编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守。如今通用的编程语言有两种...