![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript笔记
yf_d
擅长JavaScript开发的独立开发者。
技术栈:React,Redux,ReactNative,PHP,Laravel,Swift。
展开
-
javaScript倒计时兼容ios与安卓
js开奖倒计时。 console.log('倒计时'); let goalDate = (new Date('2021-2-11')); this.checkOpenTask = setInterval(() => { let djs = (goalDate.getTime() - Date.now())/1000; let day = Math.floor(djs/(24*3600)); .原创 2021-02-13 20:56:15 · 347 阅读 · 0 评论 -
javaScript 使用Haversine公式计算经纬度之间的距离。
let distance = 111.12 * Math.cos(1/ (Math.sin(latitude) * Math.sin(other_latitude) + Math.cos(latitude)*Math.cos(other_latitude)*Math.cos(other_longtitude - longitude)));原创 2020-07-30 14:18:27 · 695 阅读 · 0 评论 -
【QrCode前端生成二维码】使用前端实现二维码
遇到客户需求是扫码来替代人工输入一些数据,然后想着只从前端实现最好不过,然后就发现了qrCode这个js库。```<div id="qrcode"></div><script type="text/javascript">new QRCode(document.getElementById("qrcode"), "http://www.qiuguo...原创 2020-04-29 18:26:29 · 1036 阅读 · 0 评论 -
ReactNative:0.6从入坑到打包APK到发布@布谷老人语音天气
最近买了一本书,ReactNative开发原生应用,以前都是直接使用Kotlin开发,但是感觉自己是一个前端,不如用JS开发吧,然后就边看书边开发了,写了一个简单的语音天气APP,基本上该遇到的坑和功能都使用了,tips:应用很小,所以没有使用Redux.ReactNative和一些套壳的框架相比好多了,编译后是原生的代码,这个就是很有意思了,还能和原生混合开发.前排提示一个很坑的...原创 2020-03-14 18:44:17 · 644 阅读 · 0 评论 -
JavaScript 表达式与赋值 小笔记
今天群里一个小伙伴用短路运算,在 || 后面用了赋值语句,语法检查过不去,是为啥呢?想起来以前看的一篇关于表达式的文章表达式(expression)是JavaScript中的一个短语,JavaScript解释器会将其计算出一个结果。将简单表达式组合成复杂表达式最常用的方法就是使用运算符(operator)。运算符按照特定的运算规则对操作数进行运算,并计算出新值。而圆括号就是一种...原创 2019-07-13 12:07:52 · 232 阅读 · 0 评论 -
JavaScript小题目思考|对象中的this
群里一个朋友发了一个问题:关于js中对象的访问。var obj = { n:10, m:obj.n*10};console.log(obj.m);报错了:提示这个属性未定义,但是好像obj可以访问?其实不然,因为在浏览器中测试的,之前已经运行过一次了。。。第一次,无法访问到obj,第二次,当obj还没被覆盖掉,内部属性m获取已经存在的obj也就是之前的...原创 2019-05-13 17:42:52 · 323 阅读 · 0 评论 -
如何用JavaScript的for循环,原生和ES6写法|按秒依次输出指定数字
这个问题偶然在群里看见,就把大佬的回答记录下来了。大佬写了两个一个是旧js的,一个是es6的。这个是旧版JS的写法,为了构建一个隔离的作用域,防止setTimeout内部访问到全局的i变量,使用了iife函数,增加一个作用域(旧版JS只有函数可以独立作用域)。这样每次压入栈的setTimeout内部使用的i就是实时变化后的i,而不是最后的i。作用域从内层向上层寻找。(function...原创 2019-05-08 21:05:27 · 1893 阅读 · 0 评论 -
html MAp coords 自适应热点图片宽度定位
业余结了一个小单子,html的作业,但是需要用DW做热点图,电脑也没有那玩意,就用淘宝热点图做了。后来发现图片比我屏幕还宽,body出现了滚动轴,如果改成百分比,热点图就错位了。于是就用js控制了。图片加载前获取图片的原始宽度,这个时候,算出视窗宽度与图片宽度的比例Cp。用dom查询area节点,获取coord属性。每个属性乘上CP比例。再setAttribute就好了。...原创 2019-03-28 15:50:56 · 1787 阅读 · 2 评论 -
ES6 Promise与Async的使用
用了es6这么久,一直没用过async,只在书上看过,也没实践过,总是忘。现在记录一下笔记,其实Async应该是es7的内容。从Promise开始,Js异步编程的关键就是Promise了。直接上代码,该编译环境是 Node v8+ ,如果低于可能需要babel来转译。下面定义了两个函数,由于Promise一旦被创建立即执行,因此,用函数来控制,Promise有两种状态,一种 Re...原创 2019-03-31 12:37:38 · 982 阅读 · 0 评论 -
ES6笔记:import与export简单使用
先安装好NPM与Node,略使用import需要es6支持,所以需要使用babel模块。npm install --save-dev babel-preset-es2015babel转译jsbabel --presets es2015 文件夹 旧(es6) -d 文件夹新(es5)首先建立两个文件夹:es6和es5,在es6里新建idnex.js 和m1/m2/m3/m4....原创 2018-12-04 16:28:56 · 449 阅读 · 0 评论