Odl_Dragon的博客

JavaScript 常用字符串技巧

Odl_Dragon — Thu, 07 Jan 2021 10:12:44 +0800

我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧，你可能还不知道哦？ 1.如何多次复制一个字符串 JS 字符串允许简单的重复，与纯手工复制字符串不同，我们可以使用字符串的repeat方法。 const laughing = '小智'.repeat(3) consol.log(laughing) // "小智小智小智" const eightBits = '1'.repeat(8) console.log(eightBits) // "

秒数转年月日时分秒

Odl_Dragon — Thu, 10 Dec 2020 18:06:53 +0800

话不多说，直接复制拿去用即可（传一个数字类型的就行） function transfer_time(value) { let secondTime = parseInt(value);// 秒 let minuteTime = 0;// 分 let hourTime = 0;// 小时 let dayTime = 0; // 天 let mouthTime = 0; // 月 let yearTime =

数据流的方式导出

Odl_Dragon — Tue, 08 Dec 2020 14:38:48 +0800

const downloadFile = (file, filename = '') => { const blob = new Blob( [file], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8', }) const downloadElement = document.createElem

利用canvas实现抽奖转盘

Odl_Dragon — Tue, 01 Dec 2020 11:40:34 +0800

之前做过的项目中，有需要抽奖转盘功能的。项目已经完工一段时间了，也没出现什么严重的bug，所以现在拎出来分享给大家。功能需求： 1.转盘要美观，转动效果流畅。 2.转盘上需要显示奖品图片，并且奖品是后台读取的照片和名字。 3.转动动画完成后要有相应提示。 4.获取的奖品具体算法在数据库里操作，前端只提供最后的效果展示。知识要点引用了一个jq插件：awardRotate，用来实现更智能化的转动（插件下载： http://www.jqcool.net/jquery-jqueryrotate.html）。

JavaScript处理数组的函数方法

Odl_Dragon — Thu, 29 Oct 2020 16:22:13 +0800

1.push往末尾添加一个元素 Array.prototype.myPush = function () { for (var i = 0; i < arguments.length; i++) { this[this.length] = arguments[i]; } return this.length; } 2.pop删除末尾的一个元素 Array.prototype.myPop = function () { var temp = this[t

关于javascript跳转与返回和刷新页面——深入理解

Odl_Dragon — Thu, 22 Oct 2020 14:14:06 +0800

javascript中window.open()与window.location.href的区别 window.open(‘index.html’) 表示新增一个窗口打开 index.html 这个页面，并不刷新 location.href(‘index.html’) 表示在当前窗口重定向到新页面，打开并刷新 index.html 这个页面 window.location 是 window 对象的属性，用来替换当前页，也就是重新定位当前页而window.open 是 window 对象的方法，是用

vue常问面试题总结

Odl_Dragon — Thu, 22 Oct 2020 11:33:21 +0800

最近入职新的公司，整体来说还是不错的。前一阵子看了很多关于vue的知识点，自己理解着整理一下，再加深一下印象。也希望可以帮助到有需要的同学。理解错误的地方，欢迎指正。 1、对于Vue是一套渐进式框架的理解答：Vue是渐进的，没有强主张，是个轻量视图。它只做了自己应该做的事，没有做多余的事。 2、vue.js的两个核心是什么？答：数据驱动和组件化。 3、vue中的模板编译原理答：模板指的就是template。如果我们传了一个template，我们会把template转换成一个render函数，然后通过r

JavaScript（JS）常问的高频面试题

Odl_Dragon — Wed, 21 Oct 2020 10:11:57 +0800

一.CSS中link和@import的区别是？ (1).link属于HTML的标签，而@import是CSS提供的。 (2).页面加载时，link会被同时加载，而@import引用的CSS会等到页面被加载完再加载。 (3).import只是IE5上才能识别，而link是HTML标签没有兼容问题二.如何实现浏览器内多个标签页之间的通信？调用localstorge，cookies等本地存储方式三.new操作符具体干了什么？ 1.创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型 2.

原生js登入模块框（还有侧面伸缩导航哦）

Odl_Dragon — Wed, 21 Oct 2020 09:58:31 +0800

话不多说，直接让我们来上代码： Document

JS中字符串和数组中的方法

Odl_Dragon — Wed, 14 Oct 2020 14:58:26 +0800

字符串的常用方法方法： charAt(index)：返回指定位置的字符(index 字符串的索引号) charCodeAt(index)：获取指定位置处字符的Unicode码 (index索引号) str[index]：获取指定位置处字符 concat(str1,str2,str3…)： concat() 方法用于连接两个或多个字符串。拼接字符串，等效于+，+更常用 substr(start,length)：从start位置开始（索引号）， length

来和大家理解理解——发布-订阅模式(观察者模式)

Odl_Dragon — Wed, 14 Oct 2020 14:28:57 +0800

发布-订阅模式也叫观察者模式，是js开发中应用广泛的一种模式。下面将列举一个通用发布订阅模式的示例，应用到闭包、this、apply/call、自执行函数等概念，起码达到熟悉的程度，才能说把发布-订阅模式真正吃透并能灵活运用到实际场景中去。常见的发布订阅模式应用场景有：登录后head/nav等模块异步获取登录成功返回的数据；页面无刷新点击事件进行数据自增。 var ObserverEvent = (function(){ var cacheList = {}, //缓存列表，存放已订阅的事

常见的GIT命令超好用

Odl_Dragon — Tue, 13 Oct 2020 15:02:38 +0800

git命令在git的服务器上有项目仓库，现在把这个服务器上的仓库下载下来(本地)，那要用什么命令？往下看 git clone 远程仓库地址 git commit 会遇到的问题可能需要我们配置config git config --global user.email "登录邮箱" git config --global user.name "提交记录的用户名" 一般需要上传代码所用到的命令 git status: 查看仓库的文件的状态 git add . : 把工作

送过女朋友网页相册超好看的3D特效，你值得拥有~

Odl_Dragon — Tue, 13 Oct 2020 14:47:45 +0800

3D旋转正方形特效代码呢我就直接发给你们，然后直接粘贴，记住图片记得自己换一下，目录结构images和index.html是同级就行了。 3D特效（纯css）