![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
博主的前端所积累的知识
爱泡澡的小萝卜
这个作者很懒,什么都没留下…
展开
-
Vue引入fastclick
引入fastclick解决移动的点击300毫秒延迟问题注意是移动端npm install fastclick --save // 终端下载fastclick在main.js中引入 import FastClick from 'fastclick' FastClick.attach(document.body);原创 2021-07-26 11:24:07 · 235 阅读 · 1 评论 -
2021-05-02
利用css仿写京东小三角的样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>仿淘宝三角样式</title> <style> div { width: 100px; height: 80px; background-color: red; border: 20px solid black; b原创 2021-05-02 21:57:57 · 89 阅读 · 0 评论 -
箭头函数的应用场景
案例一 、点击盒子变色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 200px; height: 200px; background-color: pink; } </style> </head> <bo原创 2021-03-23 20:26:53 · 408 阅读 · 0 评论 -
ES6的let的小demo
let和var的区别<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .item { float: left; width: 100px; height: 100px; margin: 0 10px ; border: 1px solid purple;原创 2021-03-22 19:42:12 · 68 阅读 · 0 评论 -
利用vue做出简易的跑马灯效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <button @click="active">滚动</button> <button @click="pause">停止</butt原创 2021-03-21 16:26:57 · 230 阅读 · 0 评论 -
NPM包管理工具
认识npmnpm(Node Package Manager,即node包管理器):是Node.js默认的,JavaScript编写的软件包管理系统。npm官网拥有超过一百万个软件包,是世界上最大的软件注册表安装npmnpm是Node.js默认的编写的软件包管理系统安装好node后,会默认安装好npm查看node,npm版本 node/npm -vnpm的升级指令 npm install npm -gnpm的一些常用指令用npm安装模块 npm install <Modu原创 2021-03-17 11:01:12 · 83 阅读 · 0 评论 -
Flex 弹性布局
sad原创 2020-11-12 10:38:22 · 129 阅读 · 0 评论 -
利用js写出的放大镜效果
利用JavaScript写出放大镜效果在一些购物网站上购买一些物品时可以对物品进行放大观看物品,提高用户体验,那么接下来就谈一下如何利用js写出放大镜的效果首先理清思路,当鼠标移动到晓得图片中,就会出现放大镜效果,随着鼠标的移动,放大镜中的图片也随之移动,所以有三种鼠标事件 onmouseover(鼠标滑过)、 onmouseout(鼠标离开)和onmousemove(鼠标移动)当鼠标滑过时,放大镜效果出现,当鼠标离开时,放大镜效果消失html<div class="preview_wrap原创 2020-10-16 19:53:24 · 325 阅读 · 0 评论 -
npm一些指令
npm一些指令理清 nodejs 与 npm 的关系:使用 npm 前需要先安装 nodejs,npm 是随着nodejs 一起安装的一个前端资源包管理工具,npm 不需单独安装。npm 的作用:允许用户从 npm 服务器下载别人编写的第三方包到本地使用。允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。前端常用指令:打开cmd输入项目目录运行npm config set registry(安装淘宝镜原创 2020-10-04 16:03:34 · 222 阅读 · 0 评论 -
利用JS写出的留言板
留言板我们平时在一些社交的网站啊,发帖评论啊,都能看到有留言的功能,那么博主今天就来给大家简单编写一下留言板的小程序。首先留言板它分为几部分:他要有楼层,点击发布留言后,他会自动弹出楼层楼层内部要有用户姓名,发布的内容,发布的时间用户还可以选择头像来进行发布接下来我把想讲的内容,放在代码中话不多说,直接上码在这里插入代码片...原创 2020-03-18 20:36:49 · 1403 阅读 · 0 评论 -
JS简单的几种静态轮播方式
今天博主想就我学习到的微薄知识,和大家讨论一下js中的图片轮播。首先了解一下博主知道的几种轮播的方式(比较通俗的解释):第一种随着图片的改变,下面的原点也跟着变第二种鼠标点击小圆点,图片跟着改变第三种点击小图片,大图片跟着改变那么接下来介绍第一种:CSS样式:<style> *{padding: 0;margin: 0;border: none;l...原创 2020-02-18 22:27:53 · 338 阅读 · 4 评论 -
js函数参数的简单应用
一、函数参数首先要知道函数的参数分为形参与实参:形参:在声明一个函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值,仅仅起到一个占位置的作用,我们通常称之为形式参数,也叫形参。实参:如果函数在声明时,设置了形参,那么在函数调用的时候就需要传入对应的参数,我们把传入的参数叫做实际参数,也叫实参。这里是一道较为简...原创 2020-02-16 17:52:30 · 414 阅读 · 0 评论 -
如何实现js的全选
##全选框<script> function f(){ var c=document.getElementsByName("c"); var btn=document.getElementById("btn"); for(var i=0;i< c.length;i++){ ...原创 2020-02-15 20:55:43 · 414 阅读 · 0 评论