
Web前端
文章平均质量分 60
前端模块
我准备起飞
web前端开发,期待一起交流学习
展开
-
手写Array原型方法
手写Array.prototype.reduce|Array.prototype.map|Array.prototype.flag方法原创 2022-01-04 23:28:38 · 444 阅读 · 0 评论 -
Typescript实现Promise,[then|catch|finally|resolve|reject|race|all|any]
ES6 Promise详细源码实现,包含then/catch/finally/resovle/reject/all/race/any原创 2021-12-25 23:40:07 · 2817 阅读 · 0 评论 -
LocalStorage本地存储记录历史记录,歌曲播放时间,进度条
LocalStorage本地存储localStorage和sessionStorageparsestringify记录搜索历史记录记录歌曲播放时间,进度条localStorage和sessionStorage前者生命周期是永远,sessionStorage的生命周期是当前窗口或当前标签页,两者都能够存储字符串类型的对象,不同浏览器不能共享localStorage中的信息parseJSON字符串转为对象stringify对象转JSON字符串转记录搜索历史记录async beforeMount原创 2021-03-29 14:18:39 · 629 阅读 · 0 评论 -
Vue3-APP首页Swiper组件实现轮播图
Vue3-APP首页Swiper组件实现轮播图引入Swiper,封装自己的Swiper组件在首页引用上一步封装的Swiper组件引入Swiper,封装自己的Swiper组件npm i swiper引入初始代码<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <原创 2021-03-24 10:44:01 · 1250 阅读 · 0 评论 -
Linux(CentOS7)腾讯云服务器命令行安装nodejs npm
进入腾讯云实例拷贝实例中的IP公网地址百度云链接:https://pan.baidu.com/s/1DNBn3N_AWWnHIAyhowyIUQ提取码:i5pv 下载putty.exe文件,下载后执行输入IP地址,点击open输入腾讯云的用户名以及密码login as: rootroot@188.131.193.21's password:Last login: Fri Dec 25 15:06:18 2020 from 112.97.63.158这样就已经与腾讯服务器正确建立连接了。原创 2020-12-25 15:55:46 · 863 阅读 · 3 评论 -
开发UI框架并部署到NPM服务器
新建空白文件夹存放创建vue插件的文件打开终端至文件夹路径执行npm init初始化package.jsonThis utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sensible defaults.See `npm help init` for definitive documentation on the.原创 2020-12-14 14:27:56 · 239 阅读 · 1 评论 -
Vue3-KeepAlive,多个页面使用keepalive
Vue3-KeepAlive`Vue3`的生命周期未添加keepAlive的生命周期添加keepAlive的生命周期在`VueApp`中配合`vue-router`使用`keepalive`Vue3的生命周期未添加keepAlive的生命周期beforeCreate=>created=>beforeMount=>mounted=>beforeUpdate=>updated=>beforeUnmount=>unmounted添加keepAlive的生命周期a原创 2021-03-24 15:01:33 · 3337 阅读 · 1 评论 -
Vue3-歌词根据时间自动滚动
Vue3-歌词根据时间自动滚动创建结构,给合适的样式JS处理字符串,DOM,使得歌词滚动起来引用歌词,并实现滚动创建结构,给合适的样式<div class="lyric" v-show="isLyric" @click="isLyric = !isLyric" ref="playLrc"> <div class="scroll-lrc"> <p :class="{ active: getStateFn(item.time, i原创 2021-03-24 11:52:35 · 4349 阅读 · 3 评论 -
JavaScript:关于值传递和引用传递
(1)基本数据类型传值,对形参的修改不会影响实参; 相当于形参拷贝了一份实参,形参的改变不会影响到实参的值(2)引用类型传引用,形参和实参指向同一个内存地址(同一个对象),所以对参数的修改会影响到实际的对象; 等于把实参的引用(地址)传递给了形参,形参的改变会导致实参的变化(3)String, Integer, Double等几个基本类型包装类当做参数进行传递...原创 2018-10-19 21:36:53 · 238 阅读 · 0 评论 -
React 插槽 路由 重定向 Redux React-redux
本文用于总结React常用知识。1 React插槽原理:组件中写入的HTML,可以传入到props中使用{this.props.children}将子组件遍历展示import React from 'react';import ReactDOM from 'react-dom';export default class App extends React.Component { render() { return( <div>原创 2020-11-05 08:17:16 · 294 阅读 · 0 评论 -
React--井字棋小游戏
安装较新版本的node.js,这里使用的是v15.0.1,用以记录React学习笔记。1 搭建本地开发环境在想要创建项目的文件夹下输入cmd回车输入命令npx create-react-app my-app等待项目初始化原创 2020-10-26 15:23:50 · 385 阅读 · 1 评论 -
申请测试号 微信认证 初始化测试号菜单 微信返回多条消息 Java上传图片至微信服务器
1申请微信测试号官方文档:https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Requesting_an_API_Test_Account.html源码地址:https://github.com/bykenx/yc-project1.1 测试号管理使用微信扫码登录,自动生成APPID和APPsecret,设置URL和token测试号管理页面:用uTools工具进行内网穿透该工具会自动最小化到任务栏,同时按下A原创 2020-10-13 15:11:59 · 766 阅读 · 1 评论 -
Javascript 绑定事件,删除事件,事件冒泡,事件捕获,取消冒泡,阻止默认事件
本文是博主学习JavaScript的学习记录。1 绑定事件1.1 句柄绑定事件onclick 等onxxx = function(event) {}兼容性最好,但同一个dom对象只能绑定一个处理函数,基本等同于写在HTML行间上由于function在预编译提升,所以只会执行下面的处理函数var div = document.getElementsByTagName("div")[0];div.onclick = function(e) { console.log("OK");}d原创 2020-09-11 22:28:01 · 346 阅读 · 0 评论 -
窗口属性尺寸,编辑CSS
1 窗口尺寸2 编辑CSS样式只能编辑行间样式的CSS原创 2020-09-10 23:58:29 · 310 阅读 · 0 评论 -
JavaScript基础知识 值类型 运算符
JS引入<scripttype="text/javascript">document.write("helloworld!!!");</script>用var声明变量 = 赋值 ==等于单一var模式Var a b c d e ;A = .. B = .. C = ..命名规则变量名必须以英文字母 “_” "$"开头可以由英文字母 “_” "$" 数字组成不能用系统关键字保留字命名 关键...原创 2020-08-14 00:11:27 · 130 阅读 · 0 评论 -
DOM 定时器 Date对象
1 DOM1.1 DOM基本操作documentdocument.getElementById 根据ID获取dom元素document.getElementsByClassName 根据ClassName获取元素集document.getElementsByTagName 根据标签名称获取元素集// 这两种获取的不是实时的,不常用document.querySelector("div span");document.querySelectorAll("div span");docume原创 2020-09-10 16:24:23 · 276 阅读 · 0 评论