![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 75
键盘上的草根舞者
这个作者很懒,什么都没留下…
展开
-
H5调用APP的方法
使用场景原生APP内嵌入HTML5页面,在HTML5页面调用原生APP的方法(如登录、分享等)。关键代码if(window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ActivityLogin && window.webkit.messageHandlers.ActivityLogin.postMessage){ // 调用IOS登录原创 2020-11-20 11:00:06 · 3068 阅读 · 2 评论 -
H5页面获取原生APP的登录状态
使用场景安卓和IOS客户端在做一些节日、拉新等临时活动时需要内嵌一个HTML5页面(活动相关的逻辑都在该页面上),在开发HTML5页面的角度,则需要APP端提供用户的登录状态(包括token/用户ID等信息)关键代码window.getAppInfo = data => { // app 传四个参数 if (data.token) { // 临存 this.token= data.token; this.userID = d原创 2020-11-19 16:54:32 · 2924 阅读 · 0 评论 -
不同地图坐标系的坐标转换
目前有主要有哪些坐标系:大地坐标系统(WGS-84):用来表述地球上点的位置的一种地区坐标系统,主要用于国外地图。火星坐标系(GCJ-02):对真实坐标系统进行人为的加偏处理,如大多数国内地图:高德地图、腾讯地图。百度坐标系(BD-09):对火星坐标系再次进行加密,如:百度地图。坐标转换一、WGS-84转GCJ-02// WGS-84转GCJ-02transformla...原创 2020-03-27 11:19:30 · 996 阅读 · 0 评论 -
Chrome浏览器安装Axure插件
工作中,产品经理、UI设计以及前端开发人员基本都会用到Axure,Axure生成的html文件我们需要用Chrome浏览器打开,前提是我们的Chrome浏览器已经安装了Axure插件(扩展程序)。老版本的Chrome浏览器安装插件可以直接搜索安装,新版Chrome浏览器(楼主当前版本是79.0.3945.88)需要通过加载本地已下载好的插件实现安装。Chrome浏览器安装Axur插件之前打开A...原创 2020-03-06 12:00:53 · 10959 阅读 · 5 评论 -
img标签访问图片时返回403 forbidden的问题
如果在页面img标签访问图片时返回403报错时,需要在页面头部加入以下代码:<!--隐藏发送请求时请求头表示来源的referrer字段--><meta name="referrer" content="no-referrer" />...原创 2019-08-20 17:11:06 · 2133 阅读 · 1 评论 -
first-child伪类选择器没有效果(不起作用)
我们在开发时,经常会使用到结构性伪类选择器,如 first-child(选择第一个子元素),但有时候并没有效果怎么办?这时候你可以检查一下该元素是否有其他兄弟元素。因为当父元素的第一个子元素类型和该元素不同时,会失效。场景举例:<!--内容部分--><div class="fruits"> <h3>热销水果</h3> ...原创 2019-07-31 15:11:44 · 6385 阅读 · 0 评论 -
VS Code(Visual Studio Code)编辑器的常用设置
1、代码自动补全这里说的代码补全主要是指HTML代码补全,用过sublime或者WebStorm的同学都知道通过Tab键或Enter键能自动补全代码,但是第一次接触VS Code会发现并不能。其实并不是VS Code不支持,而是需要我们按需设置。设置步骤如下:第1步:在VS Code编辑器中找到设置文件。File(文件) >preferences(首选项) > setting...原创 2019-04-27 11:30:24 · 5533 阅读 · 0 评论 -
Google Map API 的基础使用
因为公司业务由国内市场到国际市场,有一些国际性业务的项目需要用到Google Map。项目完成后,把一些常用的方法写出来,供大家参考。一、google地图基础显示(1)引用google map js资源<!--国内可用--><script type="text/javascript" src="http://ditu.google.cn/maps/api/js?k...原创 2018-12-17 18:20:31 · 6873 阅读 · 3 评论 -
浏览器中遮罩层镂空效果的多种实现方法
前端开发中我们有时候会做到页面遮罩层镂空的效果,那什么是页面遮罩层镂空效果,我们先来看一看下图的这个效果原创 2016-04-21 11:50:50 · 9632 阅读 · 1 评论 -
Chrome浏览器不支持字体小于12px的解决办法
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,具体效果见下图。有些特殊情况下我们需要字体小点,特别是在制作英文网站的时候,怎么办?既然有问题,我们就有解决问题的方法。原创 2016-01-11 15:07:04 · 17788 阅读 · 2 评论 -
浅谈web前端开发
我对前端开发的总体体会:第一:杂而难,难度甚至超过了一般的后台开发,如果有人觉得前端开发简单只能说明他还没有入门;第二:web前端开发正在向响应式和移动端方向大步迈进;第三:前端工程师其实就是编程技术人员,用一句话来形容“比UI设计懂技术,比技术人员更懂交互”,当然也有人说前端工程师是工程师中的设计师,是设计师中的工程师。既然是编程工作,那就不会做一辈子,毕竟太累。认真敲几年代码然后去卖水果吧,还望师弟师妹们来照顾我生意。原创 2015-12-19 11:42:33 · 16645 阅读 · 5 评论