- 博客(140)
- 收藏
- 关注
RSS订阅
原创 前端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
1原创 防抖过程案例
<!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
355
原创 节流视频记录播放位置
使用节流进行记录视频刷新后还显示原来的位置<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
原创 对于拖拽框问题的解决，与浏览器的兼容
对于拖拽框问题的解决，与浏览器的兼容<!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-02-27 12:13:21
155
原创 jwt对用户登陆权限加解密
通过登陆// 通过token获取用户信息router.get('/info', async (ctx) => { ctx.body = { res: verify(getToken(ctx)), code: 1, data: '获取成功', }})加密请求时候 data: { user, token: jwt.sign(user, 密钥) },var jwt = require('jsonwebtoken')// 引入密钥const co
2021-10-01 20:35:53
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人