前端大虾-CSDN博客

原创【前端面试】已知一个函数rand7()能够生成1-7的随机数,请给出一个函数rand10()

今天面试遇到一个很有趣的问题也没答上来，回来后搞了下实现如下。function ran7(){ return Math.ceil(Math.random()*7)}function rand10(){ let x=0; while(x<40){ x=(ran7()-1)*7+ran7(); console.log(x) } return x%10+1;}...

2020-07-21 13:58:29 546 1

原创移动端埋点入门【百度篇】

百度统计地址：https://tongji.baidu.com/sc-web1. 新版统计代码获取（不想手工添加代码？立刻一键安装）此代码同时适用于PC端、移动端的页面，以异步加载形式进行加载，数据更准确、加载速度更快。请将此代码复制并粘贴到您要跟踪的每个网页中。<script>var _hmt = _hmt || [];(function() { var hm = document.createElement("script"); hm.src = "https...

2020-06-01 10:44:37 1313

原创分享一个好用的switch来判断用户是否输入表单的方法

分享一个好用的switch来判断用户是否输入表单的方法switch (true){ case name=="":alert("请输入姓名"); break; case (!/^1[345678]\d{9}$/.test(cellphone)):alert("请输入正确手机号");break; case province=="请选择省":alert("请选择省");break; case city=="请选择市":alert("请选择市");break; case addr..

2020-05-27 17:40:01 496

原创安卓手机（华为、oppo）上的float兼容问题

最近项目终于到一个奇葩的问题，如图：左边是问题手机，右边是正常手机这里是左右列表的结构，这个问题最头疼的是我们买了和用户一样的机型还没复现问题。说实话开始以为是接口的问题，后来感觉有点不对劲。因为左边的分类和右边商品上面的分类是一个接口返回的，所有很有可能和接口无关，但是这又是什么原因呢？忽然心里有个想法是不是右边的不见了，这时候我就去看了下css的样式。果然左右结构用的是float布局，然后把flaot去掉果断用了flex布局紧急上线后，用户反馈可以显示了。后面想了想可能并不.

2020-05-27 11:13:17 892 1

原创【用思维导图来学React】

近期迷上了思维导图，后续回分享下我自己写的思维导图，希望对大家有所帮助。这是我学习react的导图之基础篇https://static.app.yinxiang.com/embedded-web/profile/#/join?guid=e0b5a7b0-77d4-4817-80f2-3ddeccae1f13&channel=copylink&shardId=s57&ownerId=29083256...

2020-05-09 15:01:19 304

原创前端【浅谈缓存】

1、强缓存 1）Expires [http1.0产物，修改本地时间也会触发更新] 2）Cache-Control [http1.1产物,优先级大于1），请求返回是status:200-size:disk/memorycache]2、协商缓存 1）Last-Modified和If-Modified-Since 2）ETag和I...

2019-08-07 10:29:39 159

原创前端地图计算两点之间的距离

在之前的项目中有遇到过这样一个需求，就是如果地图的拖动距离于当前定位距离有偏差多少米就提示用户“所选位置距您较远，是否确认在这里上车？”首先应该吧当前的定位点存下来，这里我是存到sessionstorage里。然后通过计算两点之间的距离来判断是否显示提示，判断距离的代码如下：//判断距离function distanceCheck(lng_a, lat_a, lng_b...

2018-12-23 09:36:46 2715

原创浏览器的那些事儿-浅析浏览器的渲染原理

1990年至今，大家熟悉的浏览器已有25年历史，第一个网页浏览器WorldWideWeb（后更名叫Nexus）为互联网时代打开了门。众所周知，目前主流的浏览器有：IE、Chrome、Safari、Firefox，国内还有各种“套壳”的如Sogou、360、猎豹等多到几十个浏览器，种类虽多但浏览器的结构和工作原理大同小异，负责页面的渲染引擎在很长一段时间内也只有trident...

2018-12-23 08:28:53 219

原创 CSS标签权值的计算

/*by 司徒正美 All rights reserve*/* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 *//* 通配符选择器权重为0，在IE中，它无法区分元素节点与注释节点 */li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 *//* 标签选择器为1 */li:firs...

2018-12-09 11:20:21 350

原创【VUE管理菜单权限】使用router.addRoutes

最近项目迭代完成最后一版需要完成清尾工作。这里需要完成菜单的权限控制，最开始完成这项工作是吧所有的菜单都写到home模块，然后用v-if来判断菜单的显示。看Vue Router的API文档发现router.addRoutes函数签名：router.addRoutes(routes: Array<RouteConfig>)动态添加更多的路由规则。参数必须是一个...

2018-11-08 16:11:49 38438 10

原创 URL里的【好玩之处】

url加载能合并两个请求文件写法如图这样就可以加载两个文件了下面给大家看下我们在项目中的实践https://i1.yongche.name/??css/app/common/reset.css,css/app/common/common.css...

2018-10-25 13:45:38 161

原创 VUE-CLI 下的跨域问题

为什么会有跨域问题说到跨域问题就离不开同源策略（三同）：同端口，同IP，同协议。需要遵循这个策略是为了安全的考虑。在vue-cli下需要进行配置config/index文件下的dev：（起原理是利用服务的代理实现跨域）proxyTable: { '/api': { target: 'http://liu.webapp.yongche.org', ...

2018-10-17 11:37:28 170

原创 VUE源码阅读收获js知识

1.是不是对象Object.prototype.toString.call(obj) === '[object Object]'2.是不是无穷的isFinite(val)3.删除数组元素function remove (arr, item) { if (arr.length) { var index = arr.indexOf(item);...

2018-10-17 11:24:18 315

原创【前端面试总结】

最近打算换一个新工作所有总结了一些面试的知识点，希望能帮到大家。废话不多说直接上内容。 1.width: calc(100% - 2px); 四则运算 vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。 vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。 height: 100vh;就是高度全屏幕可以试...

2018-08-09 10:04:15 132

转载 [Js Delete]深入详解javascript之delete操作符

本文转载于2016年12月11日看完后对delete有了一定的了解如果想要更深入的了解这个怪异的东东还要对ecma更进一步的研究。

2016-12-11 20:29:35 1516

原创【百度地图API】之定位篇

在拿到这个需求的时候我起初想到的是手机自带的GPS的调用，但是这样以来就必须有iOS和Android的同学的支持，或者说我们对于我的这个需求是不可行的（因为是内嵌到钉钉里的一个H5页面）。这是我又想到了[H5的定位](http://www.w3school.com.cn/html5/html_5_geolocation.asp)，但是在使用实现的过程中不是定位不成功就是浏览器根本就不兼容（当然如果你

2016-12-07 23:11:06 2915

前端生活的爱恨情仇