Odl Dragon-CSDN博客

原创 JavaScript 常用字符串技巧

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

2021-01-07 10:12:44 293 1

原创秒数转年月日时分秒

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

2020-12-10 18:06:53 2464 3

原创数据流的方式导出

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

2020-12-08 14:38:48 354

原创利用canvas实现抽奖转盘

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

2020-12-01 11:40:34 626

原创 JavaScript处理数组的函数方法

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

2020-10-29 16:22:13 269 1

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

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

2020-10-22 14:14:06 301

原创 vue常问面试题总结

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

2020-10-22 11:33:21 218

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

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

2020-10-21 10:11:57 323 1

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

话不多说，直接让我们来上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet

2020-10-21 09:58:31 189

原创好玩贪吃蛇（前端代码），别客气直接拿去~

话不多说我直接上代码里面有很多注释供你看<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt

2020-10-16 10:38:12 1305

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

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

2020-10-14 14:58:26 183

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

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

2020-10-14 14:28:57 717 1

原创常见的GIT命令超好用

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

2020-10-13 15:02:38 177

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

3D旋转正方形特效代码呢我就直接发给你们，然后直接粘贴，记住图片记得自己换一下，目录结构images和index.html是同级就行了。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>3D特效（纯css）</title> <style type="text/css"> html {

2020-10-13 14:47:45 660 2

Odl_Dragon的博客