搜索[Vue]结果-低调大师优秀个人博客

精选列表

搜索[Vue]，共5356篇文章

前端vue面霸修炼手册！！

ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作； Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化

2021-03-29

Vue的异步更新实现原理

讲道理，如果不在vue里，单独运行这段程序的话，输出一定是从1到100，但是为什么在vue中就不一样了呢？

2020-12-21

Vue 首页秒开实践指南

以 Vue 举例，常见的 CSR 形式如下：一切看似很美好。然而，作为以用户体验为首要目标的我们发现了一个体验问题：首屏白屏（SPA都会遇到的问题）。

2020-12-17

🎉 Element UI for Vue 3.0 来了！

*Element 开发团队 40000 Github Star 庆祝会 Element Plus for Vue 3.0 2020 年，随着 Vue 3.0 不断完善和发布，我们也紧张投入到 Element

2020-11-30

Vue 3 深入响应性原理

深入响应性原理终于到了讲解我们 Vue 的响应式原理，前面我们已经讲解了 Map，WeakMap，Set，WeakSet，Proxy，Reflect 这几个知识点。

2020-11-04

高阶指南之 WeakMap 「WeakMap」对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。在 JavaScript 里，map API 可以通过使其四个 API 方法共用两个数组(一个存放键,一个存放值)来实现。给这种 map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候，需要遍历所有的键，然后使用索引从存储值的数组中检索出相应的值。但这样的实现会有两个很大的缺点，首先赋值和搜索操作都是 O(n) 的时间复杂度( n 是键值对的个数)，因为这两个操作都需要遍历全部整个数组来进行匹配。另外一个缺点是可能会导致内存泄漏，因为数组会一直引用着每个键和值。这种引用使得垃圾回收算法不能回收处理他们，即使没有其他任何引用存在了。相比之下，原生的 WeakMap 持有的是每个键对象的“弱引用”，这意味着在没有其他引用存在时垃圾回收能正确进行。原生 WeakMap 的结构是特殊且有效的，其用于映射的 key 只有在其没有被回收时才是有效的。正由于这样的弱引用，WeakMap 的 key 是不可枚举的 (没有方法能给出所有的 key)。如果key 是可枚举的话，其列表将会受垃圾回收机制的影响，从而得到不确定的结果。因此，如果你想要这种类型对象的 key 值的列表，你应该使用 Map。基本上，如果你要往对象上添加数据，又不想干扰垃圾回收机制，就可以使用 WeakMap。属性 WeakMap.length length 属性的值为 0。 WeakMap.protorype WeakMap 构造器的原型。允许添加属性到所有的 WeakMap 对象。方法 WeakMap.prototype.delete(key) 移除key的关联对象。执行后 WeakMap.prototype.has(key)返回``false。 WeakMap.prototype.get(key) 返回key关联对象, 或者 undefined(没有key关联对象时)。 WeakMap.prototype.has(key) 根据是否有key关联对象返回一个Boolean值。 WeakMap.prototype.set(key,value) 在WeakMap中设置一组key关联对象，返回这个 WeakMap对象。使用 WeakMap constwm1=newWeakMap(),wm2=newWeakMap(),wm3=newWeakMap();consto1={},o2=function(){},o3=window; wm1.set(o1,37);wm1.set(o2,"azerty");wm2.set(o1,o2);//value可以是任意值,包括一个对象或一个函数wm2.set(o3,undefined);wm2.set(wm1,wm2);//键和值可以是任意对象,甚至另外一个WeakMap对象 wm1.get(o2);//"azerty"wm2.get(o2);//undefined,wm2中没有o2这个键wm2.get(o3);//undefined,值就是undefined wm1.has(o2);//truewm2.has(o2);//falsewm2.has(o3);//true(即使值是undefined) wm3.set(o1,37);wm3.get(o1);//37 wm1.has(o1);//truewm1.delete(o1);wm1.has(o1);//false 实现一个带有 .clear() 方法的类 WeakMap 类 classClearableWeakMap{constructor(init){this._wm=newWeakMap(init)}clear(){this._wm=newWeakMap()}delete(key){returnthis._wm.delete(key)}get(key){returnthis._wm.get(key)}has(key){returnthis._wm.has(key)}set(key,value){this._wm.set(key,value)returnthis}} 本文分享自微信公众号 - 人生代码（lijinwen1996329ken）。如有侵权，请联系 support@oschina.cn 删除。本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。

2020-10-28

Vue 3 首个 RC 版本发布

Vue.js 作者尤雨溪昨日宣布Vue 3 已进入 RC 阶段，这意味着 Vue 3 内核的 API 和实现已到达稳定状态。

2020-07-19

【Vue_01】基础知识

一、Vue 介绍 1. 作者介绍 2. Vue 简介 ① Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

2020-02-17

一周精通Vue（一）

new Vue（el, data, methods, computed, filters, components, 生命周期函数） el: 挂载页面元素 data: 数据 methods: 定义函数 computed

2019-12-22

Vue 2.6.11 发布，bug 修复版本

Vue 2.6.11 发布了，更新内容包括： Security Fixes vue-server-renderer 的 serialize-javascript 依赖项更改为 2.1.2 Bug Fixes

2019-12-16

Redux Model 6.4.2 发布，支持 Vue

本次更新内容 1、新增 VUE 的安装包@redux-model/vue，比 vuex 更好用。

2019-10-25

vue 打包报错 npm run build

npm run buildvue 打包报错 WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.output.filename: A relative path is expected. However the provided value "/static/js/[name].[chunkhash].js" is an absolute path! -> Specifies the name of each output file on disk. You must **not** specify an absolute path here! The `output.path` option determines the location on disk the files are written to, filename is used solely for naming the individual files. Please use output.path to specify absolute path and output.filename for the file name. at webpack (/Users/apple/Desktop/demo/dr-admin/node_modules/webpack/lib/webpack.js:19:9) at err (/Users/apple/Desktop/demo/dr-admin/build/build.js:19:3) at next (/Users/apple/Desktop/demo/dr-admin/node_modules/rimraf/rimraf.js:75:7) at CB (/Users/apple/Desktop/demo/dr-admin/node_modules/rimraf/rimraf.js:111:9) at /Users/apple/Desktop/demo/dr-admin/node_modules/rimraf/rimraf.js:137:14 at FSReqWrap.oncomplete (fs.js:153:21) -configuration.output.filename:应为相对路径。但是提供的值“/static/js/[name].[chunkhash].js”是绝对路径！找到 config/index.js 里面的 assetsSubDirectory: '/static'是否绝对路径,除了 index.html 之外的静态资源要存放的路径，这里改为相对路径 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/sub/', /** * Source Maps */ productionSourceMap: false, // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map', // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you. // Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: true, productionGzipExtensions: ['js', 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report }

2019-10-08

详解Vue中的虚拟DOM

前言 Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那么，什么是Virtual DOM？为什么需要Virtual DOM？

2019-06-25

细谈 vue - transition-group 篇

本篇文章是细谈 vue 系列的第四篇，按理说这篇文章是上篇《细谈 vue - transition 篇》中的一个单独的大章节。然鹅，上篇文章篇幅过长，所以不得已将其单独拎出来写成一篇了。

2019-06-05

用VS Code开发Vue应用

这是因为缺省的vue-cli没有为我们安装@vue/prettier插件，我们先来手工安装一下： yarn add -D @vue/eslint-config-prettier 然后在package.json

2019-05-13

vue开发环境搭建Mac版

install -g cnpm --registry=https://registry.npm.taobao.org 5、安装webpack cnpm install webpack -g 6、安装vue

2019-03-27

玩转vue的slot内容分发

vue的内容分发非常适合“固定部分+动态部分”的组件的场景，固定部分可以是结构固定，也可以是逻辑固定，比如下拉loading，下拉loading只是中间内容是动态的，而拉到底部都会触发拉取更多内容的操作

2018-12-25

vue 组件高级用法实例详解

示例如下： <div id="app19"> <my-component19 :count="1"></my-component19> </div> Vue.component

2018-11-26

vue-jstree安装使用备忘

vue-jstree在这里https://github.com/zdy1988/vue-jstree 我是vue-cli建的项目 npm install vue-jstree --save 组件里这样写

2018-09-02

Vue入门---事件与方法详解

一、 vue方法实现 1 <!

2018-08-24

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。