sandy_yuyan的博客

css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理，后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取值 12、相邻的两个inline-block节点为什么会出现间隔，该如何...

前言今天这篇文章应该是javascript回到顶部滑动效果及点击导航滑动到相应热点的效果，这篇文章的升级版。写这篇文章的时候，可能三大框架（react,vue,angular）等还没有流行，还是jquery的时代。如今，前端发展迅速，这篇文章已经过时了。那么新时代，热点动态滚动，及回到顶部用什么方法呢？实现方案新时代实现这个动画方法很多，今天主要介绍4种吧，由推荐的简单办法，到js方案。纯...

前言大家知道，offsetLeft和offsetTop都是获取当前元素到其定位父级（offsetParent）的距离，我前面也有很多文章介绍宽高和offset,例如：https://www.haorooms.com/post/js_jquery_height 等 在实际的开发过程中，我们通常要获取dom到根元素的距离。这个如何做呢？思路其实很简单，父元素是offsetParent，我们循环查...

前言H5/js与App的通讯，我们公司基础框架是封装了Bridgejs,但是是内部项目，不对外开源。说起这个通信，有一个开源的项目，WebViewJavascriptBridge，需要通信的可以看下这个开源的框架：https://github.com/marcuswestin/WebViewJavascriptBridge 但是简单的通信其实没有必要引入这个框架。其实就是拦截和注入2个部分通讯...

前言今天主要总结一些js数组操作并集，交集，差集的一些方式。发现这些方式在工作用经常遇到，方法有很多种。今天主要总结一下我在工作用通常使用的方式，及一些简单的实现。其实我前面很多文章中都提及了我在工作中用的一些方式。例如：我前面文章讲includes方法，时候就提到了计算交集及差集。还有之前文章去重的方式，其实去重就是取并集的一种方式嘛！一、new Set 方式实现这种方式实现起来比较简单，...

前言之前文章有对数组去重及求差值做总结，可以参考文章js数组并集，交集，差集的计算方式汇总，去重的方式面试中经常提到，可以参考。 数组是这么操作，有小伙伴问数组对象应该如何操作呢？ 显然，数组对象和数组的操作方式还是有点区别的。这篇文章简单总结一下。去重之前纯数组去重的方式，对数组对象来说，显然不是很合适。提供2中思路1、利用临时对象存储key的方式这种方式之前我是经常这么用，包括处理数...

前言总结几个html蛮实用的，但是你可能不知道的特性。当然，这么文章后面还会陆续补充一些。一、关于a标签的属性a标签，我们用的太多了，可以说每个web开发应该都知道，但是这个标签的一些属性你知道吗？ 我们来看下a标签的一些属性1、download属性，这个不稀奇，我之前有文章介绍过：https://www.haorooms.com/post/qd_ghfx这篇文章第八条有介绍。2、t...

前言文件上传是开发中经常遇到的，市面上也有很多插件。直接封装了上传的方法，使用起来很简单。使用vue和react技术栈的同学，都使用了element和antd的上传，因此，拖拽上传和一般上传，今天这篇文章不做解释。今天主要总结一下剪切板上传和大文件分片上传及断点续传的内容。一、剪切板上传剪切板上传就是复制电脑上的图片或者文件，或者网络中的在线图片，然后粘贴到指定位置上传的方式。关于剪切板，...

动态加载CSS，JS文件https://www.cnblogs.com/yuwenjing0727/p/9565748.htmlvar Head = document.getElementsByTagName(‘head’)[0],style = document.createElement(‘style’);//文件全部加载完成显示DOMfunction linkScriptDOMLoa...

三张图较为好理解JavaScript的原型对象与原型链https://www.cnblogs.com/yuwenjing0727/p/9914149.html最近从网上看到别人详细得讲解了js的原型对象和原型链，看完感觉是看得最清晰的一个，于是，摘录到自己博客里对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各...