hjy1995 - 博客园

2023年7月6日

摘要： Vue 具有三种样式化应用程序的方法：外部 CSS 文件。单文件组件（.vue 文件）中的全局样式。单文件组件中组件范围的样式。外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad 阅读全文

posted @ 2023-07-06 19:59 hjy1995 阅读(188) 评论(0) 推荐(0) 编辑

vue（四）组件交互

摘要： Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接阅读全文

posted @ 2023-07-06 19:55 hjy1995 阅读(21) 评论(0) 推荐(0) 编辑

2023年7月5日

vue（三）模板语法

摘要： {{}} 数据绑定最常见的形式就是使用Mustache {{}}（双大括号）语法的文本插值 {{}} 还接受单个表达式，如加减运算、三元运算等。一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" 阅读全文

posted @ 2023-07-05 20:24 hjy1995 阅读(14) 评论(0) 推荐(0) 编辑

vue（二）vue组件

摘要：组件基础单文件组件在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候，Vue 却反其道行之。使用单文件组件，Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具（例如 Webpack）处理，这意味着你可以使用构建时工具。你可阅读全文

posted @ 2023-07-05 20:08 hjy1995 阅读(19) 评论(0) 推荐(0) 编辑

vue（一）vue项目结构

摘要：安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件：vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。阅读全文

posted @ 2023-07-05 19:50 hjy1995 阅读(27) 评论(0) 推荐(0) 编辑

JavaScript（七）ES6

摘要： Node环境安装nvm、npm、nrm nvm：管理多个版本的node环境，使用nvm安装nodejs npm：npm是node的包管理工具，使用nvm安装node后，就可以使用npm命令 nrm：管理npm的镜像源，使用npm命令安装 Babel转码器可以将es6代码转成es5代码。从而可以在阅读全文

posted @ 2023-07-05 19:37 hjy1995 阅读(21) 评论(0) 推荐(0) 编辑

JavaScript（六）事件处理

摘要：常见的 HTML 事件常见HTML事件事件描述 onchange HTML 元素已被改变 onclick 用户点击了 HTML 元素 onmouseover 用户把鼠标移动到 HTML 元素上 onmouseout 用户把鼠标移开 HTML 元素 onkeydown 用户按下键盘按键 onloa 阅读全文

posted @ 2023-07-05 19:27 hjy1995 阅读(9) 评论(0) 推荐(0) 编辑

JavaScript（五）浏览器操作

摘要：浏览器对象 window window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。 navigator：navig 阅读全文

posted @ 2023-07-05 19:17 hjy1995 阅读(51) 评论(0) 推荐(0) 编辑

2023年7月3日

JavaScript（四）面向对象

摘要：创建对象 prototype对象 JavaScript对每个创建的对象都会设置一个原型，指向它的原型对象。当我们用obj.xxx访问一个对象的属性时，JavaScript引擎先在当前对象上查找该属性，如果没有找到，就到其原型对象上找，如果还没有找到，就一直上溯到Object.prototype对象阅读全文

posted @ 2023-07-03 20:25 hjy1995 阅读(7) 评论(0) 推荐(0) 编辑

JavaScript（三）Array的高阶函数

摘要： map、reduce map：map()方法定义在JavaScript的Array中，接收一个函数对象作为参数，函数定义运算规则，对array中的每个元素进行运算，结果是一个新的array。 function pow(x) { return x * x; } var arr = [1, 2, 3, 阅读全文

posted @ 2023-07-03 20:21 hjy1995 阅读(20) 评论(0) 推荐(0) 编辑

yjh1995

公告