2020年03月_狮子座的男孩

08月 07月 05月 04月 03月 02月 01月

原创前端整个框架，作为web喜好者一定要知道！

Ⅰ、开发岗位：①前端(直接与用户接触，例如：打开的网页以及界面设计、网页布局和结构设计等【界面与交互】)；技术主要有：html5+css3+js(各种各样的框架以及库、原生js等);②后端(处理数据、进行数据的增删改、提供接口)，后端语言有很多例如jsp、php、asp，python等；node也属于后端③、流程：html5/4+css3/2+js阶段一：html5/4+css2/...

2020-03-29 17:09:14 108

web是目前比较流行的课程开发：Ⅰ、环境搭建：①、主要的工具如下：a、Vscode(较推荐)在微软平台下的web开发工具，(可直接官网下载)使用起来比较方便，但注意一般需要安装几个插件，例如：open in browser(作用：快速打开浏览页进行页面显示),Image preview(作用：编辑在网页中可能用到的图片，进行修饰编辑等),vscode-icons(作用：为源代码添加图标，为每...

2020-03-29 17:07:26 127

原创超链接之锚点的使用(页面内段落之间的跳转和不同页面之间的跳转)

Ⅰ、1、同一个文件下的html页面跳转：①、代码已亲测，可直接摘用；A、此代码为1first.html的代码；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...

2020-03-29 16:54:41 4005 2

原创 html中的各种标签：标题标签(h1~h6)、段落标签(p)、标题标签与段落标签的嵌套、超链接(href、title、target)的使用与实践

Ⅰ、html中的各种标签的含义及解释1、html中的标题显示：h1~h6是给文本赋以标题含义(展示效果)：①、代码已亲测，可直接摘用；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...

2020-03-27 16:44:50 2445

原创 visual studio Code建立第一个文件的过程(针对未用过visual studio的小白)

Ⅰ、打开文件的不同之处：1、Open File：打开一个文件——单文件调试（当记事本用）2、Open Folder：打开一个文件夹（写项目，打开项目文件夹）3、Open WorkSpace：打开一个工作区（多个项目联合调试，在一个窗口打开多个项目）4、一般来说，一个项目包含多个文件和文件夹，因此应该选择Open Folder；Ⅱ、1、在想要存储文档的地方建立一个文件夹(例如我建的文件夹...

2020-03-26 20:43:02 2063

原创 html的基本基本骨架以及常用标签

Ⅰ、关于html：①、HTML 全称：超文本编辑语言(HyperText Markup Language)语法：② 语法：各种标签或标记组成 <标签名></标签名>③、html5的基本骨架 ------> DTD 文档类型声明 h5(告诉浏览器其为一个html页面)； (语言为英语) ------>字符集 (utf-8的作用是支持...

2020-03-26 17:30:05 1401

原创 web前后端的知识框架（主要为前端的介绍）

1、开发岗位：①前端(直接与用户接触，例如：打开的网页以及界面设计、网页布局和结构设计等【界面与交互】)；技术主要有：html5+css3+js(各种各样的框架以及库、原生js等);②后端(处理数据、进行数据的增删改、提供接口)，后端语言有很多例如jsp、php、asp，python等；node也属于后端③、流程：html5/4+css3/2+js阶段一：html5/4+css2/...

2020-03-25 22:19:21 1367

原创 web前端开发工具(vscode)的使用

2020-03-09 14:01:43 1693

使用webpack4 + vue2 从零开始创建的 TodoList 前端项目

若有想要学 Webpack 的，真的很值得下载这个资源：其一、包括初始化安装 webpack 工具；其二、安装 Vue 并挂载实例，浏览器能打开 index.html 文件; 其三、webpack 基本配置，成功打包 .js 文件；其四、Webpack 使用 vue-loader 打包 vue 文件，浏览器成功打开 .js 和 .vue 文件; 其五、其它 loader的用法(如：打包图片、打包 CSS 文件、打包 stylus 文件); 其六、使用 html-webpack-plugin、clean-webpack-plugin 插件、 autoprefixer 插件；其七、使用 devServer 配置、使用模块热替换、使用 SourceMap 配置；其八、将环境分成开发环境、生成环境、公共部分; 其九、使用 babel 将 ES6 编译成 ES5 的语法(即：兼容 ES6 的语法)；其十、TodoList 项目组件拆分与设计项目的目录结构；其十一、实现 MainHeader 组件、核心 MainTodo 组件、MainFooter 组件，明确需求与业务逻辑及项目小结

2023-10-11

vue2 + webpack4相适配的能成功打包的 package.json 文件

vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在配置的过程中会老是出问题，例如：webpack、webpack-cli、vue-loader、vue-template-compiler、css-loader的版本的设定就是一个匹配的大问题；适宜人群：想要学习 webpack 配置的，各个版本之间出现问题的，想要解决各种配置报错的，想要 vue2 + webpack4 成功创建项目的都可以；小记：这只是配置的 package.json 文件，更有配置好的 webpack.config.js 文件，以及整个完整的 vue2+webpack4 整个的项目，因为上传的规定可以找我来拿

2023-08-25

vue2 + webpack5相适配的能成功打包的 package.json 文件

vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在配置的过程中会老是出问题，例如：webpack、webpack-cli、vue-loader、vue-template-compiler、css-loader的版本的设定就是一个匹配的大问题；适宜人群：想要学习 webpack 配置的，各个版本之间出现问题的，想要解决各种配置报错的，想要 vue2 + webpack5 成功创建项目的都可以；小记：这只是配置的 package.json 文件，更有配置好的 webpack.config.js 文件，以及整个完整的 vue2+webpack5 整个的项目，因为上传的规定可以找我来拿

2023-08-25

中转平台框架 + 登录页面 + 路由配置 + mockjs配置 + axios配置+退出配置+vuex配置+echarts 配置

该资源名称为：中转平台内容概要：中转平台资源框架，该框架使用的技术为：vue 框架 + vue-router 路由布局 + element-ui 库 + mockjs 数据配置 + axios 配置 + vuex 配置 + echarts 配置 + 登录页面 + 退出设置等已经设置好的布局，只需要往里面填东西；适用人群：想要进一步研究 vue 开发平台是什么样的架构或开发基础的 C 友，也可以作为想要以此为新的开发平台的小型开发项目也是可以的，技术或平台完全成熟，只需要以此为基础进行需求开发而已；场景及目标：若想开发以 vue 为框架的平台，可以参考本中装平台资源，可以迅速上手；

2023-07-08

Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用

内容概要：该 Vue3-demo 是基于 Vue3 框架搭配 Element-Plus ui库，建立的简单工程，并搭建了 Mockjs 和 axios工具，可以快速开发的工程，已经成功引入并建立了一个基于 Element-Plus 库中 table 组件的页面; 适用人群：想要了解 Vue3 新语法以及项目的，想要查看如何引入 Element-Plus 库及 Mockjs 的假数据如何使用及引入语法的, 想要基于已经成功引入这些组件的基本工程，来事件新的 Vue3 demo 的；其他说明：里面用的是 Vue3 新语法，使用 Element-Plus 库创建了一个表格页面，可以搭建新的页面;

2023-07-06

flexible.js

flexible.js是一个用来适配移动端的js框架。核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决方案，也就是说它可以让你在不同的终端设备中实现页面适配。

2021-10-29