自从jsd官方的ICP被吊销以后,国内的大部分网站速度越来越慢,本文提供一个简单的可行性办法 使用前您最好先了解gulp使用 gulp 压缩博客静态资源 | Akilar の糖果屋 您可以参考闰土的欲善其事,必利其器 - 论如何善用ServiceWorker || 陈YFの博客( ̄▽ ̄)” (cyfan.top) 也可用我的一键替换 安装gulp及gulp-replace hexo根目录运行 npm install gulp-cli -g npm install gulp -D npm install --
使用 JS 剪贴板 API 现在的状况 一般情况下我们会在网页上使用大量的3复制粘贴的操作。 但是也可以看到在 360文库中的禁止复制粘贴或者知乎的那样复制粘贴的时候会自动带有一段文字的版权声明。 C
在登录成功的一瞬间,需要后台设置一个Cookie,记录一下登陆的用户id(这里用邮箱表示,代码在上面),然后发响应给浏览器 例如在服务器端设置响应头:set-cookies:user_email=1@mtt.com
参考资料:https://www.bilibili.com/read/cv4744418/?spm_id_from=333.788.b_636f6d6d656e74.13 自己学习完善,整理出来 内置
JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发
前段时间我自己开发了一款Strview.js,它是一个可以将字符串转换为视图的JS库。什么意思呢?就像下面这段代码:
国外某网站给出了44道JS难题,试着做了下,只做对了17道。这些题涉及面非常广,涵盖JS原型、函数细节、强制转换、闭包等知识,而且都是非常细节的东西,透过这些小细节可以折射出很多高级的JS知识点。
背景知识 【卡爷文章】CSS文件动态加载(续)—— 残酷的真相 浏览器 CSS/JS 加载能力测试表 css、js的相互阻塞 了解这些基础知识之后,我们再来谈谈怎么做 检测css是否加载出错 目前比较
目前比较靠谱的方案就是检测某一个特定的样式来判断。页面有多个css文件时我们怎么去对应特定样式呢?方法其实很多。
请注意,本文编写于 2097 天前,最后修改于 172 天前,其中某些信息可能已经过时。
查找文档:学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDN/W3C来查询。 Mozilla 开发者网络(MDN)提供了有关开放网络技术(Open Web)的信息,包括 HTML、CSS 和万维网及 HTML5 应用的 API。 MDN:https://developer.mozilla.org/zh-CN/
正则表达式-JavaScript 什么是正则表达式 正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。 这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。 正则表达式存在于大部分的编程语言,就算是在写shell时也会不经意的用到正则。 比如大家最喜欢的rm -rf ./*,这里边的*就是正则的通配符,匹配任意字符。 在JavaScr
正则表达式存在于大部分的编程语言,就算是在写shell时也会不经意的用到正则。 比如大家最喜欢的rm -rf ./*,这里边的*就是正则的通配符,匹配任意字符。
如果你需要获取网站的 URL 信息,那么 window.location 对象就是为你准备的。使用它提供的属性来获取当前页面地址的信息,或使用其方法进行某些页面的重定向或刷新。
在WinForm/WPF中使用CefSharp混合开发时,通常需要自定义滚动条样式,以保证应用的整体风格统一。本文将给出一个简单的示例介绍如何自定义CefSharp中滚动条的样式。
今天主要介绍一下 ECMAScript 2021(ES12)的一部分的 JS 功能。
有两个功能, 一个是可以获取指定DOM的HTML元素, 另一个就是替换指定DOM的HTML元素
数组方法 定义 var emptyArray = [] concat = emptyArray.concat filter = emptyArray.filter slice
上一篇文章对比了下cookie,localstorage,sessionstroage三者的区别,其中讲到了cookie需要我们专门封装一下,而剩下两个有专门的get、set方法。今天主要。看看cookie在实际项目中的封装。
cookie的本质是存储在浏览器端的一段简单数据(多个键值对),浏览器会从服务器接受或者发送给服务器cookie。这样便可以为没有状态的HTTP协议提供了记录状态信息的方法,知道多个不同的HTTP请求是否来自同一个浏览器。
1.采用字面量的写法新建的正则表达式对象在代码编译时就会生成,是平常开发中常用的方式;
js修改元素class可以说的上是老生常谈的问题了,也经常被认为是基础中的基础,甚至不是前端都可以写出这个功能。
我们都知道 replace 在做替换处理方面会很常用,通常也是第一个会想到的方法。replace 第一个参数可以传入 string 或 RegExp,第二个参数可以传入 string 或 一个回调函数。在能够传入回调函数之后,事情就开始变得不简单了(如果有用过map,filter等函数,你就知道传入回调函数的强大)。在做替换处理时,我们能够获取到更多的有效信息,处理的手段也可以更加多样化,而不是单纯的替换。接下来我们,来看看回调函数里接受的参数到底是什么?
XSS(跨站脚本攻击,Cross-site scripting,它的简称并不是 CSS,因为这可能会与 CSS 层叠样式表重名)是一种常见的 web 安全问题。XSS 攻击手段主要是 “HTML 注入”,用户的数据被当成了 HTML 代码一部分来执行。
Cookie 相信大家都不陌生,但是很多时候我们都是这样:“啊,我这个地方要用 Cookie 了,怎么办?没事,装一个 npm 包嘛”,或者去 MDN 去抄一两个函数。没什么机会手写一个 js-cookie 的库,今天就带大家一起来写一个 js-cookie 的小库。
冲浪,看到一个 API HTMLDialogElement.showModal() - Web APIs | MDN
处理请求 url 参数 需求分析 还记得我们上节课遗留了一个问题,再来看这个例子: 1axios({ 2 method: 'get', 3 url: '/base/get', 4 params:
2019 年底,微信小程序已经推出了近三个年头,我身边的前端开发者基本都做过至少一次小程序了。很多友商曾打算推动小程序进入 W3C 标准,而微信并不为所动,个人认为,小程序本身在框架设计上称不上「标准」,微信也并没打算做一个「标准的平台」。
在 iOS Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如:
上一节我们说了那些JS的基本概念相关的..今天我们接着来扯扯作用域对象这些基础知识;
我们很高兴地宣布,Node.js 15 已于今天发布。Node.js 15 将替代 Node.js 14 成为我们的“当前”发行版,后者将在本月晚些时候升级为 LTS(长期支持)。你可以期望大约每两周看到一个 Node.js 15 的新版本,随时跟上最新的功能和更改。作为奇数发行版,Node.js 15 将不会升级为 LTS。在生产部署中使用 Node.js 15 时请记住这一点——我们通常建议在生产部署中使用 LTS 版本。
我们最常用的是语法中的第二种 var timeoutID = scope.setTimeout(function[, delay]); 举个例子
随着 Vue2.0 的发布,前端入门的要求也越来越低,已至于 Vue 已经成为一个前端的标配,最近也面了很多前端开发工程师,发现大部分都停留在用的阶段上,建议大家看看源码,学学 Vue 的思想。
为了保证学习难度,依次提升,我对 MDN 的内容进行了一个重新整理,并且使用了比较清晰的例子讲解
随着前端应用的业务功能越来越复杂、用户对于使用体验的要求越来越高,单页应用(SPA)成为前端应用的主流形式。大型单页应用最显著特点之一就是采用前端路由系统,通过改变URL,在不重新请求页面的情况下,更新页面视图。
在这里强烈建议每个人通读一下 MDN 的HTTP 访问控制 ,这篇图文并茂的文章可以解决跨域百分之八十的疑惑。
链式编程: 将多个操作(多行代码)通过点号(.)链接在一起成为一句代码,使代码可读性好a(1).b(2).c(3)。
运行完我的代码了,又切回element板块,想删掉它(谁叫你那么大坨的,被我盯上了)。点一下选中这个div,然后按一下删除
我们可以看到,ie9的document.getElementById是有Function.prototype上的方法的,所以说,IE9+的宿主对象它们继承了Object,方法继承了Function。
前两天,Node.js官方发布了Node.js 15的正式版本,Node.js 15 将替代 Node.js 14 成为当前的的稳定发行版,后者将在本月晚些时候升级为 LTS(长期支持)版本。如果大家想体验下Node.js 15 的最新功能,可以从官方进行下载。
日常记录一些 js/css 相对实用的小笔记,本笔记保持长期更新,如有错误或更好的方案留言反馈
最近在看算法的问题比较多,希望能以一道小题,来记录算法分析的过程。题目是: Pig Latin
本文主要讲解了CSS3和JavaScript的一些基础知识,包括字体、CSS3动画、响应式、图片优化、SVG、动画、触发器等。还介绍了一些常用的工具和资源,如GitHub、MDN、CSS Tricks、CSS Media Queries等。同时,也探讨了如何避免重排和重绘,以及提高性能的方法和技巧。
字体方面主要包括:字体渲染方式,浏览器默认字体及重置,@font-face自定义字体,字体性能等
最近在做一个项目,要求获取到一个 HTML 元素指纹。比如,我点击一个元素,就能返回一个该元素的 CSS selectors 或者 xpath。找了一下,业内还蛮多这种 npm 库,点击这里查看详情 [1]。
前置知识: JS中的正则表达式是用来匹配字符串中指定字符组合的模式。 另外需要记住:正则表达式也是对象。
大家好我是秋风,今天带来的主题是关于文件下载,在我之前曾经发过一篇文件上传的文章(一文了解文件上传全过程(1.8w字深度解析,进阶必备),反响还不错,时隔多日,由于最近有研究一些媒体相关的工作,因此打算对下载做一个整理,因此他的兄弟篇诞生了,带你领略文件下载的奥秘。本文会花费你较长的时间阅读,建议先收藏/点赞,然后查看你感兴趣的部分,平时也可以充当当做字典的效果来查询。
正则表达式(Regular Expression) 是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个规则字符串,这个规则字符串用来表达对字符串的一种过滤逻辑。
日常工作中,频繁的使用base64取代小图标,以便减少HTTP请求进而达到性能优化的目的。基于此来聊聊编码的发展、为什么需要base64以及如何实现base64。此文章首发于聊聊编码那些事,顺带实现base64转载请注明来源。
领取专属 10元无门槛券
手把手带您无忧上云