前戏 前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦, 并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。 这个步骤是 ...
分类:
编程语言 时间:
2020-08-03 14:49:08
阅读次数:
89
vue响应式原理 一、响应式框架 侦听数据变化(数据拦截) 收集谁依赖了数据,比如视图、计算属性等(订阅更新) 数据发生变化,通知依赖进行更新(派发更新) 操作DOM带来的问题 需要操作多个DOM元素,非常不方便 每一次数据变化都要操作DOM 频繁操作DOM带来的性能问题 思路:不在逻辑计算过程中操 ...
分类:
其他好文 时间:
2020-07-26 01:59:45
阅读次数:
99
指令创建 Vue.directive("hello",{ //bind 只调用一次,指令第一次绑定到元素时候调用 //el : 指令所绑定的元素,可以用来直接操作DOM //binding: 一个对象,包含指令的很多信息 //vnode: VUE编译生成的虚拟节点 bind:function(el, ...
分类:
其他好文 时间:
2020-07-14 18:20:31
阅读次数:
56
命令式编程:直接操作dom 声明式开发:面向数据变成,react会根据数据进行构建网站 react可以和其他框架一块使用 组件化 单向数据流:要求有单项数据流的思想,父组件可以向子组件传值,但是子组件不可以直接修改原变量数值。如果出现问题,可能导致多个引用原文件的操作会出现问题。 视图层框架:只帮助 ...
分类:
其他好文 时间:
2020-07-14 13:11:22
阅读次数:
58
什么阶段才能调用DOM 在钩子函数 mounted 被调用前,Vue 已经将编译好的模板挂载到页面上,所以在 mounted 中可以访问操作 DOM。 什么阶段能发起请求 可以在钩子函数 created、beforeMount、mounted 中进行调用,因为在这三个钩子函数中,data 已经创建, ...
分类:
其他好文 时间:
2020-07-09 22:43:19
阅读次数:
113
[OHIF-Viewers]医疗数字阅片-医学影像-获取焦点的2种方式-ref 前言在React中,只要props或state发生改变,则render()方法必定执行,即DOM会更新。然React更新DOM时,可能会导致已经获取焦点的元素失去焦点,故此时需要操作DOM,获取焦点。 方式一: Reac ...
分类:
其他好文 时间:
2020-07-09 15:21:53
阅读次数:
128
上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用,并实现了一个简单的跨域CURD示例。 Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery。 vue-resource是Vue.js的一款插件,它可以通过X ...
分类:
Web程序 时间:
2020-07-09 00:46:48
阅读次数:
132
由于在浏览器中操作DOM是很昂贵的。频繁的操作DOM,会产生一定的性能问题。这就是虚拟Dom的产生原因。 Virtual DOM本质就是用一个原生的JS对象去描述一个DOM节点。是对真实DOM的一层抽象。(也就是源码中的VNode类,它定义在src/core/vdom/vnode.js中。) 虚拟 ...
分类:
其他好文 时间:
2020-07-08 23:27:21
阅读次数:
113
什么是Ajax Asynchronous JavaScript and xml 异步的JavaScript和XML 只是一种js的应用,在无需重新加载整个网页的情况下实现部分网页的数据更新的技术。减少和后台的交互,实现局部、异步更新 同步和异步 同步 客户端的请求发送之后等待服务器处理,处理之后相应 ...
分类:
Web程序 时间:
2020-07-05 15:44:43
阅读次数:
69
DOM操作分为哪些类型 1.jQuery中的DOM操作 jQuery对JavaScript中的DOM操作进行了封装 2. 样式操作 ①使用css()为指定的元素设置样式值或获取样式值 语法: css(name,value) ; //设置单个属性 css({name:value, name:value ...
分类:
Web程序 时间:
2020-07-02 16:19:57
阅读次数:
65