- 场景 有时候我们会看到如下代码： 在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给对象赋值时，有时候并不会自动更新到视图上去； 当我们去看vue文档的时候，会发现有这么一句话：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 如下代码，给 student对象新增 age 属性。 data () { return {... 场景 有时候我们会看到如下代码： 在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给对象赋值时，有时候并不会自动更新到视图上去； 当我们去看vue文档的时候，会发现有这么一句话：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 如下代码，给 student对象新增 age 属性。 data () { return {...
- 前言 俗话说，没有产品思维的码农不是一个好的程序猿。前端项目开发一段时间之后，除了必要的业务功能必须实现之外，就要开始考虑给开发系统增加一些附加价值，提升用户体验可以说是最大的附加价值。当然，从一开始开发项目就将客户体验置于优先考虑点是最好的选择。 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列则会有分散用户注... 前言 俗话说，没有产品思维的码农不是一个好的程序猿。前端项目开发一段时间之后，除了必要的业务功能必须实现之外，就要开始考虑给开发系统增加一些附加价值，提升用户体验可以说是最大的附加价值。当然，从一开始开发项目就将客户体验置于优先考虑点是最好的选择。 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列则会有分散用户注...
- 实例 在控制台上输出信息： console.info("Hello Runoob!"); 1 定义和用法 console.info() 方法用于在控制台输出信息。 该方法对于开发过程进行测试很有帮助。 提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。 语法 console.info(message) 浏览器支持 表格中的数字... 实例 在控制台上输出信息： console.info("Hello Runoob!"); 1 定义和用法 console.info() 方法用于在控制台输出信息。 该方法对于开发过程进行测试很有帮助。 提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。 语法 console.info(message) 浏览器支持 表格中的数字...
- 组件之间的数据传递自定义组件ES6 Promise 用法VUE输入框事件监听blur与change的差异Vuex之理解Mutations与 Vuex 的第一次接触vue中created、mounted等方法整理vue store存储commit 和dispatchVue项目中的单元测试和E2E测试vue项目开发前的es6的知识储备【ES6】var、let、const三者... 组件之间的数据传递自定义组件ES6 Promise 用法VUE输入框事件监听blur与change的差异Vuex之理解Mutations与 Vuex 的第一次接触vue中created、mounted等方法整理vue store存储commit 和dispatchVue项目中的单元测试和E2E测试vue项目开发前的es6的知识储备【ES6】var、let、const三者...
- 精解ES6 Promise 用法 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么东东呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。 这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几... 精解ES6 Promise 用法 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么东东呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。 这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几...
- 1、动态路由（页面刷新数据不丢失） methods：{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) } 1234567 路由配置 { path: '/particulars/:id', name: 'particu... 1、动态路由（页面刷新数据不丢失） methods：{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) } 1234567 路由配置 { path: '/particulars/:id', name: 'particu...
- 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。 文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，... 首先解释下base64的目的，其主要是为了减少http请求，转为base64以后小图片可以跟js同时被加载到浏览器，而不需要多次对服务器发出图片资源请求；其次，图片转成base64后，文件体积变大了大约1/3左右。 文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码，...
- Ctrl+n 找classCtrl+shift+n 找文件Ctrl+Shift+F，全局查找Alt+f7 查看引用Ctrl+ Alt+f7 弹小窗口查看引用Ctrl+F7，可以查询当前元素在当前文件中的引用，然后按 F3 可以选择F11 自己配置，深入查看F12 自己配置，直接查看实现类Ctrl+f12 查看类中方法Ctrl+U，转到父类Ctrl+G，定位行Ctrl+o... Ctrl+n 找classCtrl+shift+n 找文件Ctrl+Shift+F，全局查找Alt+f7 查看引用Ctrl+ Alt+f7 弹小窗口查看引用Ctrl+F7，可以查询当前元素在当前文件中的引用，然后按 F3 可以选择F11 自己配置，深入查看F12 自己配置，直接查看实现类Ctrl+f12 查看类中方法Ctrl+U，转到父类Ctrl+G，定位行Ctrl+o...
- package-lock.json的作用是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档，这个package-lock.json 是在 npm install时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么作用呢？因为npm是一个用于管理p... package-lock.json的作用是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档，这个package-lock.json 是在 npm install时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么作用呢？因为npm是一个用于管理p...
- 前言 Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。 目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。 Vuex 的安装将不再赘述，可以参考... 前言 Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。 目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。 Vuex 的安装将不再赘述，可以参考...
- H5判断 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识别<![endif]--> <!--[if gte I... H5判断 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识别<![endif]--> <!--[if gte I...
- 在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 场景引入 在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值... 在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 场景引入 在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值...
- 在前期博文《Vue进阶（三十）：vue中使用element-ui进行表单验证》、《Vue进阶（幺幺叁）：关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题》、《Vue进阶（幺贰幺）：表单校验注意事项》中主要讲解了form表单校验应遵守的约定及常见问题解决方法。在实现动态表单，且表单项为后台动态生成时，若... 在前期博文《Vue进阶（三十）：vue中使用element-ui进行表单验证》、《Vue进阶（幺幺叁）：关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题》、《Vue进阶（幺贰幺）：表单校验注意事项》中主要讲解了form表单校验应遵守的约定及常见问题解决方法。在实现动态表单，且表单项为后台动态生成时，若...
- 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me... 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
- 对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。 一、为了达到这个目的，浏览器提供了以下两种支持： 1、hash ——即地址栏URL中的#符号（此hsah 不是密码学里的散列运算）。 比如这个URL：http://www.abc.c... 对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。 一、为了达到这个目的，浏览器提供了以下两种支持： 1、hash ——即地址栏URL中的#符号（此hsah 不是密码学里的散列运算）。 比如这个URL：http://www.abc.c...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
即将直播 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签