「已注销」
码龄4年
关注
提问 私信
  • 博客：145,061
    145,061
    总访问量
  • 117
    原创
  • 暂无
    排名
  • 38
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：陕西省
  • 加入CSDN时间： 2021-04-30
博客简介：

m0_57835615的博客

查看详细资料
个人成就
  • 获得80次点赞
  • 内容获得73次评论
  • 获得335次收藏
  • 代码片获得867次分享
创作历程
  • 117篇
    2021年
成就勋章
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

JavaScript 实现标题滚动效果

JavaScript 实现标题滚动效果实现步骤完整代码实现步骤定义需要滚动的标题字符串 let title = 'Nothing is impossible for a willing mind'定义实现标题滚动的函数 function titleChange () { const keywords = title.split('') // 将标题转为字符串数组 const firstChar = keywords.shift() // 取出标题中第一
原创
发布博客 2021.10.04 ·
669 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JavaScript 实现Bind方法

实现Bind 方法关键步骤完整代码示例关键步骤获取调用bind方法的函数 const f = this获取bind方法的this参数和其他参数 const args = [...arguments] const thisValue = args.shift()返回函数 return function () { return f.apply(thisValue, args) }完整代码 Functio
原创
发布博客 2021.10.03 ·
232 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

圣杯布局与双飞翼布局

圣杯布局与双飞翼布局圣杯布局效果图实现方法双飞翼布局效果图实现方法圣杯布局效果图实现方法DOM结构 <div class="header">Header</div> <div class="content"> <div class="main column">Main</div> <div class="left column">Left</div> <div class=
原创
发布博客 2021.10.03 ·
236 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

设计模式：策略模式

策略模式特点示例：购物车结算特点一个问题匹配多个解决方案可以添加解决方案可以删除解决方案示例：购物车结算const calcPrice = (function () { // 优惠类型 const sale = { '100_10': price => price -= 10, '200_30': price => price -= 30, '500_60': price => price -= 60
原创
发布博客 2021.10.02 ·
121 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

设计模式：发布订阅模式

发布订阅模式调度中心相关方法订阅取消订阅触发示例调度中心class Center { constructor () { this.message = {} } //订阅 on (type, fn) { if (this.message[type] === undefined) { this.message[type] = [] } this.message[type].p
原创
发布博客 2021.10.02 ·
117 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

设计模式：观察者模式

观察者模式观察者被观察者示例观察者观察者可以对被观察者的变化作出响应class Observer { constructor (name, action = () => {}) { this.name = name this.action = action } }被观察者observers 数组用来保存所有观察者当state 变化时，观察者将作出响应class Subject { constructor (state) {
原创
发布博客 2021.10.02 ·
80 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

单例模式：自定义弹框

自定义弹框功能完整代码效果图功能自定义弹框标题自定义弹框内容自定义弹框确认和关闭时的回调函数完整代码const Dialog = (function () { class Dialog { constructor () { this.ele = document.createElement('div') this.ele.className = 'dialog' document.body.appendChild(this.ele) this.
原创
发布博客 2021.10.02 ·
200 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JavaScript 对象扁平化

JavaScript对象扁平化我们平时肯定遇到过多层嵌套的对象，name如何将它扁平化呢？一起来看看吧！函数封装如下：function flatten (obj) { const ans = {} inner(obj, null) function inner (o, prev) { for (let key in o) { if (o[key] instanceof Object) { if (prev
原创
发布博客 2021.09.26 ·
2343 阅读 ·
5 点赞 ·
0 评论 ·
12 收藏

数组去重的 6 种方法

数组去重常见方法利用Set const arr = [1, 2, 1, '3', '3', true, true, {}, {}] Array.from(new Set(arr)) //[1, 2, '3', true, {}, {}]利用splice( )方法 const arr = [1, 2, 1, '3', '3', true, true, {}, {}] const removeDuplicates = arr => { let n
原创
发布博客 2021.09.12 ·
92 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

数组扁平化的常见方法

数组扁平化常见方法数组扁平化是指将一个多维数组转化为一个一维数组，常见方法如下：flat( )方法 const arr = [1, [2, [3, [4, [5, [6]]]]]] arr.flat(Infinity) //[1, 2, 3, 4, 5, 6]利用正则表达式 const arr = [1, [2, [3, [4, [5, [6]]]]]] JSON.parse('[' + JSON.stringify(arr).replace(/\[|\]/g
原创
发布博客 2021.09.12 ·
162 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Nodejs 实现服务端与客户端简单通信

通过Nodejs，我们可以快速地搭建一个简单的Web服务器，实现服务端与客户端的简单通信。服务端实现过程引入http、fs、url三个模块使用createServer方法创建一个服务服务监听3000端口号当客户端向服务端发起请求时，服务端先进行路径解析，然后使用readFile方法读取客户端请求的文件，最后将数据返回至客户端。服务端代码：const http = require('http')const fs = require('fs')const url = requ
原创
发布博客 2021.08.03 ·
1382 阅读 ·
0 点赞 ·
0 评论 ·
7 收藏

MySql数据库基本操作

查看数据库语法格式：show databases;示例：创建数据库直接创建数据库语法格式：create database 数据库名;示例：创建一个名为singer的数据库此时，查看数据库，可以看到singer库已经创建好了。通过判断创建数据库语法格式：create database if not exists 数据库名;示例：先判断singer库是否存在，不存在的情况下创建singer库。由于之前并不存在singer库，所以singer库被成功创建.
原创
发布博客 2021.08.01 ·
103 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Nodejs 检测指定目录下所有文件

在Nodejs中，文件系统提供了许多的文件操作方法，借助stat方法和readdir方法，我们可以检测某个指定目录及其下的所有文件或目录。检测test目录：完整代码： const fs = require('fs') let startRoute = './' let startName = 'test' let check = (route, name) => { let src = route + name
原创
发布博客 2021.07.26 ·
904 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Nodejs 模块作用域

在Nodejs中，存在着模块作用域的概念，即默认情况下，一个模块所拥有的变量和函数不能在其他模块中使用。示例：模块1代码：console.log(a);console.log(add(10, 20));模块2代码：let a = 1;function add(num1, num2) { return num1 + num2;}运行模块1，结果如下：可见，默认情况下，模块彼此间不能使用对方的变量或方法。我们可以使用require方法来解决这一问题，require方法默认
原创
发布博客 2021.07.21 ·
726 阅读 ·
0 点赞 ·
1 评论 ·
2 收藏

Vue 解决插值表达式闪烁问题

在Vue中使用插值表达式时，遇到网速慢的情况，就会出现闪烁的问题，我们可以使用v-cloak指令来解决这个问题。默认情况下： <div id="app">{{ msg }}</div> let app = new Vue({ el: "#app", data: { msg: "Hello World!" } })如果遇到网速
原创
发布博客 2021.07.17 ·
1334 阅读 ·
0 点赞 ·
2 评论 ·
4 收藏

Vue 实现简易记事本

预览图：功能如下：（1）输入任务并按下回车键，可将任务添加至任务列表（不可输入重复任务）（2）点击删除，可删除对应任务（3）点击清空，所有任务都会被删除（4）左下角同步显示任务总数完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" ..
原创
发布博客 2021.07.13 ·
237 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

JavaScript this关键字

在JavaScript中，this的指向会随着环境的改变而改变。（1）全局环境：全局环境下，this指向window对象。 console.log(this);（2）全局函数（非严格模式下）：全局函数（非严格模式下）中，this指向window对象。全局函数是全局对象window的方法。 function fun() { console.log(this); } fun(); //等价.
原创
发布博客 2021.07.11 ·
113 阅读 ·
1 点赞 ·
2 评论 ·
2 收藏

JavaScript for in 遍历

在JavaScript中，我们可以使用for in 来遍历数组或对象。（1）遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> var arr = [5, 4, 3, 2, .
原创
发布博客 2021.06.17 ·
563 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

JavaScript 常见鼠标事件

在JavaScript 中，常见的鼠标事件有：（1）鼠标按下事件（2）鼠标抬起事件（3）鼠标单击事件（4）鼠标双击事件、
原创
发布博客 2021.06.16 ·
1790 阅读 ·
2 点赞 ·
5 评论 ·
18 收藏

JavaScript void 关键字

void 是JavaScript 中的一个重要的关键字，其作用是计算一个表达式，但不返回值。语法格式：void(表达式)
原创
发布博客 2021.06.15 ·
518 阅读 ·
0 点赞 ·
3 评论 ·
0 收藏
加载更多