qq_38417082的博客

Canvas绘制时钟及API说明此篇博客主要分享个人学习Canvas API过程中的一些心德及之前一些误区.自己过了一遍菜鸟教程中的 HTML5 canvas的基础知识;在这篇 学习 HTML5 Canvas 这一篇文章就够了 收获颇丰,建议静下心好好敲一遍代码;...

Cesium绘制经纬度栅格&网格抗锯齿var viewer = new Cesium.Viewer("cesiumContainer");if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) { //判断是否支持图像渲染像素化处理 viewer.resolutionScale = window.devicePixelRatio;}//开启抗锯齿viewer.scene.fxaa = true;viewer.

做了一个openlayers 不用坐标系预览的功能,在开发的过程比预计复杂的多,主要是要彻底弄明白GIS相关开发的原理,自己也是因此走了许多弯路.写一下博客总结一下,一下以加载WMTS为例一.自定义坐标系1.EPSG查找坐标系目前坐标系基本都是有EPSG来维护的,点击epsg.io.进入官网,查找需要定的坐标系二.设定原点 分辨率 矩阵集等三.设定map实例坐标系 fitBounds等...

文章转载c此地址,自己封装成了方法包裹一层Promise,可以基于点击下载完成后执行一些操作;HTML+JS实现浏览器下载图片如果使用a标签指向一个图片的话，你会发现点击链接时它会直接在浏览器中打开图片并显示:<a href="http://www.baidu.com/img/baidu_jgylogo3.gif" />但是这样的话，就存在一个问题，如果我想点击a链接直接下载图片到本地，该怎么实现呢？在查阅资料之后，发现a标签有一个download的属性，添加了该属性，a标签将直接下

最近写了一个兼容移动端的官网,也是本人第一次实战使用rem,分享一些经验;搜了一些资料,分享一篇个人觉得比较好的的博客;此篇文章转载自有你便是晴天的博客前端页面适配的rem换算为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固定单位，字号大小直接被定死，所以用户无法根据自己设

Vue单文件组件命名规范一直想写一篇Vue项目结构及组件内属性 方法命名规范的博客,终于腾出时间来写了,也算是个人的总结;这篇博客借鉴了另一篇博客,值的推荐,个人也是在此基础上加了一些个人的习惯用法;views 命名...

这个是关于NW打包的第二篇博客,第一篇主要讲NW基本用法&打包,此篇主要讲的是后续一些优化的功能.包括NW文件整体打包成一个exe,自定义exe及快捷方式的图标等;这些功能都需要额外的工具软件支持,用到的是ResourceHacker Inno Setup这两个软件.1.自定义exe图标(1)下载安装ResourceHacker后打开软件,依次执行 file-> open -&g...

最近在做项目,因为素材敏感,前端安全防护防止被copy.选用的技术方案是利用NW将H5打包成桌面应用,这样资源请求是无法在控制台查看的.博客分为两篇,第一篇是和主要讲 NW基本用法和打包桌面应用的方法,以及一些坑;第二篇主要是一些优化,包括自动全屏 更换exe封面 快捷方式图标等.

video 播放 全屏 更多控件显示隐藏&自定义视频控件&Shadow DOM最近做项目中用到了 H5 video标签播放视频,修改需删除自带的更多控制按钮;自以为很简单设定标签的属性,查看文档只有一个可怜的**controls** 布尔值属性与这方面相关,不设定时所有的控件都被控件全部给干掉了;主要是视频更多控制按钮卡了半天,查了半天也学到了很多video相关的知识.废话不多说...

Echarts入门三步今天主要是分享一下,js图表库Echarts.这是百度推出的一款数据可视化工具,包含了饼图 折线图 柱状图等常规图表,还有散点图 树图 关系图 桑基图 旭日图等等;还可以引入百度地图作为坐标系创建线图 热力图等; 个人用过一段时间,感觉还是比较好用的.相比较D3 Highcharts,优点是简单粗暴,好多功能已经封装好了,只要声明配置项就可以;缺点就是交互不灵活;...

js 字符串数值比较大小写项目模块中有一个功能需要限定一个InputNumber的上限,onchange超过上限,弹出提示信息;但是遇到一个奇葩问题,偶尔没有超过上限也会弹出超出上限的问题;最后排查出来了问题,是因为后台返回的上限是String;1.比较的都是Number console(1&amp;gt;2) //毫无疑问 false2.两个都是string类型数值，则比较两个...