特牛生活网

20200606 前端开发日报

每日开发周报
  • 实现一个Vue自定义指令懒加载

    比如我们加载一个页面,这个页面很长很长,长到我们的浏览器可视区域装不下,那么懒加载就是优先加载可视区域的内容,其他部分等进入了可视区域在加载

  • React列表中实现文案多行收起展开的功能(实用小妙招)

    css实现 在我们平时的业务开发中经常会用到文案超出只有收起,点击在展示全部文案;通常的使用时使用css来实现 {代码...} 效果如下: 使用css实现时只能做多行的省略,也没法根据文字去添加定制化的按钮去实现展

  • Vue项目接入Paypal详解

    一、支付流程   在paypal的官网上给出了这个按钮内部封装的流程,整个流程只需要用户点击按钮,触发创建订单事件,然后我们再监听用户支付成功的回调,拿到订单id传给后端,让后端再进行一次校验。 二、实现方案 接入方式 优点 缺点 相关资料 在html中插入pa

  • vue-router 导航守卫中 next 控制实现

    钩子函数有不同的作用,例如 beforEach,afterEach,beforeEnter,beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave,针对这些注册的钩子函数,要依次进行执行,并且在必要环节有控制权决定是否继续进入到

  • 深浅克隆和Promise异步编程

    深克隆和浅克隆 浅克隆 arr.slice(0) arr.concat() let obj2 = {... obj} 深克隆 function deepClone(obj){ //判断参数是不是一个对象 let objClone = new obj.constructor(); if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnProperty(key)){

  • JS删除数组指定值常用方法详解

    一. 删除数组中所有指定值 先看一种危险的方式: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> window.onload = function() {

  • Akamai 重磅推出 Web 前端安全保护利器 PIM,慢雾协助测试

    近日 Akamai 重磅推出 Web 前端安全保护利器 PIM,慢雾安全团队紧密配合协助测试。我们认为尽管这是一个非常轻量级的产品,但就加密货币行业而言,如果前端页面内嵌的第三方脚本存在恶意行为,PIM 可以有效识别并加以应对,借此为企业和用户的数据隐私与安全,以及数字化资产提供稳妥保护。 以下内容来自 Akamai 公众

  • JavaScript 解密 —— 函数进阶(闭包与生成器)

    简单来说, 闭包(closure) 允许函数访问和操作位于自身外部的变量。 借助闭包的特性,函数可以访问任何变量及其他函数,只要这些数据 在该函数定义时 位于其作用域内部。 var outerValue = "samurai" var later function outerFunction() { var innerValue = "ninja" funct

  • JavaScript 解密 —— 函数初步

    在理解函数作为 一等对象 前,先列举下 JavaScript 中对象支持的操作: 可以通过 {} 字面量创建 可以被赋值给变量、数组项,可以作为其他对象的属性 var ninja = {} // 赋值给变量 ninjaArray.push({}) // 作为数组项 ninja.data = {} // 作为其他对象的属性 可以

  • JavaScript 对象可以做到的三件事

    除了普通的对象属性赋值和遍历之外,我们还可以使用 JavaScript 对象执行许多其他操作。在本文中,我们将了解如何使用它们,包括访问内部属性、操作属性描述符和继承只读属性。 1. 访问内部属性 JavaScript 对象无法以常规方式访问的「内部属性」。「内部属性」名由双方括号 ]包围,在创建对象时可用。

  • CSS 创意构想 – Part 2/2

    背景 本文接上篇, 继续我们的《CSS》 创意构想。 因为有一些案例没有代码, 本着学习的态度, 我需要一个个补齐, 也方便大家看。 更新的时候可能就按小节, 逐步更新。 废话补多少, 开始正文吧。 正文 本文的

  • JS实现select选中option触发事件操作示例

    我们在用到下拉列表框select时,需要对选中的 <option> 选项触发事件,其实 <option> 本身没有触发事件方法,我们只有在select里的onchange方法里触发。 想添加一个 option 的触发事件,在 option 中添加 onclick 点来点去就是不会触发事件。 又在 select 中添加 onclick 这下可好了,没选 opti

  • 这些 CSS 伪类,你可能还不知道,可以用起来了

    css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式

  • JavaScript面向对象详解(四)

    在上一篇中, 我们讨论了ES5中, 实现继承的一些方式. 在最后, 我们说了组合继承是相对完美的解决方案, 但是它也存在一些问题. 这篇文章, 我们就通过某种新的模式, 给出一种目前使用最多, 也是我们最终的解决方案. 一. 原型式继承 1.1. 原型式继承的思想 原型式继承的渊源 这种模式要从道格拉斯&midd

  • 标签: