Vue3 2024-10-26 Node.js环境安装 Node版本选择 下载地址：https://nodejs.org/en/download Windows11安装Node.js参考步骤 切换镜像测试 # 切换镜像源 npm config set registry https://registry.npmmirror.com # 查看是否生效 npm config get registry # 进行安装测试 npm install -g express VScode（Visual Studio Code） 下载地址：https://code.visualstudio.com/Download Vue官网 快速上手 通过CDN使用Vue <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t....
uni-app 2024-10-23 uni-app uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。 uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。 看视频，10分钟了解uni-app 为什么要选择uni-app？ uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。 功能框架图 一套代码编到14个平台，这不是梦想。眼见为实，扫描14个二维码，亲自体验最全....
VUE 2023-01-23 vscode 插件 快速上手 引包 (如需下载自己要的版本在 vue 后面加上 @ 版本号) 1# 下载vue，选取 vue.js 文件 2npm install vue //cnpm install vue 3 4# 页面引入刚下载的包 5<script type="text/javascript" src="vue.js"></script> 留坑 即留一个 vue 模板插入的地方或者是 vue 代码对其生效的地方 1<div id="app"></div> 实例化 创建 Vue 实例 示例 1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> ....
CSS 2020-05-18 盒子模型 盒模型本质上是一个盒子，封装周围的HTML元素，它包括：margin、border、padding、content(width、height) 盒子模型分两种：标准盒子模型、怪异盒子模型。 标准盒子模型 # 模型成员 margin、border、padding、content # content不包含其他成员 怪异盒子模型（IE盒子模型） # 模型成员 margin、border、padding、content # content不包含（设置的宽高不会被border和padding所影响） border、padding 改变元素的盒子模型类型 标准盒子模型：box-sizing:content-box; 怪异盒子模型：box-sizing:border-box; 盒子模型演示 <!DOCTYPE html> <html> <head> <title>盒子模型演示</title> <style type="text/css"> .content{ width: 100px; height: 10....
HTML 2020-05-15 文档类型标签、三大标签元素 文档类型标签 <!DOCTYPE>是拿来声明文档的类型，在html文档的第一行编写。作用是告知浏览器的解析器用什么文档标准去解析当前文档。DOCTYPE不存在或格式不正确会导致文档以怪异模式呈现。 组成网页的三大标签元素 <html></html>、<head></head>、<body></body> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 当meta标签属性设置为utf-8的时候即可定义网页编码格式为utf-8 --> <title>标签定义文档的标题</title> </head> <body> hello! </body> </html> 结构层、表现层、行为层 结构层：HTML(HyperTextMarkup Language) 是一个超文本标记语言、负....
JavaScript 2020-05-29 JavaScript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、 基于原型的语言，内置支持类型 Javascript是当今最流行的脚本语言，我们生活中看到的网页 和基于html5的app里面的交互逻辑都是由javascript驱动的 一句话概括就是javascript是一种运行在浏览器中的解释型的编程语言 JS的组成 ECMAScript : 解释器、翻译者 (描述了该语言的语法和基本对 象) 它是javascript的标准。 DOM : Document Object Model 文档对象模型 W3C是DOM 的标准。 BOM : Browser Object Model 浏览器对象模型 缺乏标准。 演示 注册事件、找到目标元素、修改css属性 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #tim{ width: 200px; height: 200px; border:1px soli....
