![](https://img-blog.csdnimg.cn/4177f07c375b4935b3abebcfb7d08c02.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端进步亿点点
文章平均质量分 88
前端小白的进阶之路
X-77
你一定能够成为你想要去成为的人
展开
-
Vue3.0入门(下)
前面介绍了Vue3.0中的一些基本属性,但Vue3.0的优势并不是只有这些,接下来一起看看Vue3.0中的其他属性吧!原创 2022-04-29 16:47:05 · 341 阅读 · 0 评论 -
Vue3.0入门(上)
Vue3.0 入门版,主要内容:setup、Composition API、Ref和Reactive函数、Vue3.0生命周期钩子等内容……原创 2022-04-21 09:07:13 · 2069 阅读 · 0 评论 -
前端-基于a标签实现下载功能
简单!快速!只需几步就能轻松实现下载功能!!!原创 2022-04-13 11:02:01 · 6460 阅读 · 1 评论 -
vue关于页面刷新的几个方式
实现页面刷新的几种方法!原创 2022-02-26 12:05:04 · 6785 阅读 · 2 评论 -
Vue路由
什么是路由?Vue的路由 快来看看吧!原创 2022-02-18 20:44:17 · 188 阅读 · 0 评论 -
万事万物皆对象
还没有对象,来new一个叭原创 2022-01-22 15:57:32 · 688 阅读 · 5 评论 -
Vuex-实现数据共享
vuex的相关知识点~原创 2022-01-17 10:13:46 · 450 阅读 · 0 评论 -
Vue实现 TodoList
手把手教你完成TodoList,定制专属待办事项!原创 2021-12-29 11:31:37 · 6131 阅读 · 20 评论 -
Vue 组件间的通信方式
Vue-组件间的通信 props、自定义事件、全局事件总线、消息的订阅与发布、插槽原创 2022-01-05 10:00:03 · 448 阅读 · 1 评论 -
Vue组件
Vue组件原创 2021-12-27 08:54:35 · 393 阅读 · 0 评论 -
Vue生命周期
简述Vue的一生原创 2021-12-24 19:28:31 · 538 阅读 · 1 评论 -
Vue特色
Vue特色-数据代理、指令、computed、watch、数据监视等原创 2021-12-24 08:49:58 · 596 阅读 · 2 评论 -
Vue框架-前端开发必备
Vue前来报道!原创 2021-12-21 10:35:01 · 607 阅读 · 8 评论 -
HTTP知识点一览
http相关知识点一览!原创 2021-12-10 10:48:25 · 991 阅读 · 3 评论 -
和Ajax斗志斗勇的日子
Ajax,势必要拿下你!来看看我和Ajax斗智斗勇的那些辛酸史吧!原创 2021-12-09 15:35:40 · 1312 阅读 · 11 评论 -
this指向不迷路
看完this指向不迷路!原创 2021-12-08 11:26:37 · 367 阅读 · 0 评论 -
正则表达式-其实没有那么难
正则表达式的基础介绍!原创 2021-12-03 08:43:40 · 970 阅读 · 20 评论 -
ECharts-让数据不再枯燥
echarts 玩转数据!让数据不再枯燥!原创 2021-11-29 14:57:06 · 1904 阅读 · 15 评论 -
还不会修改placeholder属性?速来学习
在日常开发中我们经常需要使用表单,当我们需要用到提示信息时,首先就会考虑到placeholder属性。那么我们应该如何去修改这个属性的相关样式呢?placeholder 属性提供可描述输入字段预期值的提示信息(hint),该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 首先我们知道在CSS中使用伪类去修改placeholder的样式,如下: input::placeholder { color: pink; ...原创 2021-11-25 16:06:18 · 2494 阅读 · 8 评论 -
jQuery-高速开发你值得拥有
jQuery编程!走过路过不要错过,看一看提高开发效率! 还在用原生js编写代码吗?不妨推荐您试试jQuery。当我对jQuery有了初步的了解后,不得不发出感叹,居然还有这种好事?不过学东西嘛,总是循序渐进的。那么就来看看到底是什么黑科技让我如此惊讶。 一、jQuery对象和DOM对象 我们知道,通过原生js方法获取的对象是DOM对象,返回的也是一个dom对象集合,而使用jQuery方法获取的对象是jQuery对象,其本质是利用$对DOM 对象包装后产生的...原创 2021-11-23 09:27:27 · 296 阅读 · 11 评论 -
点击领取专属小蛇~JS贪吃蛇来咯
贪吃蛇可以说是一款非常经典的小游戏了。相信大家都有玩过这款游戏。原创 2021-11-15 08:51:11 · 3774 阅读 · 14 评论 -
第一个完整页面来啦~小米官网
不知不觉学习前端已经快4个月啦,之前没学JavaScript之前做的项目都只能看不能玩,小米官网这个页面算上写出的第一个相对完整一点的项目,虽然需要进步的地方还有很多,但是未来可期! 本篇博客主要是针对在书写这个项目时遇到的一些问题,找出对应的方法,记录一下自己在写这个项目时踩过的坑。一、首页的制作首页的主要效果有如下几个:下载APP、购物车的制作 两个导航栏的制作 轮播图的制作 当我们把布局大致完成后,就需要开始使用JavaScrip...原创 2021-11-08 16:03:50 · 11772 阅读 · 38 评论 -
JS案例之放大镜
前言 本票博客主要是放大镜案例,里面涉及到的知识点会提出来,可放心食用~后有源代码。案例:仿京东放大镜效果效果见下图:功能要求:当鼠标移动到小图片上时,遮罩层出现,同时旁边大图片也出现,鼠标移出,遮罩层消失,大图片也消失。 遮罩层只能在小盒内子移动,不能超出。 遮罩层在小盒子内移动,大图片显示对应的板块。案例分析:元素的隐层和显示 遮罩层的移动范围用offset计算 计算出大盒子内移动的距离案例代码: 首先咱们应该将结...原创 2021-11-08 14:41:51 · 1375 阅读 · 7 评论 -
BOM对象
伙计们伙计们,经过我们不断的学习,JavaScript三巨头我们已经搞定了两个了,从这篇博客起我们继续来研究最后一块硬骨头——BOM。一、BOM介绍1.什么是BOM? BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。2.BOM的构成BOM的顶级对象是wi...原创 2021-10-31 17:00:14 · 552 阅读 · 19 评论 -
Web API及DOM介绍(三)
本篇是DOM系列的最后一篇啦~本篇主要内容为节点操作、事件和DOM事件流。原创 2021-10-29 09:46:13 · 290 阅读 · 17 评论 -
Web API及DOM介绍(二) ——排他思想(多案例)
本篇博客的主要内容就是排他思想。一、排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己案例代码: <button>按钮1</button> <button>按钮2</button> <button>按钮3</but...原创 2021-10-22 14:56:43 · 416 阅读 · 15 评论 -
Web API介绍及DOM(一)
目录一、Web API介绍1.API的概念2.Web API的概念二、DOM介绍1.什么是DOM2.DOM树3.获取元素3.1根据ID获取3.2根据标签名获取元素3.3 H5新增获取元素方式3.4获取特殊元素(body,html)4.事件基础4.1事件概述及三要素4.2事件执行步骤4.3常见的鼠标事件5.操作元素5.1改变元素内容5.2常用元素的属性操作5.3表单元素的属性操作5.4样式属性操作一、Web API介绍..原创 2021-10-14 16:47:17 · 139 阅读 · 9 评论 -
JavaScript对象
在本篇博客开始前,想问各位一个问题,什么是对象?欸,此对象非彼对象,我问的可是JavaScript对象。 言归正传,本篇博客的主要内容为JavaScript对象。目录一、对象1.什么是对象?2.为什么需要对象?3. 创建对象的方式利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象4.对象的使用调用对象的属性调用对象的方法5.遍历对象二、内置对象1.什么是内置对象2.Mat...原创 2021-10-09 11:43:01 · 163 阅读 · 0 评论 -
JavaScript-函数、作用域与预解析
通过前面的学习,了解到js的一些基础属性和用法后,要通过一些实例化练习来巩固知识点。当我们需要重复做一类类似的事时,每次重新书写方法会很繁琐,于是我们可以通过把某一类中相同的地方抽取出来封装成函数。一、JavaScript函数定义:函数就是可重复调用执行的代码块。当我们使用函数时,首先要声明函数。function 函数名(形参1,形参2..){ //函数体}注意点如下:声明函数的关键字function全部小写 函数一般是做某件事情,函数名一般是动词 ...原创 2021-09-30 08:59:10 · 302 阅读 · 1 评论 -
JavaScript初体验
经过前面的学习,学习了H5C3后,终于来到了JavaScript的阶段,在接触到JavaScript之前博主一直觉得js很高级,因为前端的大部分特效都是使用js制作的。 在经过JavaScript基础语法的学习后,有一点c语言基础的博主觉得异常熟悉。下面就来看看有关js基础应该掌握的内容。原创 2021-09-15 08:56:14 · 109 阅读 · 3 评论 -
关于hover你一定不知道的用法
说起伪类大家都十分的熟悉,hover在平常的开发中也经常使用到,那究竟有什么是大家不知道的呢?原创 2021-09-08 19:36:21 · 2075 阅读 · 0 评论 -
移动端自适应布局和响应式页面兼容移动端布局
上篇博客讲到了移动端的常用布局模式之一:Flex布局,这篇博客咱们来了解一下移动端的另外两种布局——移动端自适应布局和响应式页面兼容移动端布局。一、移动端自适应布局 所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。1.rem 什么是rem rem和我们之前学过的em一样,都是css...原创 2021-08-25 10:40:09 · 2316 阅读 · 5 评论 -
Flex布局
在学习flex布局之前,我们常用的布局方式是基于盒模型上的,使用display属性+float属性+position属性帮助我们完成布局。但是某些布局就不易实现。一、什么是Flex布局? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。使用Flex 布局,可以简便、完整、响应式地实现各种页面布局。Flex布局在PC端的兼容性较差,Webkit 内核的浏览器,必须加上-webki...原创 2021-08-17 11:38:55 · 1752 阅读 · 2 评论 -
进制之间的转换
进制转换进制之间的转换-二进制、八进制、十进制、十六进制各进制的用途功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入进制之间的转换-二进制、八进制、十进制、十六进制总结一下常见的进制,以及分享一下各进制之间的转换方法。各进制的原创 2021-07-17 20:09:31 · 3141 阅读 · 1 评论