- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅
1原创 简单了解Vue3
了解VUE3vite基本使用vite是什么：它是一个更加轻便（热更新速度快，打包构建速度快）的vue项目脚手架工具。相对vue-cli它默认安装的插件少，随着开发过程依赖增多，需要自己额外配置。vite基本使用：创建项目 npm init vite-app 项目名称 或者 yam create vite-app 项目名称安装依赖 npm 或 yam启动项目 npm run dev 或者 yam dev创建vue应用基本步骤：在main.js 导入createApp函数
2022-03-01 19:15:25
438
原创 VUE项目的优化
项目优化项目优化策略通过vue.config.js修改webpack的默认配置通过vue-cli 3.0工具生成的项目，默认隐藏了所有webpack的配置项，目的是为了屏蔽项目的配置过程，让程序员把工作的重心放到具体功能和业务逻辑的实现上。如果程序员有修改webpack默认配置的需求，可以在项目更目录中，按需创建vue.config.js这个配置文件，从而对程序的打包发布过程做自定义的配置(具体配置参考https://cli.vuejs.org/zh/config/#vue-config-js)。
2022-01-15 19:29:41
251
原创 webpack基本运用
webpack当前Web开发面临的困境文件依赖关系错综复杂静态资源请求效率低模块化支持不友好浏览器对高级JavaScript特性兼容程度较低etc…webpack概述webpack是一个流行前端项目构建工具(打包工具)，可以解决当前web开发中所面临的困境。webpack提供了友好的模块化支持，以及代码压缩混淆、处理js兼容问题等强大的功能，从而让程序员把工作的重心放到具体的功能实现上，提高了开发效率和项目可维护性。目前绝大多数企业的前端项目，都是基于webpack进行打包构建的。
2021-10-26 17:33:35
97
原创 VUE的基础知识
Vue基本使用Vue.js之HelloWorld细节分析实例参数分析var vm = new Vue({ el: ‘#app’, data: { msg: ‘hello word’ } })el：元素的挂载位置（值可以是CSS选择器或者DOM元素）data：模型数据（值是一个对象）插值表达式用法将数据填充到HTML标签中插值表达式支持基本的计算操作Vue的模板语法模板语法概述如何理解前端渲染？把数据填充到H
2021-10-20 13:34:00
541
原创 身份认证机制的基础
前后端的身份认证Web开发模式目前主流的Web开发模式有两种，分别是：基于服务端渲染的传统Web开发模式基于前后端分离的新型Web开发模式服务器渲染的Web开发模式服务器渲染的概念：服务器发送给客户端的HTML页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用Ajax这样的技术额外请求页面的数据。服务器渲染的优缺点优点：前端耗时少。因为服务器负责动态生成HTML内容，浏览器还需要直接渲染页面即可。尤其是移动端，更省电。有利于SEO。因为服务器端响应的是完整的HTM
2021-10-02 20:34:41
1399
原创 MySQL的基本运用
数据库的基本概念什么是数据库数据库是用来组织、存储和管理数据的仓库。常见的数据库及分类MySQL数据库（目前使用最广、流行度最高的开源免费数据库）Oracle数据库（收费）SQL Server数据库（收费）Mongodb 数据库（Community + Enterprise）其中，MySQL，Oracle，SQL Sever属于传统数据库（又叫做关系数据库或SQL数据库），这三者的设计理念相同，用法比较类似。而Mongodb 属于新型数据库（又叫做非关系型数据库或noSQL数据库），它
2021-09-30 22:36:31
229
原创 Express的了解与简单运用
初识ExpressExpress简介什么是ExpressExpress是基于Node.js平台，快速、开放、极简的web开发框架。通俗的理解：Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。Express能做什么对于前端程序员来说，最常见的两种服务器，分别是：Web网址服务器：专门对外提供Web网站资源的服务器。API接口服务器：专门对外提供API接口的服务器。使用Exp
2021-09-28 21:37:12
592
原创 npm的简单了解与运用
npm与包包什么是包Node.js中的第三方模块又叫做包包的来源不同于Node.js中的内置模块与自定义模块，包是由第三方个人或团队开发出来的，免费供所有人使用。注意：Node.js中的包都是免费且开源的，不需要付费即可免费下载使用。为什么需要包由于Node.js的内置模块仅提供了一些底层的API，导致在基于内置模块进行项目开发的时候，效率很低。包是基于内置模块封装出来的，提供了更高级、更方便的API，极大的提高了开发效率。包和内置模块之间的关系。类似于jQuery和浏览器内置API之间
2021-09-27 15:06:31
236
原创 Node.js基础
初识Node.js什么是Node.jsNode.js是一个基于chrome V8引擎的JavaScript运行环境。Node.js可以做什么Node.js作为一个JavaScript的运行环境，仅仅提供了基础的功能和API。然而，基于Node.js提供的这些基础功能，很多强大的根据和框架层出不穷，所以学会了Node.js，可以让前端程序员胜任更多的工作和岗位：1.基于Express框架，可以快速构建web应用2.基于Electron框架，可以构建跨平台的桌面应用3.基于restify框架，可以
2021-09-25 22:34:08
237
原创 Git与GitHub的了解与运用
Git和githubGit基础概念什么是GitGit是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的版本项目。特点：项目越大越复杂、协同开发者越多越能体现出Git高性能和高可用性。Git的特性Git之所以快速和高效，主要依赖于它的两个特性：1.直接记录快照，而非差异性比较2.近乎所有操作都是本地执行SVN的差异比较传统的版本控制系统(例如SVN)是基于差异的版本控制，它们存储的是一组基本文件和每个文件随时间逐步累积的差异。好处
2021-09-11 23:35:01
143
原创 Ajax的基础与进阶
这里写自定义目录标题AjaxURL地址URL地址的概念URL地址的组成部分网页中如何请求资源资源的请求方式了解Ajax什么是AjaxAjax的典型运用场景jQuery中的ajax了解jQuery中的ajax$.get()函数的语法$.get()发起不带参数的请求$.get()发起带参数的请求$.post()函数的语法$.post()向服务器提交数据$.ajax()函数的语法使用$.ajax()发起GET请求使用$.ajax发起POST请求时，只需要type属性的值设置为'POST'即可：接口接口概念接口测试
2021-09-11 00:20:06
760
原创 JavaScript进阶
JS进阶面向对象编程两大编程思想：面向过程：面向过程就是分析出解决问题所需的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个一次调用优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机采用的面向过程编程缺点：没有面向对象易维护、易复用、易扩展面向对象：把事物分解成一个一个对象，然后由对象之间分工合作优点：易维护、易复用、易扩展、具有封装、继承、多态的特性，可以设计出低耦合的系统，使得系统更加灵活，更加易于维护缺点：性能比面向过程低面向对象特性：封装性
2021-09-04 15:11:05
120
原创 jQuery基础运用
jQueryjquery是一个快速，简洁的JavaScript库。jquery封装了JavaScript常用功能代码，优化了DOM操作，事件处理，动画设计和ajax交互。优点：轻量级跨浏览器兼容链式编程，隐式迭代对事件，样式，动画支持，大大简化DOM操作支持插件扩展开发，有着丰富的第三方插件免费，开元jQuery的基本使用jQuery的入口函数1语法：$(function(){});2语法：$(document).ready(function(){});1.等着DOM结构渲
2021-08-16 21:38:01
203
原创 JavaScript基础
Javascript基础Javascript输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输出框，用户可以输入浏览器变量变量的声明格式：// 变量声明var age; //声明一个名称为age的变量var是一个JS关键词，用来声明变量，（variable变量的意思）。使用该关键词声明变量后，计算机会自动变量分配内存空间，不需要
2021-08-14 22:55:58
894
原创 CSS3常用
CSS高级技巧字体图标由于精灵图的缺点：1.图片文件还是比较大2.图片本身放大和缩小会失真3.一旦图片制作完毕要更换非常复杂此时有一种技术出现，就是字体图标iconfont，他展示的是图标，本质是字体优点：轻量级灵活性兼容性注意：字体图标不能替代精灵技术，只是对工作图标部分的提升和优化字体图标的追加：把压缩包里的selection.json重新上传，然后选中自己想要的新图标，重新下载压缩包，并替换原来的文件即可CSS三角 .box1 { width: 0
2021-07-30 15:32:09
161
原创 html5新增常用标签
HTML5HTML5新增的语义化标签header：头部标签nav：导航标签article:内容标签section：定义文件某个区域标签aside：侧边栏标签footer:尾部标签注意：这汇总语义化标签主要是针对搜索引擎的这些新标签页面可以使用多次在IE9中，需要把这些元素转化为块级元素其次，我们移动端更喜欢我们用这些标签HTML5新增的媒体标签1.音频：audio2.视频：video使用他们可以很方便的嵌入音频和视频，而不再去使用flash和其他视频浏览器插件视频v
2021-07-30 15:30:12
70
原创 CSS的基础
CSS基础css语法规范使用html时，需要遵从一定的规范要求，css也是如此，想要熟练的使用css对网页进行操作和修饰，首先需要了解css样式规则css规则由两个主要的部分构成：选择器以及一条或多条声明选择器是用于指定css样式和html标签，花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现属性是对指定的对象设置的样式属性，例如字体大小和字体颜色等属性和属性值之间用英文“：”分开多个键值对之间用英文“；”进行区分选择器选择器分为基础选择器和复合
2021-07-25 20:49:42
116
原创 HTML的常用标签
HTML常用的标签标题标签 h1-h6h1为一级标签，以此类推标题的重要性一次递减段落标签和换行标签段落标签<p>：可以将html文本分成若干个段落段落标签的特点文本中的段落会根据浏览器的大小自动换行段落与段落之间保有空隙换行标签<br />:强制打断，另起一行换行标签的特点换行标签是一种单标签行与行之间空隙很小例子<!DOCTYPE html><html lang="en"><head>
2021-07-17 21:03:10
213
原创 HTML语法的规范
HTML语法规范概述1.html一般是成对出现的，例如<html>、</html>偶尔也有单个出现的情况，如<br />标签关系包含关系 并列关系基本结构标签根标签：网页的最大标签,<htlm>文档头部标签：注意head标签中我们必须要设置title标签,<head>文档标题标签：让页面拥有一个属于自己的网页标签,<title>文档主题标签：页面内容基本是放进主体标签里的,<b
2021-07-17 17:24:56
84
原创 正则表达式【记录】
正则表达式（re）正则表达式各个符号以及意义. 可以代表任意字符，除了(\n)[]从括号中选择一个匹配，括号中无顺序要求。注意：不加（，），不然多匹配逗号，多个逗号导致报错[^]取括号内相反\d 可以代表数字（0-9）\D 可以代表非数字\s 可以代表空（空格，\t，\n）\S可以代表非空\w 可以代表单词字符（a-z，A-Z,0-9,_）\W 可以表示非单词字符原始字符串正则表达式想要一个\需要输出四个\（python本身\\=,正则也是\\
2021-07-15 16:23:08
43
原创 学习JAVA的第一天（记录，打卡）
# 学习JAVA第一天## Helloword1.建立存放代码文件夹2.新建一个java文件 txt.java Hello.java 注意后缀名称3.编写Helloword```javapublic class Hello{ public static void main(String[] args){ System.out.print("Hello,wold"); }}```4.文件夹前加cmd，跳出命令窗口，编译javac+java文件...
2021-07-14 23:20:54
44
空空如也
这个为什么会报错，求解
2021-07-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人