- 综合排序
- 最热优先
- 最新优先
- 来自专栏web秀
Vue源码中9个可借鉴的基础方法
val.toString === _toString) JSON.stringify(val, null, 2) : String(val) } 9、
60120发布于 2020-02-28 - 来自专栏柠檬先生
VUE 入门基础(9)
十一，深入响应式原理 声明响应式属性 由于Vue不允许动态添加根级响应式属性，所以你必须在初始化实例钱声明根级响应式属性，哪怕只有一个空值。 如果你在data 选项中未声明 message,Vue 将警告你渲染函数早试图访问的属性不存在。 $nextTick() 实例方法特别方便，应为它不需要全局Vue ，并且回调函数中 this 将自动绑定到当前Vue Vue.component('example', { el: '#list-demo', data: { items: [1,2,3,4,5,6,7,8,9] el: '#flip-list-demo', data: { items: [1,2,3,4,5,6,7,8,9]
2.2K50发布于 2018-01-22 - 来自专栏Java架构师必看
spring源码分析9
spring源码分析9 强烈推介IDEA2020.2破解激活，IntelliJ
42720发布于 2021-04-13 - </template> <style> .toggle-on { color: #86d993; } </style> // ToggleOff.vue 你可以通过下面的链接来看看这个组件的实现代码以及演示： sandbox: 在线演示 github: part-9 总结 关于函数式组件，我是在 React 中第一次接触，其形式和它的名字一样，就是一个函数来自专栏狮乐园
高级 Vue 组件模式 (9)
在 Vue 中，这种类型的组件也可以叫做函数式组件（Functional Component）。 同时你还会发现一个问题，由于其内部的渲染逻辑是通过 v-if 来描述的，实际上在 Vue 渲染完成后，会渲染两个 dom 节点，在切换时的状态从 devtool 中观察的效果大概是这样子的： ? 因此所有模板中用到的与 prop 相关的渲染逻辑，都要作出相应更改，比如原先的 on 要改为 props.on的形式，由于这里我们要移除 v-if 的渲染逻辑，因此直接移除即可，详细代码如下： // ToggleOn.vue toggle-on"><slot></slot>
77310发布于 2020-01-21
vue nextTick源码
早之前有分享过vue的nextTick的使用，当时说当数据发生变化，更新后执行回调没有实现，那时候也不知道怎么测试的，其实nextTick方法只是做了一步异步。 先明确一下，修改数据、渲染页面，在vue里面都是同步的，包括生命周期，也是同步执行，而nextTick是用异步的回调，所以才能获取最新的dom或者实例属性。 上源码，然后使用一下。 上面是vue nextTick的源码，讲真，看别人源码还要去看一些api，然后分析为什么这样写，看着代码看明白了，一关上，就一点写不出来。 （完）
Vue 源码泄露
大部分Vue应用会使用webpack进行打包，如果没有正确配置，就会导致Vue源码泄露，可能泄露的各种信息如API、加密算法、管理员邮箱、内部功能等等。 0x02 漏洞检测 Vue项目源码在泄漏的情况下，可以在浏览器控制台中的Sources—> Page—> webpack://中查看源代码 使用webpack打包Vue应用会在网站js同目录下生成 js.map 直接查看网站的js文件，可以在末尾处有js.map文件名 直接在当前访问的js后面拼接.map即可访问下载 通过以上两种方式可以判断目标网站存在Vue源码泄露问题 0x03 漏洞利用 在某些情况下， 不能直接在浏览器控制台中的Sources—> Page—> webpack://中查看到Vue源码，但是网站上存在js.map文件，我们可以通过一些工具将js.map中的内容进行还原Vue源码 1. reverse-sourcemap webpack中 接着就可以对Vue源码进行分析审计了 2.
golang源码分析（9）调度
现在已经有太多的文章来介绍goroutine的用法，在这里，我们从源码的角度来看看其内部实现。
Spark 源码（9）- Worker 启动 Executor 源码阅读
上一次阅读到 Master 调用 schedule() 方法，遍历 waitingApps，为每个程序决定启动多少 Executor，为每个 Executor 分配多少资源，有了这些信息之后，给 Worker 发送了一个 LaunchExecutor 消息，Worker 开始处理。
源码解析——VUE
Vue源码解析 vue使用Object.defineProperty+观察者模式对数据和模板进行绑定，对于数据来说需要进行更新时，即会触发对应的getter和setter函数，在setter函数中，即可根据对应收集到的依赖 对于一次收集和一次更新来说，大致流程如下： 实例化vue之后，对内部所有的data进行劫持 处理对模板的编译/或者静态编译好的render函数，在处理绑定的变量时，创建watcher 同时获取当前模块对应的初始值 ，在读取触发数据局的getter函数，进行绑定 绑定成功后，后续触发setter，根据记录的watcher，即可更新所有的模块内容 当然对于模块的编译来说，有运行时编译、静态编译多种形式，同时对于vue 来说，vue@2使用了VNode来对模块内容进行了描述，所以在模块编译的流程中，使用VNode能更好的提升编译和更新的性能。 编译模块 Compiler 数据处理 Observer 依赖收集 Watcher/Dep 节点VNode/patch更新 对于通用性的理解来说，vue@2和vue@1并没有太多区别，更多的核心在于VNode
golang源码分析：langchaingo（9）
前面介绍了单独的匹配，如果把这个匹配过程接入到LLM，就是完整的RAG，即检索增强生成。我们先看看上一个例子还没介绍的最后几行代码
Vue 源码分析
那个你心心念念的 Vue "源码分析"。 Vue 3 源码解析Vue 2 源码解析 值得一阅的 Vue 源码解读Vue 源码学习用一张思维导图总结了 Vue | Vue-Router | Vuex 源码与架构要点Vue.js 核心源码解析从零手写 Vue 3 源码跟尤雨溪一起解读 Vue 3 源码Vue 源码逐字分析温馨警告：你对数据的访问和更新，可能已被 Vue 劫持！
Postgresql源码（9）Xlog注册
注册数据页面相关信息 注册数据页面相关信息 注册数据页面相关信息 一个页面用一个槽位 一个页面用一个槽位 一个页面用一个槽位 一个槽位对一个registered_buffer 一个槽位对一个registered_buffer 一个槽位对一个registered_buffer
golang源码分析：cayley(9)
中间使用到了goja解析器，它的作用是在golang环境中翻译执行javascript，因为我们的gizmo采用的是javascript语法。
golang源码分析 ：gopls（9）
最后我们来到了第三部分featureCommands，也是所有命令的大头，这里一共初始化了23个命令。我们首先看下第一个callHierarchy
libuv源码阅读(9)--interfaces
先看用例源码： #include <stdio.h> #include <uv.h> int main() { char buf[512]; uv_interface_address_t
Vue源码再读
Vue3.0Beta版本已经上线，听了Evan在bilibili上的最新的介绍，特性不多（高频用法Proxy、Reflect），但想和Vue2.x版本做个对比，决定再读一下2.x源码，本文主要用代码截图和自己的理解图介绍 ---- 主要从以下关键点入手 vue源码地址：https://github.com/vuejs/vue.git 1 调试环境 1.1 添加sourcemap # package.json->scripts /examples/commits/index.html 文件vue.min.js改为vue.js index.html直接用浏览器打开，我的是放在D/workspace file:///D:/workspace /vue/examples/commits/index.html image.png 2 初始化过程 2.1 从调用栈看执行过程 好了，你可以按F11逐步跟进查看源码，下图是我的调用栈跟进信息 根据下图 还是很小巧的，之后再来阅读一下vue3.0代码看看区别
Vue笔记(9) 脚手架
学习内容 ⊙ 脚手架的介绍 ⊙ 脚手架2.x的创建 ⊙ 脚手架3.x的创建 ⊙ 脚手架3修改配置文件 脚手架的介绍 安装: npm i -g @vue/cli 安装完以后,如果我们还想用脚手架 2功能,就要拉取2.x的模板 npm i -g@vue/cli -init vue脚手架2初始化项目: vue init webpack my-project 现在初始化一个2.x版本的项目 这时候会有很多选项要我们确定 我的设置 然后就自动帮我们生成好文件 真的很强大,直接帮我们都配置好了,webpack的噩梦结束了hhh 脚手架3.x的创建 创建项目: vue create vue ui 我们在下载vue/cli的时候他就给我们下载了一个叫vue ui的东西,可以在本地服务上管理配置 只要在终端敲下vue ui即可 会自动帮我们打开浏览器 然后导入我们的vuecli3 这章写的不多,因为我想给vue-router写一章,因为他们每一章都比较重要,所以分开写
Vue（9）购物车练习
购物车案例 经过一系列的学习，我们这里来练习一个购物车的案例 需求：使用vue写一个表单页面，页面上有购买的数量，点击按钮+或者-，可以增加或减少购物车的数量，数量最少不得少于0，点击移除按钮，会移除该商品 /js/vue.js"></script> <style> table{ border: 1px solid #e9e9e9; border-collapse border-spacing: 0; } th,td{ padding: 8px 16px; border: 1px solid #e9e9e9 总价：{{totalPrice | showPrice}}
购物车为空
Spring源码学习笔记(9)——AOP
Spring源码学习笔记(9)——AOP 一. 基于注解的AOP开发 AOP的定义及一些术语相信大家已经很熟悉了，这里不再赘述。下面演示基于注解的Spring AOP开发。 AOP源码分析 在上面的实例中，使用@EnableAspectJAutoProxy注解就可以开启自动代理功能，那么该功能是如何实现的呢？ 首先看@EnableAspectJAutoProxy源码： @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented
【Vue 源码解析】Vue实例挂载过程
源码解析 首先找到vue的构造函数 源码位置：node_modules/vue/src/core/instance/index.js（ps：找不到可以在node_modules目录下搜索，因为懒惰后边就不写 (Vue); // 定义 _render 返回虚拟dom 首先可以看initMixin方法，发现该方法在Vue原型上定义了_init方法 源码位置：src\core\instance\init.js $mount方法 initState方法是完成props/data/method/watch/methods的初始化 源码位置：src\core\instance\state.js export function $mount方法 源码位置：/src/platforms/web/entry-runtime-with-compiler.js Vue.prototype. 初始化时声明的render，update方法 render的作用主要是生成vnode 源码位置：src\core\instance\render.js // 定义vue 原型上的render方法 Vue.prototype
