JavaScript
关注
分享
扫一扫
文章平均质量分 89
暮 色
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序后台持续定位功能使用
微信小程序团队在7月30日更新了 基础库 2.8.0其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是1.wx.onLocationChange//监听位置实时变化2.wx.stopLocationUpdate//关闭监听实时位置变化，前后台都停止消息接收3.wx.startLocationUpdate//开启小程序进入前台时接收位置消息4.wx.startLocat...原创 2019-08-23 15:02:15 · 13406 阅读 · 2 评论 -
css3实现蒙版弹幕功能
最近在b站上看到一种弹幕效果叫做智能防挡弹幕，也就是传说中的蒙版弹幕， 打开之后效果大概是这样的再也不用担心男神女神的绝世容颜被花里胡哨的弹幕挡住啦，是不是感觉很神奇。实现原理其实就是类似于ps的蒙版，也就是说将图像的一部分 “隐藏”。这里我们需要用到的是css3的mask遮罩属性。CSS maskCSS mask遮罩属性的历史非常久远了，远到比CSS3 border-radius等属性...原创 2019-06-30 15:28:56 · 1742 阅读 · 1 评论 -
jquery-toastr 消息提醒、播放音频、点击跳转
应用情景，有新的订单生成，后台进行消息提醒并播放音频（这里用到轮询简单实现）：下面附代码1.找到laravel-admin 中的 index.blade.php 文件进行编辑{{-- 音频通知 --}}<audio style="display:none; height: 0" id="bg-music" preload="auto" src="http://fjdx.sc.china...原创 2019-07-10 16:30:51 · 1419 阅读 · 0 评论 -
当你在浏览器中输入google.com并按下回车后发生了什么0
按下"g"键接下来的内容介绍了物理键盘和系统中断的工作原理，但是有一部分内容却没有涉及。当你按下“g”键，浏览器接收到这个消息之后，会触发自动完成机制。浏览器根据自己的算法，以及你是否处于隐私浏览模式，会在浏览器的地址框下方给出输入建议。大部分算法会优先考虑根据你的搜索历史和书签等内容给出建议。你打算输入 “google.com”，因此给出的建议并不匹配。但是输入过程中仍然有大量的代码在后台运行...转载 2019-06-29 19:06:53 · 840 阅读 · 0 评论 -
jq+swiper 实现今日头条App的选项卡效果
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>今日头条APP顶部点击可居中导航</title> <meta name="view...原创 2019-07-04 19:53:06 · 643 阅读 · 0 评论 -
Web前端——JavaScript练习
显示和隐藏，改变display属性关键代码：e.style.display = "block";e.style.display = "none";源码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>显示和隐藏<...原创 2019-06-29 16:00:43 · 450 阅读 · 0 评论 -
深入理解javascript选择器API系列第三篇——HTML5新增的3种selector方法
前面的话尽管DOM作为API已经非常完善了，但是为了实现更多的功能，DOM仍然进行了扩展，其中一个重要的扩展就是对选择器API的扩展。人们对jQuery的称赞，很多是由于jQuery方便的元素选择器。除了前面已经介绍过的getElementsByClassName()方法外，DOM拓展了querySelectorAll()、querySelector()和matchesSelector()这3种...原创 2019-06-29 15:44:24 · 373 阅读 · 0 评论 -
JS方法速查
首先这个文章是一个不断维护的项目，因为里面的内容并不是最优解，如果各位朋友有更好的解决方法，欢迎在下方评论，我也会第一时间感谢和更新文章内容的，拜谢!!!GitHub地址：项目地址查看更多速查：notes网址更新记录（只显示最近5条）数组部分增加了注释，和一些示例，整体上优化了很多，感谢大家的反馈（2019.6.25）增加DOM,BOM分类（2019.6.24）致谢：大湿胸。| Ad...原创 2019-06-28 19:29:56 · 1215 阅读 · 0 评论 -
js中获取当前url路径
可以使用 window.location 获取当前页面url。以下是一些简单应用。<script> $(function(){ // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html?id=1&name=test var url = window.location.hre...原创 2019-07-13 14:40:09 · 5908 阅读 · 0 评论 -
JavaScript初学者必看“箭头函数”
译者按: 箭头函数看上去只是语法的变动，其实也影响了this的作用域。原文: JavaScript: Arrow Functions for Beginners译者: Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。本文我们介绍箭头(arrow)函数的优点。更简洁的语法我们先来按常规语法定义函数：function funcName...原创 2019-07-12 20:16:06 · 347 阅读 · 0 评论 -
前端插件库
原文链接：https://whjin.github.io/frontend-dev-doc/posts/插件库/前端插件库.html转载 2019-07-03 19:41:43 · 719 阅读 · 0 评论 -
5 分钟即可掌握的 JavaScript 装饰者模式与 AOP
什么是装饰者模式当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是通过滤镜装饰了照片。在不改变对象（照片）的情况下动态的为其添加功能（滤镜）。需要注意的是：由于 JavaScript 语言动态的特性，我们很容易就能改变某个对象（JavaScript 中函数是一等公民）。但是我们要尽量避免直接改写某个...原创 2019-06-24 21:59:42 · 200 阅读 · 0 评论 -
「面试高频」彻底弄懂函数柯里化
关注「面试高频」彻底弄懂函数柯里化前言随着主流JavaScript中函数式编程的迅速发展， 函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么，它们如何工作以及如何充分利用它们非常重要。什么是柯里化（ curry）在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。举例来说，一个接收3个参数的普通函数，在进行柯里化后， 柯里化版本的函...原创 2019-07-08 20:47:55 · 797 阅读 · 0 评论 -
JS基础理论相关知识
1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.什么是语义化的HTML?直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！html语义化就是让页面的内容结构化，便于对浏...原创 2019-07-06 15:54:02 · 333 阅读 · 0 评论 -
盘点Vue源码中用到的工具函数
以下摘取的函数，在 shared 目录下公用的工具方法。文件在 util.js 中，githu地址。提取了一些常用通用的函数进行剖析，主要包含以下内容：创建一个被冻结的空对象判断是否是 undefined 或 null判断是否不是 undefined 和 null判断是否是原始类型判断是否是对象类型判断有效的数组下标判断是否是一个 Promise 对象...原创 2019-07-06 22:28:38 · 709 阅读 · 0 评论 -
圣杯布局与双飞翼布局
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。主要运用了浮动，定位，负边距。注释：图片来源圣杯布局原文In Search of the Holy Grail，双飞翼布局图片来源来源于淘宝UED。圣杯布局DOM结构圣杯布局的DOM结构主要由main包裹的center，left，right构成，其中cen...原创 2019-08-15 16:46:42 · 541 阅读 · 0 评论 -
一文读懂tomcat组件--一个web服务器的架构演化史
tomcat是谁？tomcat可以做什么？tomcat是一个web容器，可以将web应用部署到tomcat，由它提供web服务，一个web容器中可以部署多个web应用，这些web应用可以是同一个域名，也可以是多个域名的服务。tomcat有哪些组件4.怎么快速理解这些组件呢？我们可以假设我们来设计一个web容器，我们该什么设计？第一代：接收请求，处理请求，返回结果集中到整...原创 2019-08-10 21:08:25 · 509 阅读 · 0 评论 -
JavaScript中文技术文档
bytecode读写ClassPoolClass loader自有和定制Bytecode操控接口GenericsVarargsJ2ME装箱和拆箱调试bytecode读写Javassist是用来处理java字节码的类库， java字节码一般存放在后缀名称为class的二进制文件中。每个二进制文件都包含一个java类或者是java接...翻译 2019-08-05 15:22:32 · 1806 阅读 · 0 评论 -
Javascript正则
正则的定义字符出现的规律的一种规则！正则的作用验证和查找创建正则1、var reg=/输入正则规则/； 注意：/ /内部是正则的天下，不支持js语法！2、var reg=ner RegExp()； //了解即可，不需要强记！正则的语法1、关键词的原文就是最简单的正则2、字符集：一个字符可能出现的备选字符的集合eg:：政[治法协]匹配：政治 政法 政协常见字符集：如果备...原创 2019-08-05 15:07:23 · 268 阅读 · 0 评论 -
JS函数
函数：简单来说就是将程序中一段代码封装，再起一个名字。步骤：1.封装function 函数名（参数列表）{函数体；return结果；}解释：参数：接收传入函数的数据，函数执行是必要的数据。参数其实就是一个普通变量，使用时与变量完全一致。当函数执行时，必需某些数据，那么就需要定义参数，告诉调用者函数必需的数据。作用：告诉调用者函数执行时必需的数据，使函数更加灵活。函数体：函数结构中...原创 2019-07-26 21:39:43 · 390 阅读 · 0 评论 -
一步一步搭建前端监控系统：如何记录用户行为？
**背景：**市面上的监控系统有很多，大多收费，对于小型前端项目来说，必然是痛点。另一点主要原因是，功能虽然通用，却未必能够满足我们自己的需求, 所以我们自给自足也许是个不错的办法。这是搭建前端监控系统的第二章，主要是介绍如何统计js报错，跟着我一步步做，你也能搭建出一个属于自己的前端监控系统。目前已经在运行的线上Demo：前端监控系统代码和讲解都放在这篇文章里：监控系统介绍及代码如果实...原创 2019-08-03 15:55:55 · 3921 阅读 · 0 评论 -
vue实现多组关键词对应高亮显示
先上效果图：我们有多组关键词，这里实现了关键词的背景色与匹配值的字体颜色值相同先拟定一组数据 colors: [ "#FFB5C5", "#EEC900", "#D1EEEE", "#40E0D0", "#FFFF00", "#FF7F00", "#FF6A6A", ...原创 2019-07-25 15:27:01 · 2388 阅读 · 0 评论 -
html5的新标签
html5的新标签 定义页面独立的内容区域。 定义页面的侧边栏内容。 允许您设置一段文本，使其脱离其父元素的文本方向设置。 定义命令按钮，比如单选按钮、复选框或按钮 用于描述文档或文档某个部分的细节 定义对话框，比如提示框 标签包含 details 元素的标题 规定独立的流内容（图像、图表、照片、代码等等）。 定义 元素的标题 定义 section 或 document 的页...原创 2019-07-20 16:04:34 · 333 阅读 · 0 评论 -
el-input 标签中密码的显示和隐藏
效果展示：密码隐藏：密码显示：代码展示：一：标签代码 <el-form-item label="密码" prop="password"> <el-input :type="passw" v-model="adduser.password" style="width: 300px;" > <%-- input中加图标必须要...原创 2019-07-19 21:40:27 · 7375 阅读 · 0 评论 -
技术栈中的爱马仕？Facebook发布全新JavaScript引擎：Hermes
前言目前，用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一，因此，移动客户端应用App的性能问题备受关注。最近，一个崭新的JavaScript引擎面世：Hermes，它是Facebook在Chain React 2019 大会上发布 & 用于在React Native应用提高性能的，今天，我将进行全面介绍。目录示意图1. 简介Facebook在Chain...原创 2019-07-17 14:35:27 · 339 阅读 · 0 评论 -
Vue事件总线（EventBus）使用详细介绍
前言vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue中的 事件总线 ，即 EventBus来通信。Event...原创 2019-07-16 18:53:51 · 4413 阅读 · 0 评论 -
使用JavaScript将图片保存至本地
在最近的开发当中，我们需要为img标签以及canvas动态绘制的图像提供下载功能，下面是经过探索后我们得出的结果。一、Canvas 版本// 下载Canvas元素的图片function downloadCanvasIamge(selector, name) { // 通过选择器获取canvas元素 var canvas = document.querySelector(sel...原创 2019-07-18 14:51:15 · 355 阅读 · 0 评论 -
12个HTML和CSS必须知道的重点难点问题
这12个问题，基本上就是HTML和CSS基础中的重点难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: ...原创 2019-07-08 15:25:35 · 344 阅读 · 0 评论 -
js基本搜索算法实现与170万条数据下的性能测试
js基本搜索算法实现与170万条数据下的性能测试前言今天让我们来继续聊一聊js算法，通过接下来的讲解，我们可以了解到搜索算法的基本实现以及各种实现方法的性能，进而发现for循环，forEach，While的性能差异，我们还会了解到如何通过web worker做算法分片，极大的提高算法的性能。同时我还会简单介绍一下经典的二分算法，哈希表查找算法，但这些不是本章的重点，之后我会推出相应的文章详细...原创 2019-06-27 16:46:28 · 1517 阅读 · 0 评论 -
Vue 页面权限控制和登陆验证
页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。Vue 动态添加路由及生成菜单这是我写过的一篇文章，通过动态添加路由和菜单来做控制，不能访问的页面不添加到路由表里，这是其中一种办法。另一种办法就是所有的页面都在路由表里，只是在访问的时候要判断一下角色权限。如果有权...原创 2019-06-20 15:56:25 · 1718 阅读 · 0 评论 -
Vue中的情侣属性$dispatch和$broadcast详解
$dispatch 和 $broadcast 作为一对情侣原创 2019-06-10 14:14:53 · 3878 阅读 · 1 评论 -
箭头函数中的this究竟是什么鬼？
摘要： 箭头函数极大地简化了this的取值规则。普通函数与箭头函数普通函数指的是用function定义的函数：var hello = function () { console.log("Hello, Fundebug!");}箭头函数指的是用=>定义的函数：var hello = () => { console.log("Hello, Fundebug!...原创 2019-06-19 20:44:28 · 1001 阅读 · 0 评论 -
[译]送你43道JavaScript面试题
导读这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了，项目中记录了一些JavaScript题目。我大概从头到尾看了一遍，都是一些基础的题目，我大概花了半个小时（有些题很简单，可以一扫而过）把这些题做完了，虽然题目很简单，但是每道题都对应一个知识点，如果这个知识点你没有接触过，那肯定会做错，如果你接触过这些知识点，那...原创 2019-06-19 20:34:02 · 1800 阅读 · 0 评论 -
JavaScript错误处理
一．错误分类1． 语法错误也称为解析错误，发生在传统编程语言的编译时，在JavaScript中发生在解释时，这些错误是由代码中的意外字符直接引起的，然后就不能直接编译/解释，eg，在一行代码因缺少右括号，产生了语法错误。发生语法错误时，就不能继续执行代码。在JavaScript中，只有在同一个线程中的代码会受语法错误的影响。在其他线程中的代码和其他外部引用的文件中的代码，如果不依赖于包含错误的...原创 2019-06-14 15:58:57 · 1289 阅读 · 0 评论 -
jQuery实现表格的增、删、改操作示例
本文实例讲述了jQuery实现表格的增、删、改操作。分享给大家供大家参考，具体如下：这里实现的是在jQuery中通过按钮的形式，对表格进行的一些基本操作，可以实现表格的增删改操作，并实现对鼠标事件监听，实现表格的高亮行操作。<head> <meta charset="UTF-8"> <title>www.jb51.net jQuery表格操作<...原创 2019-06-13 21:18:43 · 836 阅读 · 0 评论 -
图文详解vue框架安装步骤
vue安装首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。第三步，安装vue-cli脚手架构建工具，在windows命...原创 2019-06-13 21:07:10 · 2262 阅读 · 0 评论 -
Vue渲染过程浅析
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板，不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤•把模板编译为render函数•实例进行挂载, 根据根节点render函数的调用，递归的生成虚拟dom•对比虚拟dom，渲染到真实dom•组件内部data发生变化，组件和子组件引用data作为props重新调用render函数，生成虚拟...原创 2019-06-06 22:46:53 · 1118 阅读 · 0 评论 -
JavaScript中将值转换为字符串的5种方法
如果您关注Airbnb的样式指南，首选方法是使用“String（）”它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图请记住，最好的代码不一定是最聪明的方式，它是最能将代码理解传达给他人的代码const value = 12345;// Concat Empty Stringvalue + '';// Template Strings`${value}`;/...原创 2019-06-06 15:22:00 · 5663 阅读 · 0 评论 -
JS根据json数组多个字段排序及json数组常用操作
js 根据json数组多个字段排序的实现代码如下所示：/**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序...原创 2019-06-06 15:00:25 · 2352 阅读 · 0 评论 -
记录一次完整的react hooks实践
写在前面React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样：用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。需求实现使用React Class Component的写法如果使用以前的class写法，简单写一下，代码可能大概长成下面这样：...原创 2019-06-12 20:33:49 · 1926 阅读 · 0 评论