微前端是一种软件架构,可以将前端应用拆解成一些更小的能够独立开发部署的微型应用,然后再将这些微应用进行组合使其成为整体应用的架构模式。微前端架构类似于组件架构,但不同的是,组...
微前端是一种软件架构,可以将前端应用拆解成一些更小的能够独立开发部署的微型应用,然后再将这些微应用进行组合使其成为整体应用的架构模式。微前端架构类似于组件架构,但不同的是,组...
模块化开发是一种思想,随着前端项目的日益庞大。为了使我们开发协作更加高效,互不影响。将编写的代码模块化,更利于协作与维护。使得开发更加高效。 CommonJs规范 一个文件就...
自动化构建就是用机器代替手工,把开发的源代码转换为生产环境可运行的代码。这个流程叫自动化工作流。让我们可以脱离运行环境的兼容问题,让我们在开发阶段可以使用一些提高效率的语法或...
为何工程化 在我们的实际开发中,我们想用最新的es语法,想用less,sass等样式预处理。我们想要使用模块化的方式提高项目的可维护性,但是运行环境却不支持。多人协作,代码风...
在一些需求中,手动挂载组件能够让我们实现起来更加优雅。比如一个弹窗组件,最理想的用法是通过命令式调用,就像 elementUI 的 this.$message 。而不是在模板...
静态资源访问 webpack-dev-server 默认会将构建结果和输出文件全部作为开发服务器的资源文件,也就是说,只要通过 Webpack 打包能够输出的文件都可以直接被...
1.一维数组变为二维数组方法 2.获取元素距离视口的位置 3.echarts 标线 4.echarts formatter 5.页面加空格码空格 \xa0 6.滚动条样式...
js实现栈 栈是一种先进后出的数据结构,可以想象为一个箱子,只有一面是开口,先放入的东西会被放在最底部,最后放入的在最上面。所以往出取的时候就只能先取出最上面的,然后一层一层...
1、官网下载js包 https://open.ys7.com/mobile/download.html 2、(把下载好的ezuikit.js js包)放进vue 的 stat...
vue-Router有两种模式 Hash 与 History Hash 模式是基于锚点,以及 onhashchange 事件 HIstory模式是基于 HTML5 中 His...
vue2响应式原理主要通过 Object.fefineProperty 当把一个普通的js对象传入 Vue 实例作为 data 选项,Vue将遍历此对象所有的属性,并使用 O...
状态管理 state,驱动应用的数据源 view,以声明方式将 state 映射到视图 actions, 响应在 view 上的用户输入导致的状态变化 组件间通信方式 父组件...
SPA单页面应用 优点用户体验好开发效率高渲染性能好可维护性好 缺点 首屏渲染时间长 不利于SEO 通过服务端渲染首屏直出,解决 SPA 应用首屏渲染慢以及不利于SEO问题 ...
ECMAScript通常看作JavaScipt的标准化规范,实际上JavaScipt是ECMAScript的扩展语言,ECMAScript只提供了最基本的语法,JavaSci...
创建一个node服务,向web返回html片段 server.js 打开浏览器 localhost:3000 得到页面内容 使用html模板 创建模板文件index.tem...
Vue3 响应式 Proxy 对象实现属性监听 多层属性嵌套,在访问属性过程中处理下一级属性 默认监听动态添加的属性 默认监听属性的删除操作 默认监听数组索引和length属...
处理组件的边界情况 $root $parent $children $refs 依赖注入 provide / inject $attrs把父组件中非 prop 属性绑定到内部...
VueCLI创建项目 vue create my-project没安装vue-cli先安装vue-cli npm i -g @vue/cli 加入Git版本管理 创建远程仓库...
安装Vite npm init vite@latest 安装eslint npm install eslint --save-dev npx eslint --init ...
vue3支持三种写法 Option Api (与vue2写法相同) Composition API (setup()函数写法) (Composition API 的语法糖) ...