computed 的实现原理computed 本质是一个惰性求值的观察者。computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。其内部通过 this.dirty 属性标记计算属性是否需要重新求值。当 computed 的依赖状态发生改变时, ......
408
0
0
2023-04-21
目录前言一、实现原理二、代码实现三.uniapp实现四、多列实现总结前言瀑布流布局是网页设计常见的一种布局,一般用于图片多列展示。列宽固定,图片根据自身高度自适应交错排列。一、实现原理通过动态计算哪一列高度最低,就把图片放置该列下显示,直至所有图片分列完毕计算哪一列高度最低具体实现过程又分2种方式:方式1:通过计算每一列每张图片渲染后高度进行累加就是该列的高 ......
665
0
0
2023-04-19
目录什么是websocketwebsocket 原理websocket与http的关系实际开发后端代码总结:什么是websocketWebSocket 是一种网络通信协议。RFC6455定义了它的通信标准。WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议)它实现了浏览器与服务器全双工通信,能更好的节省服务器资源 ......
592
0
0
2023-04-19
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vu ......
359
0
0
2023-04-16
项目初始化注意:安装前请确保有安装node.js,并且node>=8.9全局安装vuenpm install -g @vue/cli 如果之前安装了vue旧版本,查看vue –version创建项目vue create vue-cli3-init(项目名) 注:名称不能采用驼峰vue-cli3也可以采用UI面板进行配置,相对比较方便,目前先写命令行 ......
364
0
0
2023-04-16
谈一下你对 MVVM 的认识mvvm :Model-View-ViewModel的缩写, model数据层,数据模型,仅仅关注数据本身 View视图层是用户操作界面 也可称为,当ViewModel对Model进行更新的时候,会通过数据绑定更新到viewviewmodel 业务逻辑层 view需要什么数据 ViewModel要提供这个数据,view有哪些操作, ......
442
0
0
2023-04-16
目录组件效果使用文档封装过程1. 文件切片2. 构造切片请求参数3. 控制分片请求的并发完整代码待完善组件效果单文件切片上传多文件切片上传组件使用案例<template> <div id="app"> <div class="upload-wrap"> <UploadSlice ......
446
0
0
2023-04-15
目录1.前言2.比较3.ref源码解析4.reactive源码解析createReactiveObjecthandles的组成get陷阱set陷阱5.总结1.前言        vue3新增了ref,reactive两个api用于响应式数据,Ref 系列毫无疑问是使用频率最高的 ......
450
0
0
2023-04-15
vue2路由一、介绍本文是以前学习 vue2时整理的,对于目前的 vue3有些过时。专注后端,前端只作为使用学习。二、路由作用:用于维护URL跳转和页面之间的关系使用步骤:引入vue-router.js文件(必须先引入vue.js)配置路由规则,url和对应的页面的配置const routes = [{ path: "/", compontent: "组件" ......
516
0
0
2023-04-12
目录正文实现水印功能实现禁止用户修改水印正文页面水印业务相信我们都有遇过,为什么需要给页面添加水印?为了保护自己的版权和知识产权,给图片加上水印一般是为了防止盗图者用于商业用途,损害原作者的权益。那么在我们开发当中有什么方法可以实现呢?一般分为前端实现和后端实现这两种方法,本文主要是学习前端实现方法:方式一:直接将字体用块元素包裹,动态设置绝对定位,然后通过 ......
456
0
0
2023-04-11
Vue Grid Layout官方文档Vue Grid Layout中文文档1. npm下载拖拽缩放库npm install vue-grid-layout@3.0.0-beta1 --save 2. vue3 使用 vue-grid-layout报错:external_commonjs_vue_commonjs2_vue_root_Vue_de ......
397
0
0
2023-04-11
目录1、编写node服务器2、用node连接数据库3、编写前端页面4、前后端交互结束ok,让我们开始吧1、编写node服务器先下载几个依赖包express(用于网络连接) npm i express --save cors(用于处理跨域问题)npm i cors --save 接下来好还需要处理一下前端传过来的数据,对于get请求无需特殊处理, ......
374
0
0
2023-04-10
目录介绍安装使用突出显示单个元素高亮和弹出窗口定位弹出窗口创建功能介绍异步操作配置定义步骤API方法实战效果介绍https://github.com/kamranahmedse/driver.jsdriver.js 是一个轻量级、无依赖的原生JavaScript引擎,在整个页面中驱动用户的注意力,强大的、高度可定制的原生JavaScript引擎,无外部依赖, ......
433
0
0
2023-04-10
Vue31.Vite搭建Vue3项目全局安装 Vitenpm install -g create-vite-app 使用 Vite 创建 Vue3 项目create-vite-app vue3-vite 可以发现瞬间创建完成。运行cd vue3-vite npm install (or `yarn`) npm run dev (or `yar ......
548
0
0
2023-04-09
目录正文何时会进行虚拟函数的创建和渲染?什么是VNode?前置须知ShapeFlags为什么要使用Vnode?Vnode是如何创建的?先是判断createBaseVNode 虚拟节点初始化创建render 渲染 VNodepatch VNodeprocessComponent 节点类型是组件下的处理subTree是什么?当节点的类型是普通元素DOM时候,pa ......
499
0
0
2023-04-09