- 博客(52)
- 收藏
- 关注
RSS订阅原创 Vue3.0入门（上）
Vue3.0 入门版，主要内容：setup、Composition API、Ref和Reactive函数、Vue3.0生命周期钩子等内容……
2022-04-21 09:07:13
2051
原创 还不会修改placeholder属性？速来学习
在日常开发中我们经常需要使用表单，当我们需要用到提示信息时，首先就会考虑到placeholder属性。那么我们应该如何去修改这个属性的相关样式呢？placeholder 属性提供可描述输入字段预期值的提示信息（hint），该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 首先我们知道在CSS中使用伪类去修改placeholder的样式，如下： input::placeholder { color: pink; ...
2021-11-25 16:06:18
2439
8
原创 jQuery-高速开发你值得拥有
jQuery编程！走过路过不要错过，看一看提高开发效率！ 还在用原生js编写代码吗？不妨推荐您试试jQuery。当我对jQuery有了初步的了解后，不得不发出感叹，居然还有这种好事？不过学东西嘛，总是循序渐进的。那么就来看看到底是什么黑科技让我如此惊讶。 一、jQuery对象和DOM对象 我们知道，通过原生js方法获取的对象是DOM对象，返回的也是一个dom对象集合，而使用jQuery方法获取的对象是jQuery对象，其本质是利用$对DOM 对象包装后产生的...
2021-11-23 09:27:27
294
11
原创 贪吃蛇完整代码
HTML代码如下： <div class="container"> <div class="map"></div> <div class="btn begin"><button></button></div> <div class="btn pause"><button></button></div> </d
2021-11-15 08:47:45
2611
1
原创 第一个完整页面来啦~小米官网
不知不觉学习前端已经快4个月啦，之前没学JavaScript之前做的项目都只能看不能玩，小米官网这个页面算上写出的第一个相对完整一点的项目，虽然需要进步的地方还有很多，但是未来可期！ 本篇博客主要是针对在书写这个项目时遇到的一些问题，找出对应的方法，记录一下自己在写这个项目时踩过的坑。一、首页的制作首页的主要效果有如下几个：下载APP、购物车的制作 两个导航栏的制作 轮播图的制作 当我们把布局大致完成后，就需要开始使用JavaScrip...
2021-11-08 16:03:50
11496
38
原创 JS案例之放大镜
前言 本票博客主要是放大镜案例，里面涉及到的知识点会提出来，可放心食用~后有源代码。案例：仿京东放大镜效果效果见下图：功能要求：当鼠标移动到小图片上时，遮罩层出现，同时旁边大图片也出现，鼠标移出，遮罩层消失，大图片也消失。 遮罩层只能在小盒内子移动，不能超出。 遮罩层在小盒子内移动，大图片显示对应的板块。案例分析：元素的隐层和显示 遮罩层的移动范围用offset计算 计算出大盒子内移动的距离案例代码： 首先咱们应该将结...
2021-11-08 14:41:51
1352
7
原创 BOM对象
伙计们伙计们，经过我们不断的学习，JavaScript三巨头我们已经搞定了两个了，从这篇博客起我们继续来研究最后一块硬骨头——BOM。一、BOM介绍1.什么是BOM？ BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。2.BOM的构成BOM的顶级对象是wi...
2021-10-31 17:00:14
540
19
原创 Web API及DOM介绍(二) ——排他思想（多案例）
本篇博客的主要内容就是排他思想。一、排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己案例代码： <button>按钮1</button> <button>按钮2</button> <button>按钮3</but...
2021-10-22 14:56:43
402
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
136
9
原创 JavaScript对象
在本篇博客开始前，想问各位一个问题，什么是对象？欸，此对象非彼对象，我问的可是JavaScript对象。 言归正传，本篇博客的主要内容为JavaScript对象。目录一、对象1.什么是对象？2.为什么需要对象？3. 创建对象的方式利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象4.对象的使用调用对象的属性调用对象的方法5.遍历对象二、内置对象1.什么是内置对象2.Mat...
2021-10-09 11:43:01
156
原创 JavaScript-函数、作用域与预解析
通过前面的学习，了解到js的一些基础属性和用法后，要通过一些实例化练习来巩固知识点。当我们需要重复做一类类似的事时，每次重新书写方法会很繁琐，于是我们可以通过把某一类中相同的地方抽取出来封装成函数。一、JavaScript函数定义：函数就是可重复调用执行的代码块。当我们使用函数时，首先要声明函数。function 函数名（形参1，形参2..）{ //函数体}注意点如下：声明函数的关键字function全部小写 函数一般是做某件事情，函数名一般是动词 ...
2021-09-30 08:59:10
277
1
原创 JavaScript初体验
经过前面的学习，学习了H5C3后，终于来到了JavaScript的阶段，在接触到JavaScript之前博主一直觉得js很高级，因为前端的大部分特效都是使用js制作的。 在经过JavaScript基础语法的学习后，有一点c语言基础的博主觉得异常熟悉。下面就来看看有关js基础应该掌握的内容。
2021-09-15 08:56:14
104
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人