- 博客(40)
- 收藏
- 关注
RSS订阅原创 Vue知识梳理 第六章节
前言第六章节主要来讲述路由的使用，对于路由的理解，可以方便我们去操作如何去实现单页面的切换操作，是非常重要的知识点。一、路由配置简单的去理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。那么我们所理解的前端路由就是：key是路径，value是组件。基本使用1.安装vue-router，命令：npm i vue-router2.应用插件：Vue.use(VueRouter..
2022-05-16 20:39:45
352
原创 Vue知识梳理 第四章节
前言第四章节主要学习如何配置代理服务器和如何使用插槽。重点是如何使用插槽，插槽的用法使用频率很高，需要熟悉并掌握用法。如何配置代理服务器配置代理服务器，主要是通过配置和修改vue.config.js文件来实现的，通过官网：Vue官网，点击生态系统>Vue CLI 进入之后点击配置信息，找到devServer，就可以看到配置代理服务器的方法。在里面可以看到更加详细的内容，这里我们简要说明一下，在vue.config.js中添加如下配置：第一种方法：dev...
2022-05-06 20:02:34
434
原创 Vue知识梳理 第三章
前言在了解了组件之后，我们需要通过脚手架来真正的去书写使用Vue组件构建的网页效果。跟随这一章节的内容，我们来学习Vue组件中的一些重要的知识和书写todolist的案例。一、脚手架脚手架是什么呢？脚手架就是Vue官方提供的标准化开发工具（开发平台）。执行时，可以打开对应文件的终端面板，然后按步骤执行完成：第一步（仅第一次执行）：全局安装@vue/cli。npm install -g @vue/cli第二步：切换到你要创建项目的目录，然后使用命令创建项目vue crea
2022-04-28 20:21:26
1228
原创 Vue知识梳理 第二章节
前言学完了基础的Vue的使用，就需要开始学习如何使用组件了。接下来就让我们学习如何使用Vue中的组件化功能。一、组件什么是组件？理解: 用来实现局部(特定)功能效果的代码集合(html/css/js/image…..)为什么: 一个界面的功能很复杂，存在代码复用率低，不好维护等等的问题作用: 复用编码, 简化项目编码, 提高运行效率当我们没有使用组件，那么将会存在这样的情况：而当我们使用了组件：通过使用了组件化的方式管理，我们可以清晰的看出每个文件的对...
2022-04-21 16:03:39
1272
原创 Vue知识梳理 第一章节
前言在忙于毕设的三周拖延之后，我终于成功的学完了第一章节（菜）。今天我就通过知识梳理和我自己的理解，来书写属于我自己的Vue框架知识梳理。一、Vue简介什么是Vue？Vue是一套用于构建用户界面的渐进式javascript框架，它的作用很像jQuery的使用，通过一些函数的封装，能够实现更加方便的界面效果。具有很多优秀的特点：采用组件化模式，提高代码复用率、且让代码更好维护。 声明式编码，让编码人员无需直接操作DOM，提高开发效率。 使用虚拟DOM+优秀的Diff 算法，
2022-04-16 11:08:58
800
原创 Git和Github的使用
前言我们知道我们的文件在需要管理的时候，如果出现崩溃或者文件丢失的情况的时候，就会对管理和工作造成非常严重的影响。而这个时候，我们就需要用到git和github来管理我们所使用的项目，可以帮助管理我们的项目版本。那么，就让我们来了解git和github吧。一、版本控制关于版本控制，当我们需要给文件去设置，设计不同的版本，最初的想法可能就是不停的创建文件，复制粘贴。但是这个过程明显是存在缺点的：因此，我们就需要通过一些方法来方便管理这些文件。版本控制软件版本控制软件是.
2022-03-17 20:17:20
2083
2
原创 NPM包管理工具
前言NPM包管理工具，可以帮助我们管理各种各样的安装包的依赖关系，帮助我们使用jQuery或者bootstrap的时候，可以不用把整个包放入文件夹中才能使用。接下来让我们来一起学习NPM的相关知识。一、认识NPMnpm(全称Node Package Manager，即node包管理器)，是Node.js默认的、以JavaScript编写的软件包管理系统” npm来分享和使用代码已经成了前端的标配。这是它的官网npm是Node.js默认的软件包管理系统，安装完毕node后，会默认安装
2022-03-16 16:13:35
3280
原创 HTTP知识梳理
前言学习前后端交接，我们需要注重我们的网络地址请求和发送资源的过程，通信发生的过程是否有错误。那么，了解HTTP协议就是一个重要的事情。所以，今天就让我们来分析和了解HTTP。一、HTTP协议简介在了解协议之前，先让我们了解一下什么是通信。我们知道通信以最简单的形式开始，就是送信件，那么我们用案例来看看这个过程：案例:张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。其中：通信的主体是张三和李四 通信的内容是考上传智专修学院 通信的方式是写信那么当我
2022-03-15 10:40:36
3038
原创 前后端交互知识分享——Ajax的知识一
前言如果需要实现网页和服务器的数据交接，实现更多用户体验的效果，我们就需要进行前后端交接的知识了解。接下来就让我们来了解这一切吧。服务器概念和知识上网的目的我们上网为了了解各种信息，听上各种好听的歌曲，看很多好看的视频动画电影连续剧，上网非常的重要。而上网本质目的，就是通过互联网的形式来获取和消费资源。那么这个过程是怎么实现的呢？我们可以来了解客户端和服务器的关系：上网过程中，负责存放和对外提供资源的电脑，叫做服务器 上网过程中，负责获取和消费资源的电脑，叫做客户端
2022-03-14 16:21:13
2807
原创 面向编程的知识点总结
前言假期结束，我们都得快点回到工作状态，也得进入学习状态。为此我们需要努力的进行一个知识的记录和复习。这篇知识点总结希望能帮到大家可以回忆自己学习的内容。一、函数的定义当我们需要面对新的函数内容的时候，我们需要去重新回忆一下函数的定义：在js里面，万物皆对象，数组可以是对象，字符串可以是对象，函数可以是对象。二、函数的调用(this)函数的调用我们知道，有一个方法叫做this，这里我们就来看看，this的指向有些什么特别之处，对于不同的函数调用下this指向会有什么样
2022-03-08 16:51:30
1096
原创 年度博客——关于echarts的一些问题
我们在学习echarts的时候，一般会有两个问题：网址不正确，和找不到相关的gallery。第一个网址问题，大家自己搜索一下就懂了，也不是很难，毕竟网址也是会更新换代的，所以更换网址本就是很正常的事情，只需要去查找相关的内容就可以了。这里我也附上这个相关的网址：ECHARTS的官网之前视频教学所教育的：在社区里面查找gallery，但是根本就没有gallery，那么gallery在哪里？被转移到了这里：通过他我们就可以去查找相关的资源，实现多样的可视化。但是这个内部也..
2022-01-23 10:17:18
1375
7
原创 Echats的学习反馈问题
前言学习结束了Echarts，我在这个过程中学会了如何使用Echarts来进行数据可视化的操作，我们在这个过程中需要重点注意的地方是：合理插入Echarts的文件，用正确的选取方式选取盒子。 在js里面导入设置好的option，给盒子添加配置好的option。 合理布局，查询文档更改适当的option。当然，在这个过程中我也遇到了一些小问题，这里我也列出来给大家，方便大家在学习Echarts的时候，能够更加快捷的度过这个难关。一、认真看视频里面的细节废话文学，但是确实是有时候如
2022-01-23 10:06:22
596
1
原创 小米官网重构
目录前言一、主页头部导航栏二、登录页面变量和代码简化错误信息的简化注册界面跳转链接后话前言学习完全部的jQuery内容之后，用更加便捷简单的jQuery，我实现了更加简单方便的效果。在小米官网里面大量的代码，也被缩减成为几行简单的代码就能解决的内容。这里立我写的代码给大家观察，可以看看我的方法，更加改善自己的jQuery代码。一、主页头部导航栏头部导航栏，也就是选中对应选项，就可以打开对应的内容栏观看，这个内容其实非常的简单。但是实现的时.
2022-01-09 16:10:50
998
1
原创 jQuery知识分享——上
前言完成之前的案例之后，我开始了jQuery的js库学习。jQuery的代码更加便捷方便，节省了很多开发人员书写大量代码的问题。jQuery就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。接下来就让我们一起学习学习jQuery的内容。一、jQuery的概念jQuery总体概况如下 :jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做
2022-01-07 09:13:36
373
原创 小米官网项目制作——javascript知识分享下
前言之前我分享了关于小米官网主页的javascript内容的制作，不知道大家通过上一篇博客有没有获得需要的知识。
2021-12-30 09:26:14
1908
4
原创 javascript——贪吃蛇项目制作
虽然在写这个项目很多东西都没有学习，但是根据这个视频的内容我还是跟着把贪吃蛇项目写了出来：web前端实战项目系列，JavaScript面相对象开发贪吃蛇（全套教程），并且一步步搞懂内部的东西。同时感谢我们的大佬的文章：JavaScript贪吃蛇给我带来了很多的帮助。贪吃蛇项目的制作我觉得更多是需要懂得制作的思路，接下来让我们寻找其中的重点，解析这个过程。一、效果展示首先让我们看看实际上的效果是什么样子的：贪吃蛇小游戏这里有一个参考网站给大家看。我这里上一份我执着的样子：...
2021-12-22 18:59:02
3575
3
原创 小米官网项目制作——javascript知识分享上
前言 经过一些长时间的学习，我经过自己的努力，成功的进行了小米官网的主页和登录注册的页面的制作。这个过程更多的是对自己知识的总结和练习，实践出真理，只有做了才知道需要怎么去写代码的逻辑才可以写出我们需要的效果。今天我就给大家分享一下，小米官网主页的javascript的代码上需要书写注意的地方。一、整体架构首先，我们需要去看看小米官网的内容都有什么，我们可以直接前往官网查看它的内容：小米官网我们可以看到有这么一些地方是我们值得注意的：1.下滑的二维码2.购物...
2021-12-15 17:38:37
3093
3
原创 javascript知识分享——BOM对象
前言 在学习完前面的DOM对象之后，我们知道，webAPI里面还有一个BOM对象没有学习。所以现在，就让我们来学习和了解BOM对象是什么，BOM对象有什么样的用法，我们通过BOM对象，可以去实现什么样的网页效果。一、BOM对象 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaS...
2021-12-06 20:12:08
1049
原创 javascript技巧——消灭星星
在学习javascript的时候，学习的越多，我们就可以写出来更多有趣的东西。比如我所展示的消灭星星的案例，就是在学习DOM，BOM的内容之后，所写出来的案例。那么在这里，我就来介绍一下这个消灭星星的案例是怎么做出来的。...
2021-11-29 20:11:25
1141
2
原创 javascript知识分享——事件高级
目录前言一、注册事件1.传统注册方式2.方法监听注册方式二、删除事件1.传统注册事件的删除方式2.方法监听注册方式三、DOM事件流四、事件对象1.事件对象的使用语法2.事件对象的常见属性和方法五、阻止事件冒泡六、事件委托七、鼠标事件1.触发鼠标事件2.禁止鼠标右键和选中3.鼠标事件对象八、键盘对象1.触发键盘对象2.键盘事件对象总结前言 在之前的webAPI里面我们了解到了关于DOM...
2021-11-22 10:54:12
415
原创 javascript知识分享——简单类型与复杂类型
前言 前面我们学习了关于函数和对象的内容，为了更好的理解这两个内容，关于他们存储数据的内容，形参和实参的种种，我们可以通过今天的博客来加深对他们的了解，也能通过数据结构的知识来理解这些内容，更多以理论为主。一、简单类型和复杂类型在了解简单类型和复杂类型之前，我们先来了解值类型和引用类型是什么意思：值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型，比如string ，number，boolean，undefined，null 引用类...
2021-11-16 08:46:13
789
原创 动图的制作技巧
前言有很多的同学在制作博客的时候会看到我的很多博客，使用了很多的动图来表达很多例子实现出来的效果，或者网页里面的效果的实现。很多人看了之后也表示肯定，觉得这样的效果不仅可以让博客的例子看的更懂，也会理解操作的过程。所以今天我就来分享一下我的动图制作的过程。动图不过在这里我希望和大家分享一下，什么是动图：动图就是动态图片（dynamic image）是指当一组特定的静态图像以指定的频率切换而产生某种动态效果的图片。网络上常见的表现形式是gif动画，它是通过对多图层的图片，按时间进行不.
2021-11-13 11:31:17
1003
9
原创 javascript知识分享——对象
目录前言一、对象1.什么是对象2.为什么需要对象二、创建对象的方法1.利用字面量创建对象2.利用new Object创建对象3.利用构造函数创建对象三、关于构造函数1.构造函数和对象2.new关键字四、如何遍历对象属性五、小节1.变量、属性、函数、方法总结2.关于对象知识的小结结尾前言 我们学会了函数，只需要调用函数，就可以解决很多问题。但是我们一个网页里面，需要使用的算法肯定不止是用一个函数来操作，当我们需要...
2021-11-08 08:53:50
1258
1
原创 javascript——作用域和预解析
目录前言一、作用域1.全局作用域2.局部作用域3.块级作用域二、变量的作用域1.全局变量2.局部变量3.区别三、作用域链四、预解析五、变量预解析和函数预解析1.变量预解析2.函数预解析总结前言 在之前的知识分享中，我们分享了一个重要的知识——函数。在最后我们说明了函数的声明方式一共有两种，其中一个是函数表达方式（匿名函数）。匿名函数下面明确的说明了，调用函数必需写下面。为什么会有这样的规定？这和我们的作用域和预解析...
2021-11-02 14:58:59
133
1
原创 Javascript知识分享——函数
前言 学习javascript的过程中，基础是非常重要的。基础中，函数和对象都是非常重要的对象之一。今天我们就来学一下，函数的知识，学习为什么需要函数，怎么声明，调用函数等等的知识。一、函数的概念在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然 for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用 JS 中的函数。函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用...
2021-11-02 09:44:01
815
原创 javascript的技巧——内置对象的相互使用
写这篇博客的原因是自己想要记住一个自己通过搜索解决问题的时候，没有理解，但是学到内置对象的时候才知道怎么理解的问题的理解，并不是总的知识点的归纳。关于内置对象的方法使用，可以多去MDN网站查找对应的方法：MDN网站，今天我们来说一说随机数和取整的内置对象。随机数 在内置方法中有一个math的方法是取随机数，叫做random。Math.random()函数返回一个浮点数, 伪随机数在范围从0到小于1，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以...
2021-10-30 10:56:27
174
原创 Javascript知识分享——流程控制
前言 javascript是一块非常重要的内容。对于前端人员来说，html是骨架，css是外表，javascript就是赋予他们获得行动的重要内容。所以javascript一定是非常重要且需要熟练掌握的内容，这其中比较基础而且也很重要的之一，就是流程控制。这里我们来讲一讲流程控制中的分支流程。...
2021-10-21 18:51:49
1996
10
原创 生活咨询网制作分析
前言 生活咨询网是一个主要用bootstrap来制作的自适应网页布局效果的网页。制作生活咨询网，需要熟练掌握bootstrap的大部分功能，可以帮助开发绝大部分的内容。除此之外，还有很多其他的内容需要用到前面的一些知识，需要对前面的知识内容进行多次巩固。这里附上我制作的动图给大家看看生活咨询网是什么样子的：一、从布局出发 从开始制作整个生活咨询网的过程中，首先要确定自己需要使用什么布局来制作，才能更好的实现效果。我们学过的布局有rem布局，flex布局，流式...
2021-10-13 11:40:36
174
17
原创 移动端开发——rem布局
目录前言一、rem布局二、rem的基础知识三、媒体查询1.媒体查询的使用语法（一）mediatype 媒体类型（二）关键字（三）媒体特性2.媒体查询和rem组合3.引入样式四、适配方案1.技术方案1（一）设计稿常见尺寸宽度（二）动态设置html标签font-size 大小（三）元素大小取值方法2.技术方案2总结前言 在经过之前的flex布局之后，我们发现flex虽然有很多好处，但是存在一些没办法解...
2021-09-15 17:49:56
1873
6
原创 移动端开发——flex布局
前言 响应式布局是兼容性较差的一种布局，但是随着时代的发展，手机端的兼容性问题基本不需要去担心，因此对应的一系列兼容性问题可以忽略，响应式布局中的flex布局成为了非常方便的布局手段。因此，我们应该去认真的学习和理解，flex布局的用法和他们的属性，有什么样的用法。 一、flex布局原理 flex是如何去实现它的布局的？flex是flexible box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局...
2021-09-09 20:31:39
496
6
原创 CSS3——动画
目录前言一、动画二、使用动画三、动画属性总结前言 再经过HTML5和CSS3的进阶训练之后，我学会了使用很多制作动画效果的内容。其中包括了包括了2D转换，动画，3D转换的学习。这里来仔细来讲解一下关于动画属性使用的种种好玩的地方。一、动画 动画是什么？动画(animation)是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或者一组动画，常用来实现复杂的动画效果。动画是使元素从一个样式...
2021-09-06 01:08:00
219
原创 品优购项目的制作——知识分享
前言 品优购项目是一个需要糅杂大量HTML5+CSS3知识点的网站项目，一共有首页，注册页面，登录页面，产品列表页面，产品详情页面，购物车界面，购物车结算界面总共七页。在这里我们主要讲解首页，注册页面，产品列表页面，产品详情页面着四个主要页面。在编写的时候，一定要多思考自己可以用什么样的方式去制作，有没有更多新的方法去制作，才能去拓宽自己的网页制作的思路。一、首页这里附上品优购的样式网站给大家去观察它们的布局和其他的内容：品优购电商项目 让...
2021-08-28 10:41:09
1922
6
原创 知识分享——CSS3的新增选择器
目录前言一、属性选择器二、结构伪类选择器三、伪元素选择器总结前言 我们所学习的HTML和CSS最总对齐HTML5和CSS3的版本，它们拥有着新的特性和新的属性，这些内容帮助我们完成了更多有趣的内容，更加精美的设计。这些新增加的特性通常都带有一定的兼容性问题，不过在科学技术日益增加的情况下，已经解决了大部分的兼容性问题。接下来就让我们一起来学习一下CSS3中新增的选择器都有什么，它们都能做什么。这里只介绍一些常用的选择器，剩下的可以大家自己去研究...
2021-08-20 18:21:01
530
2
原创 CSS的精灵图，图标
目录前言 一、精灵图二、CSS的三角三、字体图标1.将fonts文件夹放入根目录2.在CSS样式中全局声明字体3.打开demo文件，复制需要的方块4.代码实践5.重新上传总结前言 今天来介绍几个我们在网页中常见的图片但是却不知道怎么实现效果的网页图标设计是怎么做的。一般我们常见的有这么几种：复杂但是精美的图片，不知道从哪里来的三角图标，对话框样式，很小的到处可见的图标。 ...
2021-08-18 15:39:43
615
10
原创 摄影图片分享网站制作
摄影图片分享网站制作目录前言一、首页的制作二、风景篇和美食篇三、人物篇和联系我们篇总结前言 上一次分享了学成在线网站的制作知识分析，这一次我来分享我制作摄影图片分享网站的制作了。这一次的网页制作需要用到新的东西，让我们一起来看看每个页面如何分析制作一、首页的制作 摄影图片拥有一样的头部和底部，只需要把头部和底部设计好，就可以反复使用，其他的一些网站的制作也是一样可以这样来参考。在这里会需要使用position的定位...
2021-08-12 17:34:58
1900
7
原创 学成在线网站知识分享
学成在线网站首页布局学成在线网站是一个比较基础的网页布局，让刚刚学习前端的人通过使用工具测量大小，裁剪图片，使用盒子定位布局，利用浮动放置浮动盒子等各种知识点都会使用到。各大教学网站也会使用这个案例来教学基础的布局，接下来让我们来看看学成在线网站的网页布局吧提示：本篇只提供思路和部分代码注意情况，数据请使用PS等工具实地采样目录学成在线网站首页布局前言一、整体布局的查看二、需要注意的问题1.logo的截取2.盒子的宽高和边距3.精品模块的宽度3.浮动的问题三、总结学习目标：学习内容：学习时间：学习产
2021-08-10 09:12:37
2644
2
原创 CSS的高度塌陷问题
CSS的高度塌陷问题前言什么是高度塌陷？解决高度塌陷的四种方法额外标签法使用overflow添加:after伪类元素给父级添加双伪元素总结前言我们在编辑CSS的时候，经常会使用到很多的工具， 其中包括了使用标准流，浮动，定位来进行各种各样的网页布局。在这个过程中，浮动在进行设置时往往会出现一些问题，接下来就让我们来看看，在编写CSS语言的时候，浮动可能带来的问题。什么是高度塌陷？我们在进行网页布局的时候，父盒子的div为了放入很多内容来实现大量的篇章，所以选择不设置高度，用子盒子来撑开盒子。示.
2021-08-08 17:58:18
304
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人