- 博客(23)
- 收藏
- 关注
原创 vue-cli4.x+elementUI搭建一个保姆级开发框架(开箱即用)
它提供了一些预设的项目模板,帮助开发人员快速搭建 Vue 项目,并集成了常用的开发工具和必备插件。在项目根目录下创建.env、.env.development、.env.production、.env.test四个新文件。在创建项目时已经安装过eslint了,所以不需要再次安装。1、安装 Node.js:在https://nodejs.org/en/上下载和安装最新版本的Node.js。这里选择生成单独的配置文件。由于在创建项目时,选择了严格模式,自动安装了prettier不需要再次手动安装。
2023-06-01 11:18:19 342
原创 CSS基础-初级
CSS 指的是层叠样式表(Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件。
2022-12-13 15:09:46 512 1
原创 HTML基础知识总结
HTML 是用来描述网页地一种语言。HTML 指的是超文本标记语言(Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言(markup language)标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页声明必须是 HTML 文档的第一行,位于 html 标签之前。声明不是 HTML 标签;它是指示 web 浏览器使用哪个 HTML 版本进行编写的指令。
2022-11-14 16:39:29 4294
原创 HTML详细教程
HTML 是网页使用的语言,定义了网页的结构和内容。浏览器访问网站,其实就是从服务器下载 HTML 代码,然后渲染出网页。HTML 的全名是超文本标记语言(HyperText Markup Language),上个世纪 90 年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。它的最大特点就是支持超链接,可以跳转到其他网页,从而构成了整个互联网。1999 年,HTML 4.0.1 发布,成为广泛接受的 HTML 标准。
2022-10-17 11:08:56 8603 1
原创 微信小程序-基础加强
在项目的根目录中,鼠标右键,创建 components -> test 文件夹新建的 components -> test 文件夹上,鼠标右键,点击新建 Component键入组件的名称之后回车,会自动生成组件对应的 4 个文件,后缀名分别为 .js、.json、.wxml 和 .wxss数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。'字段A, 字段B': function(字段A的心智, 字段B的新值) {}}})
2022-09-29 15:57:52 185
原创 微信小程序-视图与逻辑
页面导航指的是页面之间的相互跳转。a 链接下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为生命周期(Life Cycle)是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。小程序的启动,表示生命周期的开始小程序的关闭,表示生命周期的结束中间小程序运行的过程,就是小程序的生命周期。
2022-09-28 16:57:40 144
原创 微信小程序-模板与配置
在页面对应的 .js 文件中,把数据定义到 data 对象中即可Page({data: {}})事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理WXSS(WeiXin Style Sheets)是一套样式语言,用于美化 WXML 的组件样式,类似于网页开发中的 CSSrpx(responsive pixel)是微信小程序独有的,用来解决屏适配的尺寸单位使用 WXSS 提供的 @import 语法,可以导入外联的样式表。
2022-09-28 10:55:30 1562
原创 微信小程序-起步
运行环境不同网页运行在浏览器中小程序运行在微信环境中API 不同由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API但是,小程序中可以调用微信环境提供的各种 API,例如:地理定位、扫码、支付开发模式不同网页的开发模式:浏览器 + 代码编辑器小程序有自己的一套标准开发模式:1. 申请小程序开发账号 2. 安装小程序开发者工具 3. 创建和配置小程序项目。
2022-09-28 10:46:09 185
原创 TypeScript基础知识总结
TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)TypeScript = Type + JavaScript(在 JS 基础之上,为 JS 添加了类型支持)TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行# TypeScript 代码:有明确的类型,即:number(数据类型)# JavaScript 代码:无明确的类型let name = '李斯'
2022-09-26 10:53:37 540
原创 React基础知识总结
React 是一个用于构建用户界面的 JavaScript 库React 主要用来写 HTML 页面,或构建 Web 应用如果从 MVC 的角度来看,React 仅仅是视图层(V),也就是指负责视图的渲染,而并非提供了完整的 M 和 C 的功能React 起源于 Fecebook 的内部项目,后来用来架设 Instagram 的网站,并于 2013 年 5 月开源JSX 是 JavaScript XML 的简写,表示在 JavaScript 代码中写 XML(HTML)格式的代码。
2022-09-21 14:47:05 827
原创 webpack与前端工程化
前端工程化指的是在企业级地前端项目开发中,把前端开发所需地工具、技术、流程、经验等进行规范化、标准化。模块化(js 的模块化、css 的模块化、其它资源的模块化)组件化(复用现有的 UI 结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git 分支管理)自动化(自动化构建、自动部署、自动化测试)webpack 是前端项目工程化的具体解决方案它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。
2022-09-16 17:24:08 253
原创 ES6模块化与异步编程高级用法
ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需要再额外学习 AMD、CMD 或 CommonJS 等模块化规范。每个 js 文件都是一个独立的模块导入其它模块成员使用 import 关键字向外共享模块成员使用 export 关键字async/await 是 ES8 (ECMAScript 2017) 引入的新语法,用来简化 Promise 异步操作。
2022-09-15 14:42:23 296
原创 vue 基础知识总结
官方给出的概念:Vue (读音/vjuː/,类似于 view) 是一套用户构建用户界面的前端框架在创建 vue 实例期间,可以在 filters 节点中定义过滤器}}});ref 用来辅助开发者在不依赖于 jQuery 的情况下,获取 DOM 元素或组件的引用每个 vue 的组件实例上,都包含一个 $refs 对象,里面存储着对应的 DOM 元素或组件的引用。默认情况下,组件的 $refs 指向的一个空对象动态组件指的是动态切换组件的显示与隐藏。
2022-09-14 11:14:31 3380
原创 初识 Express
Express 是基于 Node.js 平台,快读、开放、极简的 Web 开发框架EXpress 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的Express 的本质就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法在 Express 中,路由指的是客户端的请求与服务器处理函数之间的映射关系Express 中的路由分 3 部分组成,分别是请求的类型、请求的 URL 地址、处理函数。
2022-09-06 14:59:32 305
原创 初识 Node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境浏览器是 JavaScript 的前端运行环境Node.js 是 JavaScript 的后端运行环境Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API终端(英文: Terminal)是专门为开发人员设计的,用于实现人机交互的一种方式终端快捷键使用 ↑ 键,可以快速定位到上一次执行的命令使用 tab 键,能够快速补全路径使用 esc 键,能够快速清空当前已输入的命令。
2022-09-05 11:29:37 519
原创 Git基础概念和基本操作
Git 是一个开源的分布式版本控制系统,是目前世界上最先进、最流行的版本控制系统。可以快读高效地处理从小到非常大地项目版本管理项目越大越复杂,协同开发者越多,越能体现出Git的高性能和高可用性。......
2022-08-30 15:48:30 468
原创 Ajax基础整理
Ajax 的全称是 Asynchronous JavaScript And XML(异步 JavaScript 和 XML)在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是 Ajax表单在网页中主要负责数据采集功能。HTML 中的 form 标签,就是用于采集用户输入的信息,并通过 form 标签的提交操作,把采集到的信息提交到服务器端进行处理。通过点击 submit 按钮,触发表单提交的操作,从而使页面跳转到 action URL 的行为,叫做表单的同步提交。...
2022-08-29 15:27:02 497
原创 Web API基本认知
文档对象模型(Document Object Model),简称DOM,将所有页面内容表示为可以修改的对象。document对象是页面的主要入口点。我们可以使用它来更改或创建页面上的任何内容。浏览器对象模型(Browser Object Model),简称BOM,表示由浏览器(主机环境)提供的用于处理文档document之外的所有内容的其他对象。事件是在编程时系统内发生的动作或者发生的事情,比如用户在页面中点击某个按钮就是让程序检测是否有事件发生,一旦有事件触发,就立即调用一个函数做出相应,也称为注册事件。
2022-08-24 17:12:23 889
原创 JavaScript基础知识点
JavaScript是一门完备的动态编程语言。当应用于HTML文档时,可为网站提供动态交互特性。由布莱登布兰登·艾克发明。字面量是用于表达源代码中的一个固定值的表示法字面量有数字字面量、字符串字面量、数组字面量、对象字面量等变量是计算机中用来存储数据的容器,简单理解是一个盒子。未定义是比较特殊的类型,只有一个值undefined只声明变量未赋值的情况下,变量的默认值为undefined简介:数组是一种可以按顺序保存数据的数据类型元素:数组中保存的每一个数据都叫做数组元素下标:数组中数据的编号。...
2022-08-06 14:37:11 2040
原创 CSS3常用知识点
对于 CSS3 我们在前端开发的工作中有大量的应用,它主要就是对普通 CSS 样式的一种补充。如果说 HTML 标签是页面的骨架, CSS 是页面的皮肤, 那么 CSS3 就是页面的灵魂, 它丰富了页面的交互和显示效果。...
2022-07-31 23:32:07 480
原创 CSS基本知识点总结
CSS指的是层叠样式表(CascadingStyleSheets)CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页布局。盒子的概念页面中的每一个标签都可以看做是一个盒子;通过盒子的视角,可以更方便的进行布局浏览器在渲染网页时会将网页中的元素看做是一个个的矩形区域,我们也形象称之为盒子盒子模型内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)构成。...
2022-07-29 23:59:40 9792 5
原创 HTML基础知识点
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一页,是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言。web标准也成为网页标准,它是由一系列标准组成,这些标准大部分由W3C负责定制,也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置,可以直接到达目标位置,通常从盘符开始的路径。例如D从。...
2022-07-27 18:33:48 8944
HTML 语言详细教程-前端
2022-10-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人