前端教程
-
Page Visibility API及Page Lifecycle API的介绍及应用
前言 今天主要介绍2个api，一个是Page Visibility API，一个是Page Lifecycle API，这两个api你可能用的不多，关于Page Visibility API，目前大部分主流浏览器……嘿哈 2021年7月24日
-
关于css中的那些scroll
一、滚动轴scrollbar 说到css中的scroll，我们最先想到的应该是overflow:scroll。想到这个scroll之后，自然而然又想到了浏览器的滚动轴。说到浏览器的滚动轴，……田田 2021年7月23日
-
css中的visibility和position新属性sticky
前言 今天介绍的css的visibility和position新属性sticky，之前的文章中并没有提及。关于css文章，前面写了不少。但是这2个的介绍真没有，今天简单介绍一下，就……啊Q 2021年7月23日
-
vue封装一个简单的div框选时间的组件
前言 新年第一篇文章，记录一下我前段时间封装的一个vue组件吧。技术需要积累，有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组…… -
常用唤醒APP的方式
前言 开工大吉，祝大家2019诸事顺利！ 当我们用微信或者浏览器打开一个html5页面的时候，有时候会有浮层，提示要不要打开相关APP，当然也有的会自动唤醒到app……小杜 2021年7月23日
-
总结下移动端调试的一些方法
前言 说起网站调试，pc页面和h5页面，假如电脑上能够重现的，都不在话下，调试起来都蛮简单。仅仅需要fiddler一个抓包工具，把线上压缩代码替换成本地无压缩代……老王 2021年7月23日
-
模块化cmd,amd中动态加载资源问题
前言 今天主要讨论一下cmd和amd中运用loadjs等方式动态加载资源遇到的问题。当然，amd和cmd是比较老的前端模块化技术了。类似我之前文章提到的requirejs，这种…… -
react-native支持transform-origin探索
前言 最近我在项目中用到了react-native，当使用view根据屏幕自适应缩放功能的时候，我用到了自己熟悉的css transform，当想指定中线点缩放的时候，发现react-…… -
纯js版本房贷计算器开源
前言 这个代码是蛮久之前写的，当时还是在易居，纯js版本的房贷计算器，界面精美【界面版权归易居房友，请勿抄袭】。后来我基于此代码转换过一个react版本的，……丹青 2021年7月22日
-
前端js导出excel方法分享
前言 之前写个js导出excel的方法，但是发现已经过时了，最近用了一下新的导出方式，可以用，现在分享一下。vue,react都可以用。原理就是通过table导出excel 方……bigao 2021年7月22日
-
RN0.54以上安卓中display: none 和 position: absolute不能同时使用
前言 只是记录一下，说不上是什么分享吧，也是最近reactNative项目遇到的问题。场景是这样的。我用react-native0.51的时候，display:none可以正常使用，升级到……阿喜 2021年7月22日
-
css固定宽高和位置内部元素布局
前言 说不上什么小技巧吧，之前用过，发现这个布局对于单行元素来说，没有什么问题，因为我的需求就是单行元素，不换行来说的。类似这样的需求，位置和宽高固…… -
xSwitch调试和代理线上代码及h5判断小程序ua及浏览器运行环境
前言 介绍一款同事推荐的谷歌插件。即装即用，很方便。应用场景蛮多，可以把线上代码代理到本地，类似fiddler。也可以将线上请求数据代理到本地。就是本地测试……无卤 2021年7月22日
-
封装一个原生js的ajax请求,支持IE9CORS跨域请求
前言 关于纯js的ajax请求，我之前有文章写过，http://www.xyhtml5.com/post/js_ajax_chun, 关于CORS跨域资源共享，我也有文章写过，http://www.xyhtml5.com/…… -
利用空白gif图片，实现数据上报，数据埋点
前言 利用空白gif图片，实现数据上报，数据埋点。开发中经常需要统计页面点击，曝光，包括一些数据埋点。当然，埋点数据上报的方式有很多，下面介绍纯css的方……中天 2021年7月21日
-
正则表达式前瞻后顾，负前瞻，负后顾（？=，?:和?!）理解和应用
前言 前面文章讲解了一些正则表达式的文章，今天讲讲？=，?:和?!这几个符号的作用吧~ 这几个符号用的不多，主要解释如下： 前瞻： 炫H5(?=hrms) 查找hrms前面……yiyan 2021年7月21日
-
汇总常用的js对象Object的深比较方法
前言 之前文章有些深拷贝和浅拷贝，这篇文章简单总结常用的深度比较方法，这些方法在react中用的特别多，特别是生命周期里面prop对比。因此，react和immutable…… -
Proxy和defineProperty实现数据观察（观察者模式）
前言 说到vue的原理，大家都知道是通过defineProperty实现对数据的的观察，也知道vue3.0改成了Proxy。关于代理模式（其实也是一种设计模式），最新es6 有实现…… -
js处理大数据数组循环的一些性能优化
前言 上一节我写了观察者模式，是一种设计模式。这些设计模式就是一些思路。当然，关于排序，有快速排序法，关于查找有二分查找法等等，这些都为我们提供了一…… -
小tips,注意vue深度监听对象新老值如何保持不一样
前言 假如你用vue监听复杂对象的时候，新旧值通常是一样的，vue官方也给出了解释： 注意：在变异 (不是替换) 对象或数组时，旧值将与新值相同，因为它们的引…… -
js查找树结构某元素，并找到其所有祖先
前言 写了一个类似element ui的级联面板的那个组件，不同的是，组件可以类似tree选择，选择某个子元素，就返回单个子元素，选择所有子元素，返回父元素。回头…… -
vue柱状进度条图像的实现方案
前言 本文是对bar进度条实现的2种方案进行分享，第一种是很简单，纯css的实现，第二种是echart的实现。 css的实现 css实现很简单。代码如下： <template>…… -
回顶部及缓动滚动到某个位置
前言 今天这篇文章应该是javascript回到顶部滑动效果及点击导航滑动到相应热点的效果，这篇文章的升级版。写这篇文章的时候，可能三大框架（react,vue,angular…… -
js获取某dom到根元素的offsetLeft/offsetTop
前言 大家知道，offsetLeft和offsetTop都是获取当前元素到其定位父级（offsetParent）的距离，我前面也有很多文章介绍宽高和offset,例如：https://www.xyhtml5…… -
H5/js与App的通讯方式小结
前言 H5/js与App的通讯，我们公司基础框架是封装了Bridgejs,但是是内部项目，不对外开源。说起这个通信，有一个开源的项目，WebViewJavascriptBridge，需要通……