dijiangui5341-优快云博客

转载 FIS 插件机制

FIS 插件机制author: @TiffanysBear当我们使用 FIS 插件的时候，有没有想过自己也开发一个基于 FIS 的插件，参与 FIS 打包编译的整个流程；那么问题就来了：FIS 的编译过程运行原理是怎样的呢？FIS 编译打包的过程有哪些？怎么参与FIS 的打包编译过程？怎么实现一个基于FIS的插件？FIS 是怎么引入自定义插件的？基于以下的问题，从...

2019-08-26 13:08:00 413

转载从0到1发布一个npm包

从0到1发布一个npm包author: @TiffanysBear最近在项目业务中有遇到一些问题，一些通用的方法或者封装的模块在PC、WAP甚至是APP中都需要使用，但是对于业务的PC、WAP、APP往往是不同的业务、不同的代码库中，尽管已经将公用的组件和方法抽离到各自公共common中，但是各个大业务大方向上的公用封装依然不能满足需求。比如一个计算文档类型大小的方法，可能都同...

2019-08-19 14:40:00 247

转载页面性能监控之performance

页面性能监测之performanceauthor: @TiffanysBear最近，需要对业务上的一些性能做一些优化，比如降低首屏时间、减少核心按钮可操作时间等的一些操作；在这之前，需要建立的就是数据监控的准线，也就是说一开始的页面首屏数据是怎样的，优化之后的数据是怎样，需要有一个对比效果。此时，performance 这个API就非常合适了。performancePerf...

2019-08-14 13:53:00 529

转载 1和new Number(1)有什么区别

1和new Number(1)有什么区别author: @Tiffanysbear总结，两者的区别就是原始类型和包装对象的区别。什么是包装对象对象Number、String、Boolean分别对应数字、字符串、布尔值，可以通过这三个对象把原始类型的值变成（包装成）对象:var v1 = new Number(123);var v2 = new String('abc');...

2019-08-08 13:39:00 745

转载实现一个hoverDelay延迟hover

实现一个hoverDelay延迟hoverauthor: @TiffanysBear需求背景经常在页面开发中，需要使用hover事件来触发相应的网络请求或页面DOM元素显示切换，需要考虑的问题就有了：hover动作非常快，如果一hover就请求，会造成多余请求的浪费，造成后端接口不必要的压力如何判断这个用户hover是想做一定的操作，而不是鼠标误触构造这个hover延迟...

2019-08-06 11:10:00 558

转载触发浏览器回流的属性方法一览表

【转】触发浏览器回流的属性方法一览表转载自奇舞周刊何文力@TiffanysBear下列的所有属性、方法，在读取或执行的同时，将会导致浏览器同步地计算样式和布局。这种行为又叫做回流，也是常见的性能瓶颈。元素类元素测量elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.off...

2019-07-23 15:07:00 333

转载 Vue源码分析(二) : Vue实例挂载

Vue源码分析(二) : Vue实例挂载author: @TiffanysBear实例挂载主要是 $mount 方法的实现，在 src/platforms/web/entry-runtime-with-compiler.js & src/platforms/web/runtime/index.js 等文件中都有对Vue.prototype.$mount的定义:// vu...

2019-07-22 11:59:00 1571

转载 Vue源码分析(一) : new Vue() 做了什么

Vue源码分析(一) : new Vue() 做了什么author: @TiffanysBear在了解new Vue做了什么之前，我们先对Vue源码做一些基础的了解，如果你已经对基础的源码目录设计等有基础的了解的话，可以跳过下面这部分。源码目录设计Vue.js 的源码都在 src 目录下，其目录结构如下。src├── compiler # 编译相关 ├──...

2019-07-18 21:16:00 301

转载百度小程序之间的页面通信

百度小程序之间的页面通信author: @TiffanysBear背景主要是针对小程序开发中页面之间进行通信的问题，在涉及支付的场景中，用户从页面支付入口进行跳转进行支付之后，回到原来页面，在原来的页面需要进行相应的状态刷新，比如用户身份状态、支付状态、文档或商品情况。遇到的问题在使用百度小程序的 swan.navigateBack 进行回跳页面时，API中的方法参数不支持...

2019-07-17 21:17:00 138

转载百度小程序自定义通用toast组件

百度小程序Toast组件author: @TiffanysBear百度小程序自定义通用toast组件BdToast百度小程序自定义通用组件-github地址需求手百小程序的toast仅支持在页中展示，不能自定义位置、字体大小、在单个文本中增加icon等需求；因此自定义一个全局可通用的Toast。效果预览如何使用代码目录位于 /widget/toast 下，包含...

2019-07-16 21:09:00 160

转载探究Hybrid-APP技术原理

探究Hybrid-APP技术原理author: @TiffanysBear背景随着Web技术的发展和移动互联网的发展，Hybrid技术已经成为一种前端开发的主流技术方案。那什么是Hybrid App呢？Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具" Native App良好用户交互体验的优势 "和" Web A...

2019-07-15 11:00:00 365

转载 getBoundingClientRect使用指南

getBoundingClientRect使用指南author: @TiffanysBear主要介绍getBoundingClientRect的基本属性，以及具体的使用场景和一些需要注意的问题。getBoundingClientRectElement.getBoundingClientRect()含义：方法返回元素的大小及其相对于视口的位置。值：返回值是一个 DOM...

2019-07-15 10:58:00 619

转载《高性能JavaScript》学习笔记(2)——日更中

我说日更就日更，接着....今天从缓冲布局信息开始啦！-------------------2016-7-22 21:09:12-------------------------------14、减少对布局信息的查询次数，查询时将他赋值给局部变量参与计算。例子，在元素网右下方不断平移时，在timeout中可以写：1 var current = myElemen...

2016-07-23 00:01:00 92

转载 JavaScript设计模式学习之路——继承

早在学习java的时候，就已经接触了继承，在java中因为有extends关键字，因此继承就比较简单。但是在JavaScript中，只能通过灵活的办法实现类的继承。下面是我昨天在学习过程中，了解到的实现继承的一些方法，包括有具体的代码以及该方法的优缺点：1.组合继承方式　　原理：在子类的构造函数中，调用父类的构造函数，在子类原型上实例化父类，所以称为组合模式。　　优点：融...

2016-07-22 14:23:00 120

转载 JavaScript数组去重的四种方法

今天，洗澡的想一个有趣的问题，使用js给数组去重，我想了四种方法，虽然今天的任务没有完成，5555:不多说，po代码： //方法一：简单循环去重 Array.prototype.unique1 = function(){ var temp = []; for(var i=0; i < this.length; i++)...

2016-07-21 23:51:00 119

转载《高性能JavaScript》学习笔记——日更中

------------------2016-7-20更------------------最近在看《高性能JavaScript》一书，里面当中，有讲很多提高js性能的书，正在看的过程中，记下做法以及原因，供以后学习参考：1、将经常使用的对象成员、数组项、和域外变量存入局部变量原因：数据存储位置对大地代码整体性能会产生重要的影响，直接变量和局部变量的访问速度快于数组和对象成员...

2016-07-20 22:52:00 117

转载 JavaScript设计模式学习之路——面向对象的思想

今天，我拿到了张容铭写的这本《JavaScript设计模式》这本书，开始了关于JavaScript更深一点的学习。看到这本书开始的时候，虽然之前通过看书、一些比较好的视频的讲解，对JavaScript有了基础的认识，但是，在看到书的内容的时候，我内心还是有一种自己差的十万八千里的感觉，之前的代码写法不行，使用全局变量、全局函数，只是面向过程的编程的方法，扩展性、可重用性太低。以后我将...

2016-07-20 18:46:00 136

转载软件工程课程建议

写这篇文章的时候，大学的所有考试已经Over了，以后也不用再担惊受怕复习了，但是坐在教室里听课的岁月好像也不会再有了，想起的确也有些感伤。软件工程作为大三的最后一门课程之一，谈不上有什么建议，只是想从一个学生的角度，谈谈对这门课的感受。一、学习目的其实对于坐在讲台下的众多学生而言，不太清楚学习这门课的意义。对于测试，我们想到的也不过是平时做程序、写代码时，多点点，看哪儿出了b...

2016-06-02 17:20:00 133

转载结对编程——关于Fault、Error、Failure程序设计

一、问题描述：构造程序，分别是： •不能触发Fault •触发Fault，但是不能触发Error •触发Error，但是不能产生Failure二、Fault、Error、Failure区别　　Fault：可能导致系统或功能失效的异常条件，可译为“故障”。　　Error：计算、观察或测量值或条...

2016-04-19 09:21:00 551

转载结对编程——四则运算过程

一、问题描述：某公司程序员二柱的小孩上了小学二年级，老师让家长每天出100道（100以内）四则运算题目给小学生做。二、结对对象：杨思思博客地址：http://www.cnblogs.com/ciciCassie/ 双方贡献：1:1 结对编程照片：三、采用语言：java（代码实现如下）...

2016-04-10 23:12:00 266

转载关于结对编程感想

某天软件工程的课上，老师布置了一个关于随机生成100以内加减乘除运算的编程任务，让大家两两结对，尽快打印出100道题。其实对于结对编程，我还是有点体验的，以前在做实训项目时，我们寝室为一组的时候，很多时候遇到逻辑比较复杂，容易马虎出错的模块任务时，往往就是两个人一起结对做的。那个时候是因为一个人写代码，写时间长了后，注意力容易不集中，解决问题的思路和效率不高，容易在烦闷中出一些比较“...

2016-03-21 15:32:00 219

转载我的软件工程课题目标

在本期软件工程开课后，我先对这次课的学习先定下一些基础的学习目标以及学习期望。在后续的软件工程课题项目确定后，再进行进一步更详细的学习内容和目标，比如我们的项目实现需要哪些的技术，需要学习哪些方面的知识、算法。学习目标：1、了解一个完整的项目从头到尾实现所需要的科学过程，比如从三个阶段开始：定义阶段：可行性分析、初步项目计划、需求分析；开发阶段：概要设计、详细设计、实现、测试...

2016-03-01 17:30:00 327

dijiangui5341的博客