- 博客(14)
- 收藏
- 关注
RSS订阅原创 面试官：SSR解决了什么问题？有做过SSR吗？你是怎么做的？
然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。SSR解决方案，后端渲染出完整的首屏的dom结构返回，前端拿到的内容包括首屏及完整spa结构，应用激活后依然按照spa方式运行。指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。服务器端渲染的是应用程序的"快照"，如果应用依赖于⼀些异步数据，那么在开始渲染之前，需要先预取和解析好这些数据。
2025-11-02 13:28:00
558
原创 vue组件通信必知必会——事件总线Event Bus
文章目录一、关于vue组件通信二、什么是事件总线（Event Bus)？三、关于订阅-发布模式（Publish-Subscribe Pattern）四、事件总线 优 / 缺点五、实现与使用1、vue2项目2、vue3项目六、总结一、关于vue组件通信1）含义：Vue组件通信是指在Vue框架中，不同组件之间传递数据和触发行为的过程。2）主要场景：父子组件通信、隔代组件通信、兄弟（跨）组件通信3）主要方式：（以vue2为例）props /emit。
2025-10-28 21:21:00
425
原创 React专题：react，redux以及react-redux常见一些面试题
Redux作为一个通用模块，主要还是用来处理应用中state的变更，通过react-redux做连接，可以在React+Redux的项目中将两者结合的更好。state 可能会随着时间的推移而发生突变，但多数时候是作为用户事件行为的结果。react比vue好的另一点是，它是团队维护，而vue属于个人，一般来说，大型项目更倾向于react，小型则用vue，当然这也不是绝对。背景：Redux 的基本做法，是用户发出 Action，Reducer 函数立刻算出新的 State，View 重新渲染，但这是做同步。
2025-10-28 20:36:28
1659
原创 less和sass的区别
Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改良，Sass 3就变成了Scss(sassy css)。比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。③占位符：声明：&class{} 调用：@extend %class;②继承：声明：.class{} 调用：@extend .class;缺点：会将混合宏中的代码，copy到对应的选择器中，产生冗余代码！
2025-10-28 20:34:09
578
原创 Vue组件进阶知识总结
上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。另外，在子组件中定义props，可以让父组件的数据传递下来，这就好比子组件告诉父组件：“嘿，老哥，我开通了一个驿站，你把东西放到驿站我就可以拿到了。今天我们将着重介绍slot和父子组件之间的访问和通信。slot是一个非常有用的东西，它相当于一个内容插槽，它是我们重用组件的基础。Vue的事件系统独立于原生的DOM事件，它用于组件之间的通信。注意：组件模板都定义在标签中，然而IE不支持标签，这使得在IE中标签中的内容会显示出来。
2025-10-28 20:30:49
866
原创 深入了解React组件重新渲染的条件和生命周期
组件的props中的任一属性的值有变化(即使这个任一属性的值是对象，变化的仅仅是该对象中的某属性的值，此刻也算props发生了变化)且当前组件的shouldcomponentupdate return true时且当期组件所有父级以上组件的shouldcomponentupdate return true，当前组件才会re-render。即使所有父级组件的shouldComponentUpdate返回false，当前组件的state有变化，当前组件的该回调依然会触发。组件被销毁时：Unmounting。
2025-10-28 20:20:07
363
原创 Vue中的路由
Vue中的路由对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。安装基于传统，我更喜欢采用npm包的形式进行安装。npm install vue-router --save当然，官方采用了多种方式进行安装，包括bower,cdn等。基本用法在HTML文档中使用，只需要利用v-link这个directive就行了，如：Go to vi...
2019-04-01 22:43:58
318
原创 JS中的跨域问题
JS中的跨域问题一、什么是跨域？1.定义：跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域所谓同源是指，域名，协议，端口均相同。这...
2019-03-19 21:14:33
564
1
原创 object.defineProperty
object.definePropertyObject.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。语法节Object.defineProperty(obj, prop, descriptor)参数节obj要在其上定义属性的对象。prop要定义或修改的属性的名称。descriptor将被定义或修改的属性描...
2019-03-18 20:57:58
556
原创 restful风格的API
restful风格的API一、URL 设计1.1 动词 + 宾语RESTful 的核心思想就是，客户端发出的数据操作指令都是"动词 + 宾语"的结构。比如，GET /articles这个命令，GET是动词，/articles是宾语。动词通常就是五种 HTTP 方法，对应 CRUD 操作。 GET：读取（Read） POST：新建（Create） PUT：更新（Upd...
2019-03-14 17:32:43
241
原创 移动端开发的注意事项
移动端开发的注意事项移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的PC上，并不需要你掌握额外的技术，然而你在PC Web上那一套在多数情况下并不适用于手机Web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼H5和CSS3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让IE见鬼去吧。1、首先我们来看看webkit内核中的一些私有的meta标签，这些...
2019-03-14 17:29:59
372
原创 HTTP报文分析
HTTP报文HTTP请求报文解剖HTTP请求报文由3部分组成（请求行+请求头+请求体）：下面是一个实际的请求报文：①是请求方法，GET和POST是最常见的HTTP方法，除此以外还包括DELETE、HEAD、OPTIONS、PUT、TRACE。不过，当前的大多数浏览器只支持GET和POST，Spring 3.0提供了一个HiddenHttpMethodFilter，允许你通过“_method...
2019-03-12 20:53:26
321
原创 常见的浏览器兼容性问题
常见的浏览器的兼容性问题由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。例如，使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Op...
2019-03-12 08:34:03
1279
原创 web页面的性能优化以及SEO
前言：在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收...
2019-03-09 12:35:27
2278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人