- 博客(142)
- 收藏
- 关注
原创 前端Node.js 第三方模块nrm切换工具使用
一般情况下,我们使用npm在下载第三方包的时候,下载的速度是很慢的,因为使用npm需要从国外的服务器来下载。使用nrm模块,我们可以切换我们的下载地址。具体使用方法如下:nrm (npm下载地址切换工具)使用步骤:1 使用npm install nrm -g 安装2 查询可以用的下载地址列表 nrm ls3 切换npm下载地址 nrm use 下载地址名称具体如下:输入npm install nrm -g安装如果不成功如下解决步骤:配置淘宝镜像:npm config set regi
2020-09-05 19:28:11 136
原创 es6面向对象方法
创建类语法:class name{}使用: new name(); var 名字=new name(); 注意:类必须使用new实例化对象构造函数:constructor()方法里面的this指向的是是构造函数,用于传递参数,返回对象实例,通过new命令生成对象实例时。自动调用该方法。如果没有显示定义,类的内部会自动创建constructor()例子:(1) 通过class 关键字创建类, 类名我们还是习惯性定义首字母大写(2) 类里面有个constructor 函数,可
2020-08-24 22:23:50 210
原创 前端小白学习指南
如何成为一名Web前端开发人员?入行学习完整指南经过如此多的试验和测试,而不是说你从头开始创建了所有内容,接着,你在网页上创建了第一个登录表单时,你感觉如何?经过了多次更改后,将布局分配给第一个Web应用程序时感觉如何?当成功处理了数千个用户的操作时,你感觉如何?大多数Web开发人员都经历了上述所有阶段,最初可能会对其中某些感到沮丧,但是当他们看到自己的网站正在运行并且人们在世界各地使用它时,总体感觉确实令人兴奋和惊奇。Web开发人员负责许多任务,从收集需求到设计网站,处理网站的后端部分,并使其成
2020-08-23 20:27:44 515
原创 前端仿淘宝固定侧边栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .slider-bar { .
2020-08-23 11:06:23 387
原创 一键了解jQuery
一、概念jQuery网址: https://jquery.com/jQuery的顶级对象1、是jQuery的别称,在代码中可以使用jQuery代替是jQuery的别称,在代码中可以使用jQuery代替是jQuery的别称,在代码中可以使用jQuery代替,为了方便,通常都写成$2、是jQuery的顶级对象,相当于原生javascript中window。把元素利用是jQuery的顶级对象,相当于原生javascript中window。把元素利用是jQuery的顶级对象,相当于原生javascript中
2020-08-22 19:30:33 176
原创 前端开发必备网站插件使用方便开发
1.MDN开发者文档网址:https://developer.mozilla.org/zh-CN/2、ico图标制作:http://www.bitbug.net/3、Boostrap框架:https://www.bootcss.com/4、前端设计稿一键生成网页:https://imgcook.taobao.org/5.CSS教程:https://www.schoolw3c.com/html-css/css/6.node中文网:http://cnodejs.org/getstart7.JavaS
2020-08-20 13:53:53 571
原创 js实现冒泡排序法
java script实现冒泡排序法代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1....
2020-04-25 22:58:51 326
原创 对uniapp弹窗封装
1.新建文件wyb-popup在里面创建wyb-popup.vue和iconfont.css。3.iconfont.css代码。
2023-11-20 21:16:05 258
原创 防抖过程案例
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2022-04-11 22:10:41 92
原创 节流实现案例
节流案例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <
2022-04-11 22:09:50 356
原创 节流视频记录播放位置
使用节流进行记录视频刷新后还显示原来的位置<script>使用代码的前提下向进行引入lodash库因为节流_.throttle引入的这个库中的函数 const video = document.querySelector('video') video.ontimeupdate = _.throttle(() => { // 视频播放时间戳 // console.log(video.currentTime)
2022-04-11 20:12:21 282
原创 封装js动画函数
封装js动画函数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2022-03-06 12:28:35 137
原创 鼠标滚轮事件,解决兼容浏览器
鼠标滚轮事件,解决兼容浏览器<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
2022-02-27 14:13:03 241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人