随笔分类 - 前端
JS jquery html css
摘要：先看效果。 说下原理，利用jqury的scrollTop方法控制滚动条到指定的位置，至于连续无缝滚动是将滚动的内容在初始化时复制一份，用于在滚动到末尾时候衔接，避免出现空白。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要：发现问题 富文本编辑器，相信很多程序猿在项目中都使用过，就算开发中没有使用，平时总会接触到。 发现这个现象，来自于客户的一次需求，我一直在项目中使用百度的UMeditor，这个可以理解为是精简的UEditor ，先放一张图。 图上可以看到字体最大能设置到48(对应48px)，客户这边要求提供更多的字
阅读全文
摘要：在JS中对象一般都是传地址，后续修改也会影响原始数据。例如这样。 会发现a.b也变成了"c"。 以下是网上一位高手写的JS实现值复制，独立复制一个对象，避免双向修改。 上述代码有一个bug，就是针对null的处理，null在js中的类型是object，上述代码会将null复制成{}。根本的问题在于高
阅读全文
摘要：1.目的 你可能遇到过这种情况，在微信中打开公众号是这样的。 复制链接，在chrome中打开是这样的。 博主今天要解决的就是，如果在chrome中加载需要微信授权的页面，至于加载成功后要干嘛，测试？抓包？查看源码？...这就是你的事情了，先来说说怎么绕过这个验证吧。 2.准备工具 工欲善其事必先利其
阅读全文
摘要：1.问题 three.js中模型选中使用的是射线法，根据摄像机角度，鼠标点击位置和模型选中的distance参数判断来选中模型。对于原生的矢量模型完全没有问题，但是当遇到导入的外部模型，如obj、stl等的时候，就发现完全选中不了，本文就如果解决选中外部模型和原生模型问题进行解决。 先说说射线法，参
阅读全文
摘要：1.锯齿消除方法 three.js参考使用官方demo发现模型渲染有锯齿，这种情况在旋转视角时候就非常明显。 抗锯齿的方法，很简单，只需要配置render两个属性即可： 2.效果 使用前： 使用后： 明显能看出，使用后的场景在左侧柱子和墙体边沿的锯齿没有了，不过也导致了视角拖拽没有之前流畅，估计是增
阅读全文
摘要：1.概要 最近学习Three.js，尝试加载一些3d max导出的obj、stl模型，在展示模型的时候遇到了一些问题，模型的尺寸、位置和旋转角度每次都靠手工调整，非常的不方便，就想着写一个方法来随心所欲的控制模型的尺寸、位置、角度。 2.实现思路 先看看官方加载外部模型的标准代码： 通过以上代码，可
阅读全文
摘要：1 概要 在不规则区域内均匀分布点，这个需求初看可能不好理解。如果设想一下需求场景就比较简单了。 场景1：在某个地区范围内，例如A市区有100W人口，需要将这100W人口在地图上面相对均匀的标识出来。 场景2：某不规则场馆，需要均匀布置展位，快速生成展位示意图。 场景其他：规则的电线杆、移动基站等模
阅读全文
摘要：1.什么是GeoHash geohash基本原理是将地球理解为一个二维平面，将平面递归分解成更小的子块，每个子块在一定经纬度范围内拥有相同的编码。不好理解，没关系，我来找个图。 就像上面这张图，一个坐标点，可以当做一个小格子，而格子的标注就是该坐标点geohash值，当然格子越小精度越高，这个看实际
阅读全文
摘要：项目中在android上使用XWalkView作为浏览器，发现在解析时间的时候解析结果和实际结果有时差。 android联机调试的截图如下： PC本机调试截图如下： 从android联机调试的截图看，上面一行时间明显比真实时间延迟了8个小时，从注释中能看到是GMT时间转为了CST时间导致。第二行作为
阅读全文
摘要：一般情况，我们会在页面初始化完成后对class定义一些全局事件，举个栗子： 正常情况下，这样的写法是正确的。可是往往当我们需要通过jquery动态的添加一些html元素到界面时，会发现定义的全局方法对新增元素无效了，举个栗子： 以前处理的方案是初始化事件时使用live，栗如： 今天使用jquery
阅读全文
摘要：美工设计了一个下一步下一步的引导效果界面，百度谷歌了很久没有找到合适的控件，就想着能不能借助Bootstrap的标签页修改下，实现后的效果如下。 实现思路是先PS三张小图片，作为步骤之间引导的箭头，如下。 然后bootstrap本身的tab 的li就设置背景色为对应的蓝色或者灰色。然后在写js方法，
阅读全文
