前端
关注
分享
扫一扫
文章平均质量分 61
zfl273
再骄傲的人都会败给时间
展开
-
谷歌浏览器，安卓内嵌谷歌内核webview使用高德JSAPI定位失败的问题解决！
高德定位sdk在谷歌浏览器里失败的问题，根本解决还需要谷歌，但是可以通过更换内核解决原创 2022-09-29 18:04:01 · 2584 阅读 · 2 评论 -
js input过滤掉表情输入到方法
表单过滤，表情过滤原创 2022-04-07 13:29:28 · 1191 阅读 · 0 评论 -
js的Map和Object对比
前言在日常的 JavaScript 项目中，我们最常用到的数据结构就是各种形式的键值对格式了（key-value pair）。在 JavaScript 中，除了最基础的Object是该格式外，ES6 新增的Map也同样是键值对格式。它们的用法在很多时候都十分接近。不知道有没有人和我一样纠结过该选择哪个去使用呢？在本菜最近的项目中，我又遇到了这样的烦恼，索性一不做二不休，去对比一下究竟该使用哪一个。本文将会探讨一下Object和Map的不同，从多个角度对比一下Object和Map...原创 2021-05-26 15:14:01 · 1531 阅读 · 0 评论 -
ES6标准中的相等比较算法 SameValue、SameValueZero
1、相等比较算法The Abstract Equality Comparison Algorithm ( ==）The Strict Equality Comparison Algorithm ( === )SameValue (Object.is())SameValueZero (暂未提供API)2、SameValue对于前端研发来说，== 和 === 比较算法肯定已经深入了解了。对于熟练使用ES6的小伙伴，多知道Object.is()这个方法：Object.is(NaN, NaN原创 2021-05-26 14:44:52 · 480 阅读 · 0 评论 -
解决vue组件化高，逻辑密集时的路由控制
背景：项目是接手其他人的项目，在组件化非常密集的项目，并且逻辑都集中在这些组件里，问题的关键在于并没有使用好路由来控制导航，而项目全是控制组件的显示，隐藏，所有的逻辑都发生在这一个url里，这个项目是h5嵌套到了原生APP里，话说原生可以通过桥接的方法给h5提供方法，但是原生端不是我们公司，正式大名鼎鼎的华为，人家才不会给你提供呢，人家还让你隐藏自己有所得返回键，只让他原生端的返回键出现。所以出现了极大问题，就是他的物理返回键非常不匹配我们的组件显示和隐藏！！！，怎么办，怎么办，着急，在线等。。原创 2021-05-26 12:07:19 · 134 阅读 · 0 评论 -
vue中8种组件通信方式
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系； B与C之间是兄弟关系；A与D、A与E之间是隔代关系； D与E是堂兄关系（非直系亲属） 针对以上关系我们归类为： 父子组件之间通信 非父子组件之间通信(兄弟组件、隔代关系组件等) 一、props /.原创 2021-05-06 09:57:42 · 384 阅读 · 0 评论 -
JSBridge桥接原理
一、前言如今的互联网时代也称移动互联网时代，基本上每个人每天都会花费大量时间在移动设备上，早期的移动端应用大都使用原生开发（android，ios），而现在的移动开发技术选型上基本都是混合开发（Hybrid），混合开发是一种开发模式，指使用多种开发模型开发App，通常会涉及到两大类技术：原生Native、Web H5原生技术主要指iOS（Objective C）、Android（Java），原生开发效率较低，开发完成需要重新打包整个App，发布依赖用户的更新，性能较高功能覆盖率更高,发布流程较为原创 2021-04-16 14:47:27 · 1625 阅读 · 3 评论 -
vue watch 深度监听
<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName: 'Dawei', lastName: 'Lou', fullName: '...原创 2021-03-03 14:32:04 · 254 阅读 · 1 评论 -
h5调用手机设备的功能
1、调用 邮件 ：参考https://blog.csdn.net/github_38516987/article/details/77637546（亲测有效）<a href="mailto:johndoe@sample.com">发送邮件</a>2、调用拨打手机<a href="tel:400-888-9999">400-888-9999</a>3、调用短信<a href="sms:10086">发送</a...转载 2021-01-11 09:59:08 · 1794 阅读 · 0 评论 -
px、em、rem区别介绍 还是使用rem把
PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。EM特点1. em的值并不是固...原创 2020-09-22 13:44:02 · 761 阅读 · 0 评论 -
localStorage和sessionStorage
localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。...原创 2019-04-02 16:30:13 · 163 阅读 · 0 评论 -
H5移动端网页头部标签模板
总结性的干货方便查看：<head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"...原创 2019-04-02 15:28:21 · 1495 阅读 · 0 评论 -
原生js实现图片详情页面放大镜
最近的网站项目需要实现这个放大镜，在网上也下载了一些实现了的代码，不过感觉比较笨重，就自己写了一次，实现了，需要的朋友可以拿去用;以下是html部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &l原创 2018-10-12 14:15:58 · 637 阅读 · 0 评论 -
前端性能优化总结
前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。前端性能优化分为如下几个方面：一、代码部署：1、代码的压缩与合并2、图片、js、css等静态资源使用和主站不同域名地址存储，从而使得在传输资源时不会带上不必要的cookie信息。3、使用内容分发网络 ...原创 2018-06-01 11:48:57 · 399 阅读 · 0 评论