- 博客(19)
- 收藏
- 关注
RSS订阅原创 在vue项目中实现SSR(服务端渲染)
SSR也被叫做服务端渲染，就是将vue中客户端渲染HTML的过程放在服务端实现，然后再把渲染好的HTML内容返回给客户端。
2023-07-09 10:34:31
2797
1
原创 场景题：VUE项目-点击不同的tab,切换不同的相关内容
此外，在实际的应用场景中并不会这么实施，因为通常我们是基于后端返回的数据来渲染页面的，而不是根据已经写死的数据。因而实现起来更加灵活，可以借助【v-for】、index等。在实现之前，我也搜了相关的文章看了看，大家实现的方式有很多，所以这个场景的解决方案非常灵活。后期如果想增加一个新的Tab，不得不去增加很多的代码量，乃至修改代码的逻辑。本文的实现思路适合【具有多个Tab内容】的场景，当我们想要增加一些Tab键及相关内容时只需要增加一些div标签即可，并不需要改变JS代码。
2023-06-28 11:14:27
1158
1
原创 Webpcak原理与实践，搞懂吃透它......持续更新
在B站上刷到一个讲webpack的课程视频，听课效果非常不错，打算做个听课笔记视频链接在这里啦~
2023-06-27 12:53:35
157
1
原创 场景题：实现可搜索的选择列表，点击确认按钮把选中结果打印输出
实现可搜索的选择列表，点击确认按钮把选中结果打印输出（编程环境：小程序、H5皆可，页面不作强性要求）。
2023-06-04 15:04:36
167
1
原创 vue渲染render过程，涉及模板template、虚拟DOM等
作为一个vue初级使用者，对于vue的渲染过程可能会比较疑惑。总结一下，问题在于没有对这个问题形成一个整体的认知全貌，全是零散的知识汇总。上面这句话很好理解，但什么是状态呢？状态可以是JS中的任意类型，Object、Array、String、Number、Boolean等都可以作为状态，这些状态可能最终会以段落、表单、链接或按钮等元素呈现在用户界面上，具体地说是呈现在页面上。再结合上述的定义，可以得出“模板”和“渲染过程”是相关的。将“状态”作为输入，并生成DOM输出到页面上显示出来，这个过程叫做渲染。
2023-03-30 22:11:14
628
原创 认证、授权、鉴权凭证 cookie、session、token、JWT
认证、授权、鉴权凭证 cookie、session、token、JWT、用户身份验证、用户鉴权
2023-01-14 12:56:45
296
原创 系统学习VUE--（2）计算属性computed、监视属性watch及底层Object.defineproperty方法
计算属性computed作用是通过一系列的方法得到新的属性及属性值。使用场景：当你需要一个数据，但是这个数据你目前没有，并且可以从目前已有的数据中计算得出。监视属性watch类似一个“监控器”，可以指定“监视的对象”，而这个对象一定是已经存在的属性（因为不可能去监视一个不存在的事物），如果监视的对象发生改变，watch就要进行相对的操作（怎么进行操作？下面会解释）。使用场景：对于通常可以用computed的场合都可以使用watch去解决，但能用watch解决的computed不一定能解决。举个简
2022-04-23 09:39:16
429
原创 系统学习VUE--（1）基本操作及指令、插值
先来张图，以最简单的方式分析VUE的工作流程，并提出两个问题。本文的重点就是对这两个问题进行分析。问题1：什么是模板语法？怎么使用？模板语法包括两个部分：指令和插值
2022-04-12 19:05:18
847
2
原创 Redux中action、store、reducer、component之间的关系
Redux中action、store、reducer、component之间的关系
2022-03-30 20:55:52
520
原创 理解立刻执行函数（IIFE）的构造原理、运行机制
立刻执行函数（Imdiately Invoked Function Expression）到底是什么意思呢？顾名思义：在该函数定义之后立即被执行的函数。许多小伙伴应该和我有同样的想法：这不很好操作嘛？操作如下：function(){ //函数体}()运行结果：报错！----------->（为啥呢？，先定义函数然后调用......问题出现在哪儿了？）下面就和大家一起探索一下“function和JavaScript引擎解析”之间的奇妙关系~...
2021-09-28 07:59:46
541
原创 实例方法与静态方法的区别
首先从定义与调用两个方面来区分实例方法与静态方法 定义：实例方法是通过原型来定义的；静态方法是函数自己直接定义的，而实例方法要通过函数所创建对象的prototype属性来定义。var Student = function(){ ......};//say方法就是一个静态方法，直接定义Student.say = function(){ consolo.log('我是高中生');};//getName函数就是一个实例函数，定义在...
2021-09-22 11:02:12
866
1
原创 CSS3中的2D转换——使用时需要考虑盒子中元素的层级性
在CSS3的2D转换中，2D即二维平面，转换包括移动、缩放、转动、拉长或拉伸等。在使用时能够带给我们一些特效感。但是有时我们会发现使用2D转换后，盒子中一些元素消失了。这是为啥呢？ 首先，我们要清楚2D转换的一些xi...
2021-07-31 11:14:05
265
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人