3 天前 / 江米小枣tonylua
原文：https://itnext.io/how-javascript-works-in-browser-and-node-ab7d0d09ac2f 在 JavaScript 王国的土地上，无数开发者在前端或后端领域热情耕耘着。JS 易于理解，也是前端开发中不可或缺的部分。但不同于其他编程语言，这玩意是单线程的，也就是说代码要依次执行。因此一旦有代码占用时间过长，就会阻塞其他需要执行的代码 -- 所以以下画面在 Google Chrome 中时不时会出现。 1. 浏览器中的情况假设你在浏览器中打开一个页面，其使用了一个单独的 JS 执行线程。该线程负责处理所有事，如滚动页面、打印页面上的某些东西、监听 DOM 事件（......
10 天前 / xF0rk
以上文章由来自OPPO子午互联网安全实验室【Zery】有赏投稿，也欢迎广大朋友继续投稿，详情可点击OSRC重金征集文稿！！！了解~~ 温馨提示：建议广大作者朋友们用markdown格式投稿，特别是包含大量代码的文章 前言 Hybrid混合开发模式正在被越来越多的APP所使用，这种模式中一个绕不开的话题就是Js如何与Java进行交互，而早在Android 4.2之前的版本中，由webview提供Js与java交互的addjavascriptInterface接口就出现了严重的安全漏洞，虽然此后Android限制了只有添加@JavascriptInterface的方法才可以被js调用，但这种交互方式导致了......
10 天前 / 前端小君
布林带上下轨的计算计算KDJ指标最近在用js做股票和币圈的一些走势分析，这就不免要去计算K线中的一些技术指标，如移动均线MA、布林带轨线、MACD等等等，这些指标运算公式看上去不复杂，实际动手写起来还是要费一点脑子的，我们把K线数据集表示为一个数组，那么计算K线指标就是对这个数组进行一系列操作，问题的核心就在对数组的操作上。 很多时候，我们会使用for循环去解决所有的数组问题，这没毛病，也是绝对保险的一条路，但是在解决股票参数计算这种问题上，for循环并不是那么好用，对于需要反复迭代运算的指标（譬如KDJ），用for可能会写出语......
18 天前 / Nealyang
前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见GitHub 地址：Nealyang/personalBlog。目录和发文顺序皆为暂定 首先我想说，【THE LAST TIME】系列的的内容，向来都是包括但不限于标题的范围。 再回来说原型，老生常谈的问题了。但是着实 现在不少熟练工也貌似没有梳理清楚 Function 和 Object、prototype 和__proto__的关系，本文将从原型到继承到 es6 ......
21 天前 / u134271
出牌的思路如下：检查费用，费用够的情况才能打出牌，检查场上还能否放置更多的伙伴，满了也不能打出牌，手牌中删除要出的牌，扣除对应费用，场上添加对应的伙伴，出牌的逻辑才完成。 先完成客户端操作，拖拽卡牌并且放在自己的桌面上代表出牌，处理卡牌拖拽，为卡牌dom加上ref：ref="cardDom"，接着在mounted中加入获取dom引用代码： mounted() {this.cardDom = this.$refs['cardDom'];},然后传入是否可拖拽的选项canDrag: Boolean同时加入是否在桌面选项isOut: Boolean，在Card.vue的mouseDown事件中，加入拖拽的处理： mouseDown(e) {if (th......
26 天前 / 小兀666
下面罗列的js语言中那些让人抓狂混淆的概念，你遇到过几个？ 建议收藏此文，每当要面试的时候提前拿出来温习温习巩固巩固，多次下来，这些概念相信会永远印在你的脑海中~~ 每一小节都会有一道对应的练习题供参考，如果你做出的答案和题目的答案一样，那么这一小节的内容相信你已经掌握了 1、Array.prototype.slice和Array.prototype.splice1.1、练习题const months = ['Jan', 'March', 'April', 'June'];const res1 = months.splice(1, 0, 'Feb');const res2 = months.splice(4, 1, 'May');const res3 = months.splice(3)console.log(months, re......
26 天前 / u134271
在之前的代码handler.js中，有个existUserGameRoomMap变量，这个变量保存了每个用户的userId对应的roomNumber，所以，只要在connect的函数中加上一段判断： if (existUserGameRoomMap[userId]) { // 如果存在已经加入的对局，则直接进入之前的对战let roomNumber = existUserGameRoomMap[userId];let identity = memoryData[roomNumber]["one"].userId === userId "one" : "two";memoryData[roomNumber][identity].socket = socket;memoryData[roomNumber][identity].socket.emit("RECONNECT", {roomNumber: roomNumber,memberId: identity});sen......
40 天前 / 噶牛爱尚
作者：valentinogagliardi 译者：前端小智 来源：github 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stack 盒子。 JS 引擎是一个可以编译和解释我们的JS代码强大的组件。最受欢迎的JS 引擎是V8，由 Google Chrome 和 Node.j s使用，SpiderMonkey 用于Firefox，以及Safari/WebKit使用的 JavaScriptCore。 虽然现在 JS 引擎不是帮我们处理全面......
45 天前 / HelloGitHub
本文作者：HelloGitHub-kalifun 文中涉及的示例代码，已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 在上一篇文章我们介绍了 Zdog 如何使用，接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫（和官方的还是有些差别的）。 Zdog 项目地址：https://github.com/metafizzy/zdog 一、分析通过上面的动画，我们可以对 GitHub 章鱼猫进行分析，给我们最直观的就是 7 部分。头部、脸、眼睛、鼻子、嘴巴、胡须、耳朵。 头部：由一个规则的实体圆角矩形组成。 脸：有两个规则的实体圆角矩形组成。第一层......
57 天前 / 姬野
点击上方“蓝字”关注公众号获取最新信息! 本文作者：eth10（贝塔安全实验室-核心成员） 当我们访问的站点只是一个简单的登录页面时，我们应充分利用涉及到的JavaScript脚本函数或文件。 0x01 node js站点 (1) 如何判断是JS开发的站 查看登录页面的页面源代码是如下图时，那么可以简单判断本站是一个纯JS开发的站。 另外可以通过cookie来简单判断，如cookie中有connect.sid这个键，如图所示： (2)查看重要js文件 查看重要文件，一是寻找配置文件，二是查看app.xxx.js文件。 (3)查看js配置文件 通过页面源码可以看到是否存......
63 天前 / 噶牛爱尚
写文章前端黑魔法：webworker动态化，无需JS文件创建worker彭湖湾广发证券 技术工程师72 人赞同了该文章前言前几天，我和一位知乎网友讨论这个问题的时候，觉得这非常有意思，所以写了这篇文章作为记录 本文的思路和项目代码来源于知友 @simon3000，我加以修饰以更符合理解的需求。 本文所用代码已经得到当事人授权，请看： 非常感谢他的理解和鼓励, 然后还有一点要说明的是，他是从他使用worker-loader（webpack技术栈）的过程中得到灵感的。同时呢，他在实现makeworker函数功能的时候，除了学习了worker-loader的用法外，同时还非常巧妙的加......
63 天前 / u134271
首先设计卡牌的数据结构：对于每个卡牌，都需要有个id标识，保证卡牌的id是唯一的，然后有名称，费用，攻击，生命，对于卡牌类型我们要进行区分，目前我们只做人物牌和效果牌，然后卡牌需要一个描述字段用于显示卡牌的效果，还可以注意到如果卡牌扣血或者被进行强化了那么血量和攻击力都有相应的样式，这里就要记录下来卡牌基础攻击力和基础血量。 然后除了卡牌有类型，卡牌的人物也有类型，这个类型就是类似的“前端”、“服务端”这种，相当于炉石传说的“元素”“机械”。 然后卡牌需要有生命周期，用于实现各种特定的效果，那么暂定卡牌的生......
65 天前 / 码咖
一、执行Js脚本1.开启mongod服务 2.连接mongodb客户端，./mongo --host 192.168.80.128 --port 27017 3.创建数据库：use testdb1 4.创建表：db.createCollection("testTable1") 5.执行JS脚本插入数据：for(var i=0;i<100;i++) db.testTable1.insert({name:"Joe",age:20,index:i}) 6.查询插入的数据：db.testTable1.find() 二、使用界面工具 这个工具很简单，有相应的提示，在灰色框中输入 命令执行即可。
66 天前 / 阿伟
写文章用 JS 写游戏自动脚本是什么体验？阿伟身在高楼心在北大荒，我就这副死样～15 人赞同了该文章我是从写游戏脚本入的编程这行今天翻看老照片，翻到了下面这张： 故事要从 2012 年说起，那时候我大二，梦想是去迪信通卖手机，业余爱好是捣鼓手机，就是刷系统，美化主题，逛论坛啊这些，也加了一些奇奇怪怪的 QQ 群。某天下午，看到群里有人说：“有会写自动脚本的吗？求合作，一起搞 DNF！” DNF 我知道，游戏脚本基本没听说过。当时也不知道哪根筋搭错了，反手就回了句：“我会！”想想那时候仅有的编程经验应该还是初中微机课上用 VB 写过一......
80 天前 / vivo互联网技术
上篇《如何通过 JavaScript 编写高质量的函数（1） -- 敲山震虎篇》介绍了函数的执行机制，此篇将会从函数的命名、注释和鲁棒性方面，阐述如何通过 JavaScript 编写高质量的函数。 （一）函数命名 一、目前前端的函数命名存在什么问题 从上图可以知道，命名和缓存是计算机科学中的两大难题。 本文要说的函数命名，虽然涉及到的范围较窄，但思想都一样，完全可以借鉴到其他的形式中。 之前阅读过代码大全中变量的相关章节，也针对性的了解过一些源码，根据我的经验总结，目前函数命名除了业界标准的问题外，还存在一......