前端
坐看云起时_雨宣
这个作者很懒,什么都没留下…
展开
-
前端小工具源码分享 - 【雨宣】 - 工具箱 - 简繁转换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>【雨宣】工具箱 - 简繁转换</title> <!-- 新 Bootstrap4 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bo.原创 2020-11-29 13:58:03 · 465 阅读 · 0 评论 -
JavaScript常用排序收集整理 - 面试必备
JS常用排序收集var a = [10,3,11,15,4];// insertionSort(a).forEach((v)=>{console.log(v)})// bubbleSort(a).forEach((v)=>{console.log(v)})// selectionSort(a).forEach((v)=>{console.log(v)})merge...原创 2020-03-09 22:16:21 · 170 阅读 · 0 评论 -
yarn 安装 node-sass失败的解决方案
Yarn 对你的代码来说是一个包管理器, 你可以通过它使用全世界开发者的代码, 或者分享自己的代码。Yarn 做这些快捷、安全、可靠,所以你不用担心什么。通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。 使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, Yarn会更新保持同步。代码通过 包(package) (或者称为 模块(module...原创 2020-02-18 17:01:23 · 7460 阅读 · 2 评论 -
实现在数组的中的指定位置插入元素,使其他的元素向后移动,(JS实现)
相信很多人都接触过拖曳排序,很屌的样子,他里边就用到了一个数组实施插入元素后移的算法,算法不难,挺简单的,给大家顺便贴出来。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body&...原创 2020-02-09 12:22:55 · 5967 阅读 · 0 评论 -
script跨域获取百度搜索的候选词(WEB前端)
不说废话了,先贴效果图下面上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" placeholder...原创 2019-11-20 18:59:57 · 251 阅读 · 1 评论 -
H5 Audio 实现自定义播放、暂停、进度条、百分比功能
有人问我说在H5里边用Audio怎么实现一个自定义的进度条,想把进度条做的好看点,今天分享一下代码。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #progressBar{width...原创 2019-06-22 17:53:36 · 7468 阅读 · 1 评论 -
Chrome控制台隐藏的必备技能
Chrome作为目前市场份额最大的浏览器,也是我最钟爱的浏览器,当然有其过人之处。作为一个开发人员,对于浏览器的控制使用肯定是必不可少的,今天我们一起来看看Chrome浏览器的开发者控制台中几个常用的小技巧吧。神器之一:$_、$、$$、$0、$1、$2、$3、$4、$ 这个其实就是一个document.querySelector $$ 这个可以理解为 document.query...原创 2019-06-10 17:35:06 · 1986 阅读 · 0 评论 -
如何写出网页高性能的DOM来提升网页的加载速度
为什么要写高性能DOM?一个网站,在页面上承载最多内容的就是DOM,而且无论是我们通过加载JS、加载图片,他们也是通过写HTML标签来实现的。而我们性能优化要做的无非就是几大块:站点的网络消耗 DOM的初始化过程(浏览器) DOM的结构以及动态操作(人为) JS执行过程(浏览器) JS逻辑组织(人为)站点的网络消耗我们基本上没法控制的,而且网络环境非常复杂,我们作为一个下行的终端...原创 2019-05-07 19:07:06 · 7962 阅读 · 0 评论 -
JS中的this是什么,this的四种用法
在Javascript中,this这个关键字可以说是用的非常多,说他简单呢也很简单,说他难呢也很难,有的人开发两三年了,自己好像也说不清this到底是什么。下面我们来看看:1、在一般函数方法中使用 this 指代全局对象function hello(){ this.x = 1; console.log(this.x)}hello();//此时控制台打印12....原创 2019-05-08 20:15:43 · 11117 阅读 · 1 评论 -
JavaScript Date 日期操作
在前端工程师的道路上,可能有时候需要与时间来打交道,下面我们来看一下日常对日期的操作,今天我们介绍的是Day.js插件Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js。dayjs() .startOf('month') .add(...原创 2019-04-30 09:25:21 · 8141 阅读 · 0 评论