分类:文章

  • Vue 的双向绑定:v-model

    写在前面Vue 框架早已经不是 MVVM(ModeViewViewModel) 双向绑定了。早在 Vue 1.0 时代,Vue 在刚出世的时候的确是 MVVM 双向绑定。自 Vue 2.0 以来,Vue 就不再是双向绑定了,而是像 React 一样是单向绑定 MV(ModelView)了。但是,在 Vue 中仍保留了双向绑定的接口,vmodel 就是。

    6 小时前
  • 前端面试 vue 部分 (2)——Vue是如何实现双向绑定的

    图片(/public/upload/2b36a021ee0684e0f9fda3dd71970d44) 数据的双向绑定 当数据发生变化,ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,ViewModel 也能监听到视图的变化,然后通知数据做改动,这实际上就实现了数据的双向绑定Vue.js 是采用 Object.defineProperty 的 ...

    9 小时前
  • 前端面试 vue 部分 (1)——谈谈你对 MVVM 的理解

    file(/public/upload/042a9427575b815fb00e7cae6196ebaa) 谈谈你对MVVM的理解【答案】 MVVM 由 Model、View、ViewModel 三部分构成Model 代表数据模型,也可以在 Model 中定义数据修改和业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来;ViewModel 是一个同步View 和 M...

    9 小时前
  • SpringCloud第九篇:服务网关Zuul初探

    在微服务架构中,后端服务往往不直接开放给调用端,而是通过一个API网关根据请求的url,路由到相应的服务。当添加API网关后,在第三方调用端和服务提供方之间就创建了一面墙,这面墙直接与调用方通信进行权限控制,后将请求均衡分发给后台服务端。

    10 小时前
  • React Hooks下使用antd Modal监听键盘事件,图片预览组件

    因为项目中使用了antd.业务上有个需求,需要预览图片。想到了antd里面有个modal.稍作修改就只需要处理前后翻页的业务逻辑就行。1,可以通过前一张,后一张按钮来进行翻页,图片右上角有退出预览按钮2,键盘的左右按钮可以前后翻页,ESC按钮可以退出预览代码如下: 样式less文件如下 ...

    10 小时前
  • svg.js 拆分多个图形

    现在有一个svg,数据是这样的 path d="M0,0 1,1 ...z M1,1 2,2 ...z"这面有多个开始和结束,我想再这个图形的边上任意点击4个点,做分割图形,这样就会生成3个图形,请问怎么实现,怎么做,请高人指点,在线等。。。

    10 小时前
  • 从零搭建 Node.js 企业级 Web 服务器(十二):远程调用

    关于远程调用远程调用(简称 RPC)主要是指服务器或集群之间对处理过程的调用。通过远程调用可以打通不同系统之间的数据与功能,或是抽离与建立公共的逻辑统一提供服务。远程调用的两端也称为远程调用的客户端与服务端,一般是多对多的关系,需要引入注册与发现机制进行治理,下图为最常见实践: ec9167646e5c4e2f700e5d997ecc4aaf5095b4bf.jpg(/public/upload...

    11 小时前
  • 阿里云前端轻量级开源图编排、流程图框架,追求极致体验——butterfly-dag

    背景       在阿里云,可能每时每刻都在身边充斥着“数据表”“模型”“调度”等等抽象概念。作为阿里云的前端,如何将这种抽象的概念实体化可视化地给客户或者其他合作伙伴展示出来显得尤为重要。

    11 小时前
  • 为什么会弃用 LigerUI

    为什么在早期 jQuery 对我们来说是有意义的那时候谷歌发布 Chrome 浏览器还不是绝大多数。当时还没有通过 CSS 选择器来查询 DOM 元素的标准方法,也没有动态渲染元素的样式的标准方法,而 Internet Explorer 的 XMLHttpRequest 接口与其他很多 API 一样,在浏览器之间存在不一致性问题。

    13 小时前
  • JSX 和 Virtual DOM

    jsx是一种语法糖,经过babel 编译后生成 React.createElement(component, props, ...children) 函数。例如 经过babel编译后: jsx语法经过babel编译后生成一种对象,即虚拟dom,在react中,通过render函数将虚拟dom渲染成真实的dom绑定到对应节点中 这里需要两个函数完成页面的渲染:createEleme...

    13 小时前
  • vue双向数据绑定

    什么是双向数据绑定?Vue 是一个 MVVM 框架,数据绑定简单来说,就是当数据发生变化时,相应的视图会进行更新,当视图更新时,数据也会跟着变化。Vue.js 则是通过数据劫持以及结合发布者订阅者来实现的,数据劫持是利用 ES5 的 Object.defineProperty(obj, key, val)来劫持各个属性的的 setter 以及 getter,在数据变动时发布消息给订阅者,从而触发相...

    14 小时前
  • 浏览器缓存总结

    前几天某人问我了个问题,说了个大概,回头我又查阅资料,了解网上大牛们的文章后进行一下小总结。start经常访问某网站页面,有的页面加载快,有的跟蜗牛一样慢,为什么同一个网站会有如此大的差别呢,我们排除网络因素来分析下,访问页面无非就是请求服务器返回特定资源,如果本地有了资源,肯定比访问服务器的要快,本地的这个资源可以理解为:缓存。

    16 小时前
  • css图文样式 (line-height如何继承)

    css样式 html 注解:~~~~如果body元素中lineheight:30px;则p元素lineheight:30px;如果body元素中lineheight:1.5;则p元素lineheight:24px;(p 元素的fontsize乘body元素的lineheight)如果body元素中lineheight:200%;则p元素lineheight:40px; ...

    17 小时前
  • 知晓云实时数据库(websocket), minapp方法subscribe的使用

    就以Taro为例子,对实时数据库的应用进行示例。实时效果 1k1QzdxoX7rykh3U.jpg(/public/upload/b67601a73873fb4cbbf0fdcf7664bda2) 安装依赖npm install @minappjs/weapp使用对chat表的新增数据进行订阅。

    18 小时前
  • js 自定义事件

    三种自定义事件方式 ...

    18 小时前
  • 面试官:如何对字符串版本号构成的数组进行排序?

    arraysort.jpeg(/public/upload/464c392c31b69053c0dc24d375549614) 在 segmentfault 有一个经典的面试题:有一组版本号如下'0.1.1', '2.3.3', '0.302.1', '4.2', '4.3.5', '4.3.4.5'。

    18 小时前
  • 为了完成一个物联网项目,需要具备哪些基本条件?

    物联网的关键技术有识别和感知技术、网络与通信技术、数据挖掘与融合技术等,今天简略介绍一下,为了完成一个物联网项目,需要具备哪些基本条件?物联网的原理是从安装在这些物品和设备上的传感器处收集信息,并通过互联网对其加以灵活运用。

    1 天前
  • HTML5+CSS3(3)

    3D简称3维坐标系 比二维坐标系多一个Z轴 image.png(/public/upload/318e5abc82338a4131e7914675c2ebe0) 3D位移3D位移在2D的基础上多一个可移动的Z轴 image.png(/public/upload/e9a0f9dd93258b743fdc0709187c0606) 注意事项x轴 Y轴一般用px 百分比来当作...

    1 天前
  • 关于React的setState

    文章参考 React官方文档 知乎专栏state和propsstate(状态)和props(属性)是React组件渲染需要的数据,不同的是state是组件私有的,完全由组件自身维护;props由父组件传递给当前组件。可以在class组件的constructor中初始化state,这是唯一能给state赋值的地方。

    1 天前