目录

Life in Flow

知不知,尚矣;不知知,病矣。
不知不知,殆矣。

标签: Front-End (6)

uni-app

什么是 uniapp 框架     使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、Web、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台 官网地址:https://uniapp.dcloud.net.cn/ VScode 插件安装 通过 uni-app 框架创建项目 HBuilderX 可视化方式(只能在 XBuild 中运行) HBuilderX工具下载 https://www.dcloud.io/hbuilderx.html vue-cli 命令行方式(可以再 VS code 中运行) 1### 环境安装 2# 查看是否安装有@vue/cli 3vue -V 4 5# 设置镜像源 6npm config set registry https://registry.npmmirror.com 7 8# 无则执行命令安装 9npm install -g @vue/cli 10 11### 安装 Vue3/vite/typescr....

uni-app

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 个平台....

VUE

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

盒子模型  盒模型本质上是一个盒子,封装周围的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

文档类型标签、三大标签元素 文档类型标签  <!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

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....