前端组件 | 易学教程

Spring Boot自动配置

阅读更多关于 Spring Boot自动配置

Spring Boot自动配置原文链接：https://www.jianshu.com/p/a827ecdda99f https://www.bysocket.com/technique/2001.html 一、SpringBoot为我们做了那些配置自动配置类都存放在spring-boot-autoconfigure-版本号.jar下的org.springframework.boot.autoconfigure中当我们在application.properties中配置debug=true后启动容器。可以看到服务器初始化的初始化配置 DispatcherServletAutoConfigratio 注册前端控制器 EmbeddedServletContainerAutoConfiguration注册容器类型 HttpMessageConvertersAutoConfiguration注册json或者xml处理器 JacksonAutoConfiguration注册json对象解析器如果加入其他功能的依赖，springBoot还会实现这些功能的自动配置二、自动配置原理 1. 外化配置和自动配置 Spring boot 配置，包括自动配置和外化配置可以键属性外化配置在application.properties应用配置文件，然后在工程中获取该属性。对于自动配置

前端面试知识点汇总

阅读更多关于前端面试知识点汇总

作者：AmbitionC 链接：https://www.nowcoder.com/discuss/258810 来源：牛客网一、JavaScript 原始值和引用值类型及区别判断数据类型typeof、instanceof、Object.prototype.toString.call()、constructor 类数组与数组的区别与转换数组的常见API bind、call、apply的区别 new的原理如何正确判断this？闭包及其作用原型和原型链 prototype与__proto__的关系与区别继承的实现方式及比较深拷贝与浅拷贝防抖和节流作用域和作用域链、执行期上下文 DOM常见的操作方式 Array.sort()方法与实现机制 Ajax的请求过程 JS的垃圾回收机制 JS中的String、Array和Math方法 addEventListener和onClick()的区别 new和Object.create的区别 DOM的location对象浏览器从输入URL到页面渲染的整个流程（涉及到计算机网络数据传输过程、浏览器解析渲染过程）跨域、同源策略及跨域实现方式和原理浏览器的回流（Reflow）和重绘（Repaints） JavaScript中的arguments EventLoop事件循环宏任务与微任务 BOM属性对象方法函数柯里化及其通用封装

雅虎前端优化的35条军规

阅读更多关于雅虎前端优化的35条军规

内容部分 1.尽量减少HTTP请求数　　80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。　　减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢？嗯，确实有鱼和熊掌兼得的办法。　　合并文件是通过把所有脚本放在一个文件中的方式来减少请求数的，当然，也可以合并所有的CSS。如果各个页面的脚本和样式不一样的话，合并文件就是一项比较麻烦的工作了，但把这个作为站点发布过程的一部分确实可以提高响应时间。　　CSS Sprites 是减少图片请求数量的首选方式。把背景图片都整合到一张图片中，然后用CSS的 background-image 和 background-position 属性来定位要显示的部分。　　图像映射可以把多张图片合并成单张图片，总大小是一样的，但减少了请求数并加速了页面加载。图片映射只有在图像在页面中连续的时候才有用，比如导航条。给image map设置坐标的过程既无聊又容易出错，用image map来做导航也不容易，所以不推荐用这种方式。　　行内图片（Base64编码）用 data: URL模式来把图片嵌入页面。这样会增加HTML文件的大小，把行内图片放在（缓存的

浅入深出Vue：路由

阅读更多关于浅入深出Vue：路由

路由的概念在计算机界中的历史大概可以追溯到 OSI模型中的数据链路层与网络层中的定义。这里的定义大意是：在转发数据包时，根据数据包的目的地址进行寻址，从而将数据包发往指定的目的地。在 Web开发中同样存在着路由的概念，在各式各样的前端 mvvm框架出来之前，普遍存在于后端。通俗的说法也就是 [module/]controller/action 的组合，将 url映射到指定的 action 中处理。现在在前端中同样存在着路由这一概念。为什么需要路由在以往的前端开发中，通常没有路由这一概念，这样就造成一个问题：前端是离散的，不可独立的（静态页面除外，它不需要上下文）。脱离了后端的前端无法较好的构建一个完整系统，当然也有一些比较优秀的方案：单页应用，采用 ajax控制 dom节点以及动态修改页面内容等等。但不可否认的是，在没有路由这一概念的情况下，前端确实显得不够灵活，跳转页面时随处可见的路径硬编码。url 即物理路径。为了完善前端开发，在后来的框架中，均引入了路由、控制器、视图等后端概念。借鉴成熟的东西来完善自身，这是非常便捷的一种方式。因此在现在的前端开发中，路由也是必不可少的一环了。很多人被它的概念弄的晕头转向，让我们捋一捋，看看它的真面目。路由是什么前端中的路由更好理解。以 vue 举例， vue-router 会解析 url

vue-router

阅读更多关于 vue-router

1. 动态路由匹配：当使用路由参数时，例如从 /user/foo 导航到 /user/bar ，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。解决方法：方法一： watch（监测变化） $route 对象； const User = { template: '...', watch: { '$route' (to, from) { // 对路由变化作出响应... } } } 方法二：beforeRouteUpdate 守卫； const User = { template: '...', beforeRouteUpdate (to, from, next) { // react to route changes... // don't forget to call next() } } 2. 嵌套路由：（ https://blog.csdn.net/github_26672553/article/details/54861174 ）　 const User = { template: ` <div class="user"> <h2>User {{ $route.params.id }}</h2> <router-view></router-view> </div> ` }

一.微信小程序开放的API

阅读更多关于一.微信小程序开放的API

微信小程序开放的API 视图容器:视图(view)、滚动视图、swiper 基础内容：图标、文本、进度条表单组件：按钮、表单等等操作反馈导航媒体组件：音频、图片、视频地图画布文件操作能力网络：上传下载能力、websocket 数据：数据缓存能力位置：获取位置、查看位置设备：网络状态、系统信息、重力感应、罗盘界面：设置导航条、导航、动画、绘画等开放接口：登录，包括签名加密，用户信息、微信支付、模板消息来源： CSDN 作者：前端新手W 链接： https://blog.csdn.net/weixin_43167546/article/details/104149345

2月2日学习进度

阅读更多关于 2月2日学习进度

今天学习的是微信小程序的制作昨天已经入门了今天是进阶操作 B站网址 https://www.bilibili.com/video/av30608960?p=1 昨天学到了12 今天从13到22 13配置tabbar 就是下面导航栏的跳转 14数据绑定就是根据json数据显示到前端页面 15小程序运行基本环境与基本架构 17条件渲染就是根据条件显示不同的前台界面 18列表渲染没太懂 19使用swiper组件是微信小程序里面的一个规则 20页面的生命周期函数就是 onload载入函数 onshow展示 onready onhide onunload 运行 21 组件的自定义数据属性一个data类型可以自己设置 22实现电影详情也的基本框架来源： https://www.cnblogs.com/zpsblog/p/12253436.html

vue.js_①

阅读更多关于 vue.js_①

前言： Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 Vue是基于js的一个框架，在安装好vue之后，可以使用<script>进行引入　　　　　　　　　　　　　　　　创建一个vue实例，每个vue应该都是从一个vue的函数创建的一个vue的实例开始的　　　　　　 1.在vue中的helloworld的模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> {{ message }} {{name}} </div> <script type="text/javascript"> var app = new Vue({ //通过new vue的方式可以获得一个新的vue的应用 //通过{{}

Vue介绍

阅读更多关于 Vue介绍

MVVM架构模式 MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的，因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。 MVVM模式图 Vue介绍 Vue框架实际上就是一个MVVM的渐进式JavaScript框架，是初创项目的首选前端框架。它是轻量级的，有很多独立的功能或库，在vue里我们可以根据自己的项目来选用它的一些功能。Vue 的核心库只关注视图层，所以开发者关注的只是m-v的映射关系。vue是基于MVVM分层架构思想的前端框架。 Vue开发的两个概念 :“渐进式框架”和

Vue组件，组件通信，生命周期

阅读更多关于 Vue组件，组件通信，生命周期

组件系统组件化的出现？前端本身就是从后端分离出来 -> 量大【项目任务重】 -> 团队开发 -> 项目合【难点】 -> 如果分离出去任务是一个独立的整体，那么引用的时候就不会出现太大的问题 -> 组件【独立的整体】组件 - Component 其实是一个html、css、js等的一个聚合体 Vue是如何定义组件的？、 Vue.extend() -> 帮助Vue扩展了组件的概念 Vue组件的结构树形结构根组件：使用 new Vue() 来充当，用来表示组件的使用形式标签化: 组件使用类似标签的形式组件既可以是单标签，也可以双标签组件命名形式大驼峰形式 swiper-item 思考：组件标签化的解析？解决方案：组件的注册全局注册局部注册组件通信父子组件通信使用props实现子父组件通信使用自定义事件 / $emit 实现非父子组件通信 ref链实现 bus事件总线实现路由通信 - vue高级多组件状态共享 - vue高级什么是jsx? jsx其实就是帮助我们来简化vdom结构写法 jsx -> javascript + xml jsx是对js语法的扩展 jsx就是可以让我们在js中书写xml 为什么vdom性能高？操作数据远比操作DOM要快的多如果我们用数据来模拟DOM，然后我们操作这个数据，那么是不是就会比操作dom

订阅前端组件