随笔分类 - Javascript
摘要：题目一： 请将 text 通过 keywords 转化成为 result 格式 let text = '我的世界，没有黑暗只有光明和未来'; let keywords = ['世界', '黑暗', '未来']; let result = '我的【世界】，没有【黑暗】只有光明和【未来】' 题目二： 请
阅读全文
摘要：最近做的移动端页面在请求成功后要跳转页面，通过location.href实现的跳转。但同事在测试时，安卓机可以成功跳转，苹果IOS却无法成功跳转。 解决办法：在链接后面加一个随机参数，这样就可以跳转了 document.location.href = 'doctor_step4.html?times
阅读全文
摘要：vue 中使用高德地图有两种方式 一、vue-amap 组件 官网： https://elemefe.github.io/vue-amap/#/ 开始的时候是打算用这个组件做地图功能的，但是尝试之后存在些问题，所以就放弃了，可能是我的使用方式不对。我所遇到的问题： 1. 安装之后使用，始终提示跨域问
阅读全文
摘要：输入框的 change 和 blur 事件绝大多数情况下表现是一致的，输入结束后离开输入框会先后触发 change 和 blur。那么这两个事件的区别在哪呢？ 当文本框获得焦点后，没有输入任何内容，或者最终文本框的值没有改变时，是不会触发 change 事件的，而 blur 事件始终会触发。如果希望
阅读全文
摘要：面试中2次被问到过这个知识点，实际开发中，应用事件委托也比较常见。JS中事件委托的实现主要依赖于 事件冒泡 。那什么是事件冒泡？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层
阅读全文
摘要：我们用原生JS进行开发时，经常会用到两种更新DOM节点的方法：innerHTML 和 appendChild() 。其中 innerHTML 会完全替换掉原先的节点内容，如果我们是想向元素追加子节点的话，那么 innerHTML 显然满足不了需求。 转而我们就会想到 appendChild() 方法
阅读全文
摘要：FOR 循环我们用的真的是太多了，但你是否关注过它的优化写法呢？记录下： 1. 最最常规写法，没有任何不妥 2. 循环的次数为变量的情况 其实大多数人都是这种写法，这种写法的缺点在于，每次循环都要去读取一次数组的长度，不划算 3. 变量情况的优化写法 将长度进行存储，之后循环无需再去读取长度 4.
阅读全文
摘要：像我们经常用的微信或微博，发表动态时都有选择位置的功能，根据当前的定位获取附近的地标。利用高德地图我们就可以实现这样的功能。 1. 具体代码： 2. 调用方法 3. 实现的效果图
阅读全文
摘要：德地图 JS API 使用前的准备工作请参考官方网站说明： https://lbs.amap.com/api/javascript-api/guide/abc/prepare 根据地名实现地图标记定位，主要依赖高德地图的：地理编码与逆地理编码。下面来看具体的实现代码： 1. HTML （地图容器）
阅读全文
摘要：先看下效果图： 就如上图所示，都是些常用的基本配置。 Legend分页，X轴设置，Y轴设置，底部缩放条设置， 数值显示样式设置，工具箱设置，自定义工具按钮， 绑定点击事件等等。这些配置代码中都做了简单的注释。下面看下代码，代码总共分为了3个js文件，分别如下： 1. option.js 2. dem
阅读全文
摘要：朋友在做一个web程序，用的EasyUI框架，让我帮忙实现一个自动提示功能。由于之前我也没用过EasyUI框架，就想到了jQueryUI有 AutoComplete 插件，就想直接拿过来用。 但当我将jQueryUI集成到项目中时，发现 AutoComplete 插件没有效果。百度发现jQueryU
阅读全文
摘要：上篇博文【 Js利用Canvas实现图片压缩 】中做了图片压缩上传，但是在IOS真机测试的时候，发现图片预览的时候自动逆时针旋转了90度。对于这个bug，我完全不知道问题出在哪里，接下来就是面向百度编程了。通过度娘找到了相关资料，解决方法记录在此。这个问题的具体因素其实我还是不清楚是为何导致的，只有
阅读全文
摘要：最近做的APP项目涉及到手机拍照上传图片，因为手机拍照的图片通常都比较大，所以上传的时候就会很慢。为此，需要对图片进行压缩处理来优化上传功能。以下是具体实现： 上面是一个图片压缩函数，返回 base64 格式的图片数据。 其中压缩比率取值（0 - 1 之间）越大图片质量越高。建议不要将图片转为 pn
阅读全文
摘要：我们首先定义一个json数组对象如下： 一. 根据对象属性值得到相应对象 二. 删除其中一个对象 三. 修改其中一个对象的属性值 四. 往数组中添加一个对象 ——注： 以上的所有操作都会对原数组产生直接影响。
阅读全文
摘要：这里只测试3个浏览器的情况：IE， 火狐，谷歌。 一. 无参 所有浏览器都兼容，GOOD 二. 日期参数 a. IE > IE9-（不兼容） > IE9+（兼容，包含IE9） b. 火狐（兼容） c. 谷歌 （兼容） 所有浏览器都兼容，GOOD 三. 日期时间参数 a. IE （不兼容，不管哪个版本
阅读全文
摘要：这是一道面试题， 请先思考，在看讲解 :) 讲解如下： 1. main() ， 打印的结果为： undefined ， 1 a. > 来看第一个打印的值为什么是 undefined。 在js中，方法和变量的声明都是会提前的。也就是说不管你在何处声明的方法或者变量，在js解析时，都会将其提前，具体看代
阅读全文
摘要：Demo . 1 //bad if (age > 20) { return true; } else { return false; } //good return age > 20; 这种一看就明白吧，没什么说的。 Demo . 2 //bad for (var i = 0; i < arr.le
阅读全文
摘要：此文为翻译文章，原文链接：you might not need jquery jQuery 和它的相关插件都是很强大的，使用它们让我们的应用开发变得简单。如果你正在开发另一个库，请花点时间思考以下，你是否真的需要依赖jQuery。如果你的应用仅针对更现代的浏览器，你可能不需要做过多的浏览器适配。 至
阅读全文
浙公网安备 33010602011771号