xjun0812的博客

使用场景原生APP内嵌入HTML5页面，在HTML5页面调用原生APP的方法（如登录、分享等）。关键代码if(window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ActivityLogin && window.webkit.messageHandlers.ActivityLogin.postMessage){ // 调用IOS登录

使用场景安卓和IOS客户端在做一些节日、拉新等临时活动时需要内嵌一个HTML5页面（活动相关的逻辑都在该页面上），在开发HTML5页面的角度，则需要APP端提供用户的登录状态（包括token/用户ID等信息）关键代码window.getAppInfo = data => { // app 传四个参数 if (data.token) { // 临存 this.token= data.token; this.userID = d

目前有主要有哪些坐标系：大地坐标系统（WGS-84）：用来表述地球上点的位置的一种地区坐标系统，主要用于国外地图。火星坐标系（GCJ-02）：对真实坐标系统进行人为的加偏处理，如大多数国内地图：高德地图、腾讯地图。百度坐标系（BD-09）：对火星坐标系再次进行加密，如：百度地图。坐标转换一、WGS-84转GCJ-02// WGS-84转GCJ-02transformla...

工作中，产品经理、UI设计以及前端开发人员基本都会用到Axure，Axure生成的html文件我们需要用Chrome浏览器打开，前提是我们的Chrome浏览器已经安装了Axure插件（扩展程序）。老版本的Chrome浏览器安装插件可以直接搜索安装，新版Chrome浏览器（楼主当前版本是79.0.3945.88）需要通过加载本地已下载好的插件实现安装。Chrome浏览器安装Axur插件之前打开A...

如果在页面img标签访问图片时返回403报错时，需要在页面头部加入以下代码：<!--隐藏发送请求时请求头表示来源的referrer字段--><meta name="referrer" content="no-referrer" />...

我们在开发时，经常会使用到结构性伪类选择器，如 first-child（选择第一个子元素），但有时候并没有效果怎么办？这时候你可以检查一下该元素是否有其他兄弟元素。因为当父元素的第一个子元素类型和该元素不同时，会失效。场景举例：<!--内容部分--><div class="fruits"> <h3>热销水果</h3> ...

1、代码自动补全这里说的代码补全主要是指HTML代码补全，用过sublime或者WebStorm的同学都知道通过Tab键或Enter键能自动补全代码，但是第一次接触VS Code会发现并不能。其实并不是VS Code不支持，而是需要我们按需设置。设置步骤如下：第1步：在VS Code编辑器中找到设置文件。File(文件) >preferences(首选项) > setting...

因为公司业务由国内市场到国际市场，有一些国际性业务的项目需要用到Google Map。项目完成后，把一些常用的方法写出来，供大家参考。一、google地图基础显示（1）引用google map js资源&lt;!--国内可用--&gt;&lt;script type="text/javascript" src="http://ditu.google.cn/maps/api/js?k...

前端开发中我们有时候会做到页面遮罩层镂空的效果，那什么是页面遮罩层镂空效果，我们先来看一看下图的这个效果

谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，具体效果见下图。有些特殊情况下我们需要字体小点，特别是在制作英文网站的时候，怎么办？既然有问题，我们就有解决问题的方法。

我对前端开发的总体体会：第一：杂而难，难度甚至超过了一般的后台开发，如果有人觉得前端开发简单只能说明他还没有入门；第二：web前端开发正在向响应式和移动端方向大步迈进；第三：前端工程师其实就是编程技术人员，用一句话来形容“比UI设计懂技术，比技术人员更懂交互”，当然也有人说前端工程师是工程师中的设计师，是设计师中的工程师。既然是编程工作，那就不会做一辈子，毕竟太累。认真敲几年代码然后去卖水果吧，还望师弟师妹们来照顾我生意。