不务正业的咸鱼

摘要： 首先介绍typescript在vue中3中使用方式 1.class+装饰器模式 <template> <div class="hello"> <h1>{{ msg }}</h1> <!-- 新增特性 --> <p><input type="text" @keydown.enter="addFeatu 阅读全文

摘要： 在编写Three.js程序的时候，你设置线模型Line对应线材质LineBasicMaterial的线宽属性.lineWidth，是无效的。 以下是vue中设置three.js线条宽度： 1.导入three.js import * as THREE from 'three' import Orbit 阅读全文

摘要： 服务端渲染SSR SSR解决方案，后端渲染出完整的首屏的dom结构返回，前端拿到的内容包括首屏及完整spa结构，应用激活后依然按照spa方式运行，这种⻚面渲染方式被称为服务端渲染 (server side render) Vue SSR实战 安装依赖 npm install vue-server-r 阅读全文

摘要： 虚拟DOM： 虚拟DOM(Virtual DOM)是对DOM的JS抽象表示，它们是JS对象，能够描述DOM结构和关系。应用 的各种状态变化会作用于虚拟DOM，最终映射到DOM上。 优点： 虚拟DOM轻量、快速:当它们发生变化时通过新旧虚拟DOM比对可以得到最小DOM操作量，配 合异步更新策略减少刷新 阅读全文

摘要： JS是单线程 原因——避免DOM渲染冲突 浏览器需要渲染DOM JS可以修改DOM结构 JS执行的时候，浏览器DOM会暂停 两段JS也不能同时执行(都修改DOM就冲突) webworker支持多线程，但是不能访问DOM 解决方案——异步 setTimeout // 时间到了再执行 ajax // 加 阅读全文

摘要： Vue的设计思想 MVVM模式 MVVM框架的三要素：数据响应式、模板引擎及渲染 数据响应式：监听数据变化并在视图中更新 Object.defineProperty() Proxy 模板引擎：提供描述视图的模板语法 差值：{{}} 指令：v-bind、v-on、v-model、v-for、v-if 阅读全文

摘要： Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单⻚面应用变得易如反掌。 核心步骤: 步骤一:使用vue-router插件，router.js import Router from 'vue-router' Vue.use(Router) 步骤二: 阅读全文

摘要： vue组件系统提供了一种抽象，让我们可以使用独立可复用的组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件数。组件化能提高开发效率，方便重复使用，简化调试步骤，提升项目可维护性，便于多人协同开。 组件通信常用方式: props $emit/$on Event bus vuex 边界情况: $ 阅读全文