前端
文章平均质量分 78
丁大少
抱怨没有用,缺啥补啥呗。该来的都会来的……
展开
-
学习笔记之——【vue项目搭建+配置】
vue项目搭建以及vue项目初始配置原创 2022-05-13 10:55:40 · 668 阅读 · 0 评论 -
傲娇大少之——【浏览器切换标签事件:visibilitychange】
浏览器切换标签事件最近在开发播放器,发现了个问题,谷歌浏览器在播放直播的时候,切换浏览器的标签页,直播自动停止了,这肯定不行啊,于是……visibilitychange官方解释:当其选项卡的内容变得可见或被隐藏时,会在文档上触发 visibilitychange (能见度更改)事件。原创 2021-04-30 15:42:32 · 461 阅读 · 0 评论 -
vue学习笔记---【Vue的两种路由模式】
一个人到底可以懒到什么程度?我感觉可能是无极限吧!VUE路由vue的路由干啥用的?已知咱们的Vue框架搭建的项目是SPA(单页面应用),项目里只有一个html页面。为啥只有一个html呢?为了减少页面的刷新,每次切换浏览器都刷新页面对用户很不友好。更新视图但不请求刷新页面,是我们前端路由的核心理念。所以vue的路由的作用就是:通过改变 URL,在不重新请求刷新页面的情况下,更新页面视图。路由的实现方式知道了路由是干啥的,那么怎么实现这种功能呢,vue提供了两种实现路由的模式:hash模式.原创 2020-09-25 17:30:18 · 815 阅读 · 0 评论 -
学习笔记——【JS浏览器获取本地IP的方法】
学习使我快乐,沉迷学习,日渐消瘦!JS获取用户本地IP通常情况下,出于安全性考虑,浏览器是不允许随意获取用户本地IP的。但是架不住你的上司跟你说,来咱们做个统计功能,包括统计用户IP。为了五斗米,还是要折腰的,于是苦逼的我们……获取本地IP的方法目前通过浏览器获取IP的方法主要有以下三种:1、IE浏览器的ActiveX插件运行的情况下,可以利用ActiveObject获取。2、利用第三方平台的接口返回,比如新浪、天平洋的接口。、3、利用WebRTC技术获取。当然了,这三种方法都有着非常.原创 2020-09-22 14:46:33 · 12527 阅读 · 6 评论 -
傲娇学习笔记之——【self 对象】
self对象最近在学习new worker创建新线程的相关知识。然后发现子线程里面各种对self的使用。基础知识相当不扎实的我有点懵逼,self 和 window 之间区分的原理到底是什么?于是呢,我做了个实验:<!DOCTYPE html><html> <head> <script> window.onload = function() { console.log(wi原创 2020-09-01 15:59:13 · 332 阅读 · 0 评论 -
傲娇学习笔记之——【.md文件】
md文件经常在项目中看到这种文件:README.md那么这种.md后缀的文件是什么文件呢?md全称Markdown。So!那Markdown又是啥?看定义:Markdown 语言是 2004年 由John Gruber(约翰·格鲁伯)创建。 Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 编写的文档可以导出 HTML、Word、图像、PDF、Epub 等多种格式的文档。用Markdown 编写的文档后缀为 .md, .markdown。我原创 2020-09-01 10:58:21 · 5903 阅读 · 0 评论 -
傲娇大少之——【MVVM】
我好想得了暴食症,治不好的那种……咱也聊一下MVVMMVVM(Model-View-ViewModel),一种前端架构模式,由MVC衍生出来的,所以咱还是先了解一下MVC。MVCMVC(Model-View-Controller)是最常见的架构模式之一。使用非常广泛,最为著名的应该就是使用MVC模式的JavaEE了。首先,MVC不是框架,不是架构,不是设计模式,而是一种架构模式。就是你设计这个架构依赖的基本思想,指导我们如何组织代码,如何解决显示与数据分离的问题等。简单说一下MVC:M:M.原创 2020-08-17 17:58:37 · 152 阅读 · 0 评论 -
傲娇大少之——【解决跨域的方案...】
那么跨域有哪些解决方法呢?来总结下哈:* JSONP* document.domain* location.hash + iframe* postMessage* CORS* nginx代理* WebSocket协议原创 2020-08-17 10:16:17 · 169 阅读 · 0 评论 -
傲娇大少之——【面试总问的ES6】
var、let 和 const 定义变量的区别?箭头函数和function定义函数的区别?什么时候不能用箭头函数?ES6的模板字符串有哪些新特性?并实现一个类模板字符串的功能?介绍下Set、WeakSet、Map、WeakMap的区别?calss继承和原生JS继承的区别?Promise构造函数时同步执行还是异步执行,那么then方法呢?setTimeout、Promise、Async/Await的区别?promise有几种状态,什么时候会进入catch?使用class手写一个Promise原创 2020-08-08 15:43:18 · 337 阅读 · 0 评论 -
傲娇大少之——【咱也聊一下 async 和 await】
async、await的使用方法和原理,以及注意事项。async/await,就是Generator函数的语法糖。setTimeout,promise 和 async/await 的区别是什么。赠送你一道变态测试题!原创 2020-08-03 17:55:19 · 237 阅读 · 0 评论 -
傲娇大少之——【GET请求和POST请求】
关于http协议的get和post请求get和post本质上都只是http协议的一种请求方式。GET请求和POST请求的区别:GET请求参数通过url传递,而POST请求的参数放在request body中,因此GET请求的安全性相对POST较差,尽量不要用来传递敏感信息。GET请求会被浏览器主动缓存,而POST不会被缓存,除非手动设置。GET请求在URL中传送的参数是有长度限制.原创 2020-07-28 11:10:33 · 289 阅读 · 0 评论 -
傲娇大少之---【理解session、cookie、token】
详细了解cookie,token和session的实现原理,以及session,cookie,和token之间的区别。了解CSRF攻击和XSS攻击,为什么token可以预防csrf攻击。原创 2020-07-25 12:50:03 · 278 阅读 · 0 评论 -
傲娇大少之——【JS实现文件的上传全功能】
JS实现文件上传功能本文帮助你解决一下问题: 各种千奇百怪的上传样式; 限制上传文件的类型; 限制上传文件大小; 获取上传图片的实际宽高(像素);实现上传图片演示; 支持多文件上传;上传至服务器以及多方式获取文件上传进度。原创 2020-07-14 17:57:54 · 4045 阅读 · 0 评论 -
傲娇大少之---【JS的模块化发展历程】
liao一下JS的模块化本文主要记录了一下,JS模块化的含义,出现的必然性,以及JS模块化的发展历程,主要从IIFE,CommonJS,AMD,UMD,CMD以及ES6的模块化几个方面讲述。原创 2020-06-05 17:15:34 · 213 阅读 · 0 评论 -
傲娇大少之---【JS继承的几种方式,ES5,ES6继承的区别】
实现JS继承的几种方式:1. 原型链继承2. 借用构造函数继承3. 组合继承4. 原型式继承5. 寄生式继承6. 寄生组合式继承7. ES6通过class的extends实现继承原创 2020-04-15 11:32:03 · 211 阅读 · 0 评论 -
傲娇大少之---【JS的原型,prototype、__proto__、constructor】
不求甚解 - - liao一下prototype如果你爱我,就干了这碗热热的毒鸡汤!在父母的期望面前我们不敢说不行,我们总是用行动告诉他们我们是真的不行。欧耶!关于prototype,怎么说呢,以前的前端开发是经常用的,但是最近忽然发现,好像很久都没用过这个属性了。因为现在封装好的主流框架和插件很多,用着方便,底层的东西都不怎么用了,也用不太到了。最近自己在开发一款插件,突然发现这个东...原创 2020-04-10 17:15:58 · 233 阅读 · 0 评论 -
傲娇大少之---【JS数组去重】
JS实现数组去重每日一杯毒鸡汤:哪有什么选择恐惧症,还不是因为穷;哪有什么优柔寡断,还不是因为怂。从最笨的方法开始吧:1. 遍历数组,双重循环去重反正我脑子里面第一个想法就是这个,然后就是感觉自己很不高级,毕竟是一个早期程序员,很多后续的封装方法,都不会第一时间反应出来,苦恼 ingfunction removalDuplicate () { let array = [1,3,4...原创 2020-04-07 13:58:08 · 160 阅读 · 0 评论 -
oninput防抖
来一波input防抖,以及处理输入法的问题惯例敬你一杯毒鸡汤:虽然现在累得像条狗,但不久后你就会有所收获。收获到一个真理:狗都没我累!吼吼~一步步来吧,先说一下input防抖,首先要了解这些东西:1、oninput事件话说input元素有一个原生的事件叫oninput,这个事件会在用户在input中输入时触发。目前基本支持主流的所有浏览器,IE浏览器需要9.0版本以上都支持,不过IE...原创 2020-04-02 15:56:05 · 2032 阅读 · 1 评论 -
JS实现文件下载的几种方法
JS 实现下载功能的几种方法敬你一杯毒鸡汤解解渴:人生三大真理:暴力真的可以解决一切,帅真的可以当饭吃,有钱真的可以为所欲为。本文主要讲述的是已知一个文件在服务器的地址(即后端提供的下载接口),在页面上怎么实现点击按钮下载的问题。分析一下我所知道几种办法吧:HTML的a标签<a href="url" download="">点击下载</a>这是最直观...原创 2020-04-01 17:29:19 · 4667 阅读 · 0 评论 -
傲娇大少之--Promise
来撸一波【promise】异步的承诺先来一碗毒鸡汤润润喉:不要以为世界抛弃了你,世界根本没空搭理你!吼吼~promise /ˈprɒmɪs/ 【许诺,承诺】顾名思义吗,承诺!就是什么呢,现在不给你干活,但是承诺给你了,就一定会完成。ta不是渣男!!高端说法就是异步了。大家都知道,JavaScript是单线程的。所以浏览器事件,跟服务器交互的事件等,都需要是异步执行。其实Ja...原创 2019-12-10 19:02:26 · 118 阅读 · 0 评论 -
window的location对象
来简单撸一波【window.location】用JS获取页面url信息敬你一杯毒鸡汤润润喉:遇到困难时,不要气馁,不要灰心,要坚持!你不去尝试一下,怎么会知道什么叫绝望呢,吼吼~废话少说,搞起!// 设置或获取当前页面的链接路径(全部的url字符串,像是:http://woshimeiren.com.cn?realy=true 这种的)window.location.href; ...原创 2019-11-26 16:20:27 · 279 阅读 · 0 评论