文章库ARTICLE COLUMN

  • PWA之 workbox 学习

    PWA之 workbox 学习

    摘要:另一部分属于进程,它重新在后台起了一个进程,它和应用的主进程互不影响,可以同时执行。其中一般作为应用程序浏览器和网络如果可用之间的代理服务。他们还将允许访问推送通知和后台同步。然后开始在进程中通过事件,来监听请求,并对请求和响应进行缓...

    zhangyucha0zhangyucha0 评论0 收藏0
  • 2019 再聊移动端 300ms 延迟及 fastClick 原理解析

    2019 再聊移动端 300ms 延迟及 fastClick 原理解析

    摘要:前言最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是最好的 前言 最近公司新开了一条业务线,有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀,适合自己的才是最好的 ...

    skinnerskinner 评论0 收藏0
  • Gatsby极速入门—添加博客文章列表(3)

    Gatsby极速入门—添加博客文章列表(3)

    摘要:查数据如图所示,套页面打开打开首页,看到文章列表就大功告成了。 1.查数据 { allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path ...

    cnTomatocnTomato 评论0 收藏0
  • echart折叠条形图数据为0时不显示的解决方案

    echart折叠条形图数据为0时不显示的解决方案

    1: 数据传入时判断如果为0替换成。2: series->label-->formatter里可以配置(回调函数) label: { normal: { show: true, position: "insideRight", formatter: function (params) { ...

    TecodeTecode 评论0 收藏0
  • JavaScript发展史,JavaScript组成和开发工具介绍-乐字节

    JavaScript发展史,JavaScript组成和开发工具介绍-乐字节

    摘要:保持与和的相似性,以便开发人员能很快学会。年,网景公司的布兰登与公司联手开发一个称为的脚本语言。当时微软决定进军浏览器,发布了并搭载了一个的克隆版,叫做。在微软进入后,有种不同的版本同时存在以及。 一、JavaScript简介 JavaScript 是一种...

    HeierHeier 评论0 收藏0
  • Node.js 究竟是什么?

    Node.js 究竟是什么?

    摘要:在回调队列中,函数等待调用栈为空,因为每个语句都执行一次。最后一个运行,并且从调用栈中弹出。它将回调以先进先出顺序移动到调用栈并执行。 翻译:疯狂的技术宅原文: https://medium.freecodecamp.o... 本文首发微信公众号:前端先锋欢迎关注,...

    yeyan1996yeyan1996 评论0 收藏0
  • js实现颜色闪烁效果

    js实现颜色闪烁效果

    摘要:定时器控制背景色或者透明度颜色闪缩改变透明度 定时器控制背景色或者透明度 颜色闪缩 setInterval(changeColor,500); //js var colorFlag = 0; function changeColor() { let lit_slashNum ...

    nemonemo 评论0 收藏0
  • js模拟键盘事件方法

    js模拟键盘事件方法

    摘要:方法定义浏览器下模拟事件浏览器下模拟事件为了模拟为了模拟键浏览器下模拟事件方法调用 方法定义 export function fireKeyEvent(el, evtType, keyCode) { var evtObj; if (document.createEvent) { if (window.KeyEvent) {//firefox 浏览器...

    LowkyLowky 评论0 收藏0
  • 插件系列--简单水印(watermark-dom)和算法水印(频域方式图片合并)实现

    插件系列--简单水印(watermark-dom)和算法水印(频域方式图片合并)实现

    摘要:尺寸,汉子一枚,水印照片。经历的是傅里叶变换,下图变换后的频域图像合并水印和原图。之后,将叠加水印的频谱进行傅里叶逆变换,得到叠加数字水印后的图像,,将图像频域和水印编码进行合并。 插件github地址:https://github.com/saucxs/wat... 有...

    CHENGKANGCHENGKANG 评论0 收藏0
  • 动态增加select框(elementUI 框架)

    动态增加select框(elementUI 框架)

    摘要:演示动态增加框框架带多选的请选择带清除的请选择带计数的请选择请选择增加删除提交选项黄金糕选项双皮奶选项蚵仔煎选项龙须面选项北京烤鸭黄金糕双皮奶蚵仔煎龙须面北京烤鸭存储每次选中的集合。 演示动态增加select框(eleme...

    starsfunstarsfun 评论0 收藏0
  • 【程序员必备】知识点 持续更新

    【程序员必备】知识点 持续更新

    TCP/IP HTTP和HTTPS有何区别? httpbin 一个简单的HTTP请求和响应服务。 TCP的三次握手与四次挥手 通俗易懂版,详细版本 MySQL CHAR和VARCHAR存取的差别 《高性能MySQL》笔记 - MySQL 锁的基本类型 MySQL中的锁之一:锁的必要性及分类 MySQL中的锁之二...

    hellowoodyhellowoody 评论0 收藏0
  • javascript系列--javascript深入浅出图解作用域链和闭包

    javascript系列--javascript深入浅出图解作用域链和闭包

    摘要:变量对象也是有父作用域的。作用域链的顶端是全局对象。当函数被调用的时候,作用域链就会包含多个作用域对象。当函数要访问时,没有找到,于是沿着作用域链向上查找,在的作用域找到了对应的标示符,就会修改的值。 一、概要 对于闭包的定义(红宝书P...

    JensenJensen 评论0 收藏0
  • vuecli3 vant rem 移动端框架方案

    vuecli3 vant rem 移动端框架方案

    摘要:描述基于适配方案封装,构建手机端模板脚手架帮你做好的配置有多环境开发封装适配方案生产环境优化首屏加速低版本浏览器兼容环境发布脚本可以上手直接写代码多环境开发之前写过一个多环境的方案,是基于的多环境配置方案传送门最近新的项目采用了开始了...

    since1986since1986 评论0 收藏0
  • 11 种在大多数教程中找不到的JavaScript技巧

    11 种在大多数教程中找不到的JavaScript技巧

    摘要:否则,将返回空数组的长度。该提案目前处于第阶段,作为一项实验性功能。转换为布尔值除了常规的布尔值和之外,还将所有其他值视为或。这也可以用于将布尔值转换为数字,如下所示在某些上下文中,将被解释为连接操作符,而不是加法操作符。 当我开始学...

    ChanneChanne 评论0 收藏0
  • javascript垃圾回收机制 - 标记清除法/引用计数/V8机制

    javascript垃圾回收机制 - 标记清除法/引用计数/V8机制

    摘要:例如,和中的对象就是实现的对象,而对象的垃圾收集机制采用的是引用计数策略。因此,即使中的引擎使用标记清除策略实现,但是访问的对象依然是基于引用计数策略的。垃圾回收器从不移动大对象。 Js GC原理: 找出那些不再继续使用的变量,然后释放其所...

    JellyBoolJellyBool 评论0 收藏0
  • 代码注释的艺术,再也不怕被说代码可读性差啦!

    代码注释的艺术,再也不怕被说代码可读性差啦!

    摘要:优秀的代码注释可以提高代码可读性,当然优秀的命名规范也可以啦。表示函数是异步的。行注释行注释的话,应该不用做太多的解释,直接用注释相关信息就啦。 showImg("http://ws1.sinaimg.cn/large/005NRne3gy1g34cu772u0j30s00v4wko.jpg"); 前言 可能现...

    zengdongbaozengdongbao 评论0 收藏0
  • LeanCloud 使用

    LeanCloud 使用

    摘要:简易的云服务器其中包含了强大的数据库支持我们只需要将此服务器应用到本地的代码即可实现后台的存储与交互它和阿里云的区别配置查看的安装指南该指南为版本其他版本自行切换引入库控制台运行新建文件把一下内容复制进去并在控制台打印检查是否 LeanCl...

    Lorry_LuLorry_Lu 评论0 收藏0
  • 原生js实现ajax及get post方法

    原生js实现ajax及get post方法

    摘要:使用过的同学,应该对事件绑定方法有一定的了解。实现方式以下为个人类库中实现方式。代码中使用到一个基础方法对象,该对象为的基础类。如果想了解更多,可以通过点击进入查看原码。 使用过jQuery的同学,应该对事件绑定方法ajax有一定的了解。 在个...

    pkhopepkhope 评论0 收藏0
  • ECMASCRIPT 6 实战之 解构赋值

    ECMASCRIPT 6 实战之 解构赋值

    摘要:相信解构赋值自以下简称面世以来被大家快速地熟悉并运用到实际开发中了这是一种能有效减少代码量,使代码逻辑更简单优雅的技术下面我们就再来回顾总结一下解构赋值的种种用法吧基本用法从对象解构假设有一个对象,它的结构为以对称的形式从从边的对象中...

    yangrdyangrd 评论0 收藏0
  • FE.SRC-Vue实战与原理笔记

    FE.SRC-Vue实战与原理笔记

    摘要:超出此时间则渲染错误组件。元素节点总共有种类型,为表示是普通元素,为表示是表达式,为表示是纯文本。 实战 - 插件 form-validate {{ error }} ...

    wangjuntytlwangjuntytl 评论0 收藏0
  • 装饰者模式能做什么?

    装饰者模式能做什么?

    摘要:自行车的基类如下其它方法那么我们可以先创建一个装饰者模式基类这个基类其实没有做什么事情,它只是接受一个实例,实现其对应的方法,并且将调用其方法返回而已。 showImg("https://segmentfault.com/img/bVbs3pt?w=650&h=651"); 什么是装饰者模式 装...

    IlikewhiteIlikewhite 评论0 收藏0
  • 关于大文件上传

    关于大文件上传

    showImg("https://segmentfault.com/img/bVbs1lu?w=675&h=221"); 关于大文件上传 思路 使用js读取form表单中选择的file,计算文件md5值,并上传md5值到服务端,检查文件是否已上传过(类似秒传功能) 若文件未上传过,按照其大小切成1MB大小的块,小于1MB...

    shusenshusen 评论0 收藏0
  • ES7-Decorator-装饰者模式

    ES7-Decorator-装饰者模式

    摘要:装饰者要实现这些相同的方法继承自装饰器对象创建具体的装饰器,也是接收作对参数接下来我们要为每一个功能创建一个装饰者对象,重写父级方法,添加我们想要的功能。 装饰模式 仅仅包装现有的模块,使之 更加华丽 ,并不会影响原有接口的功能 ——...

    zhangxiangliangzhangxiangliang 评论0 收藏0
  • 判断鼠标点击的位置是否在某个div区域内

    判断鼠标点击的位置是否在某个div区域内

    摘要:判断鼠标点击的位置是否在某个区域内,可用在右键菜单的显示与隐藏等 //判断鼠标点击的位置是否在某个div区域内,可用在右键菜单的显示与隐藏等 function isInDiv(event,divId){ var div = document.getElementById(divId) var x=event.client...

    xi4oh4oxi4oh4o 评论0 收藏0
  • 浅析JavaScript中原型及constructor、__proto__、prototype的关系

    浅析JavaScript中原型及constructor、__proto__、prototype的关系

    摘要:搞清了构造函数和原型的区别后,就可以继续了。指向构造函数的原型对象,存在于实例与构造函数的原型对象之间。要注意的是当我们使用下面这种将整个重写的情况时,会切断构造函数和原型之间的联系,也就是说不再指向了,而是指向。 前言 先说一说为什...

    wenziwenzi 评论0 收藏0

热门文章

<