12 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 (点击绿色图标,可收听音频) 撰文| 川川 VX-ID:suibichuanji 点击文末左下方阅读原文,可看视频内容 前言 撰文:川川 平日的编码中,你能列出你常用的异步编码怎么理解同步与异步 如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识. · 正 · 文 · 来......
32 天前 / 云水木石
本文将介绍如何从源码构建出 TensorFlow JS 库(tfjs)。对于大多数微信小程序开发者而言，并不需要经历这一步，要做的仅仅是把编译好的 tfjs 库加入微信小程序工程中。但我还是希望说说如何从源码编译出 tfjs 库，为什么呢？主要出于两个原因： 完整的 tfjs 库大约有 900K，看起来是一个很小的体积，但我们要知道，微信小程序包有 2M 的大小限制。微信小程序添加一点图片，加上深度学习模型文件，很容易超过 2M 的大小。所以 tfjs 库能减则减，可能在项目开发中需要对 tfjs 库进行裁剪。tfjs 主要是为浏览器和 NodeJS 而开发，微信小程序虽然也采用......
40 天前 / vivo互联网技术
JavaScript 中的数组有很多特性：存放不同类型元素、数组长度可变等等，这与数据结构中定义的数组结构或者C++、Java等语言中的数组不太一样，那么JS数组的这些特性底层是如何实现的呢，我们打开V8引擎的源码，从中寻找到了答案。V8中对数组做了一层封装，使其有两种实现方式：快数组和慢数组，快数组底层是连续内存，通过索引直接定位，慢数组底层是哈希表，通过计算哈希值来定位。两种实现方式各有特点，有各自的使用情况，也会相互转换。 一、背景 使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。数......
69 天前 / 江米小枣tonylua
原文：https://itnext.io/how-javascript-works-in-browser-and-node-ab7d0d09ac2f 在 JavaScript 王国的土地上，无数开发者在前端或后端领域热情耕耘着。JS 易于理解，也是前端开发中不可或缺的部分。但不同于其他编程语言，这玩意是单线程的，也就是说代码要依次执行。因此一旦有代码占用时间过长，就会阻塞其他需要执行的代码 -- 所以以下画面在 Google Chrome 中时不时会出现。 1. 浏览器中的情况假设你在浏览器中打开一个页面，其使用了一个单独的 JS 执行线程。该线程负责处理所有事，如滚动页面、打印页面上的某些东西、监听 DOM 事件（......
76 天前 / xF0rk
以上文章由来自OPPO子午互联网安全实验室【Zery】有赏投稿，也欢迎广大朋友继续投稿，详情可点击OSRC重金征集文稿！！！了解~~ 温馨提示：建议广大作者朋友们用markdown格式投稿，特别是包含大量代码的文章 前言 Hybrid混合开发模式正在被越来越多的APP所使用，这种模式中一个绕不开的话题就是Js如何与Java进行交互，而早在Android 4.2之前的版本中，由webview提供Js与java交互的addjavascriptInterface接口就出现了严重的安全漏洞，虽然此后Android限制了只有添加@JavascriptInterface的方法才可以被js调用，但这种交互方式导致了......
77 天前 / 前端小君
布林带上下轨的计算计算KDJ指标最近在用js做股票和币圈的一些走势分析，这就不免要去计算K线中的一些技术指标，如移动均线MA、布林带轨线、MACD等等等，这些指标运算公式看上去不复杂，实际动手写起来还是要费一点脑子的，我们把K线数据集表示为一个数组，那么计算K线指标就是对这个数组进行一系列操作，问题的核心就在对数组的操作上。 很多时候，我们会使用for循环去解决所有的数组问题，这没毛病，也是绝对保险的一条路，但是在解决股票参数计算这种问题上，for循环并不是那么好用，对于需要反复迭代运算的指标（譬如KDJ），用for可能会写出语......
85 天前 / Nealyang
前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见GitHub 地址：Nealyang/personalBlog。目录和发文顺序皆为暂定 首先我想说，【THE LAST TIME】系列的的内容，向来都是包括但不限于标题的范围。 再回来说原型，老生常谈的问题了。但是着实 现在不少熟练工也貌似没有梳理清楚 Function 和 Object、prototype 和__proto__的关系，本文将从原型到继承到 es6 ......
87 天前 / u134271
出牌的思路如下：检查费用，费用够的情况才能打出牌，检查场上还能否放置更多的伙伴，满了也不能打出牌，手牌中删除要出的牌，扣除对应费用，场上添加对应的伙伴，出牌的逻辑才完成。 先完成客户端操作，拖拽卡牌并且放在自己的桌面上代表出牌，处理卡牌拖拽，为卡牌dom加上ref：ref="cardDom"，接着在mounted中加入获取dom引用代码： mounted() {this.cardDom = this.$refs['cardDom'];},然后传入是否可拖拽的选项canDrag: Boolean同时加入是否在桌面选项isOut: Boolean，在Card.vue的mouseDown事件中，加入拖拽的处理： mouseDown(e) {if (th......
92 天前 / 小兀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......
92 天前 / 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......
106 天前 / 噶牛爱尚
作者：valentinogagliardi 译者：前端小智 来源：github 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stack 盒子。 JS 引擎是一个可以编译和解释我们的JS代码强大的组件。最受欢迎的JS 引擎是V8，由 Google Chrome 和 Node.j s使用，SpiderMonkey 用于Firefox，以及Safari/WebKit使用的 JavaScriptCore。 虽然现在 JS 引擎不是帮我们处理全面......
112 天前 / HelloGitHub
本文作者：HelloGitHub-kalifun 文中涉及的示例代码，已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 在上一篇文章我们介绍了 Zdog 如何使用，接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫（和官方的还是有些差别的）。 Zdog 项目地址：https://github.com/metafizzy/zdog 一、分析通过上面的动画，我们可以对 GitHub 章鱼猫进行分析，给我们最直观的就是 7 部分。头部、脸、眼睛、鼻子、嘴巴、胡须、耳朵。 头部：由一个规则的实体圆角矩形组成。 脸：有两个规则的实体圆角矩形组成。第一层......
124 天前 / 姬野
点击上方“蓝字”关注公众号获取最新信息! 本文作者：eth10（贝塔安全实验室-核心成员） 当我们访问的站点只是一个简单的登录页面时，我们应充分利用涉及到的JavaScript脚本函数或文件。 0x01 node js站点 (1) 如何判断是JS开发的站 查看登录页面的页面源代码是如下图时，那么可以简单判断本站是一个纯JS开发的站。 另外可以通过cookie来简单判断，如cookie中有connect.sid这个键，如图所示： (2)查看重要js文件 查看重要文件，一是寻找配置文件，二是查看app.xxx.js文件。 (3)查看js配置文件 通过页面源码可以看到是否存......
129 天前 / 噶牛爱尚
写文章前端黑魔法：webworker动态化，无需JS文件创建worker彭湖湾广发证券 技术工程师72 人赞同了该文章前言前几天，我和一位知乎网友讨论这个问题的时候，觉得这非常有意思，所以写了这篇文章作为记录 本文的思路和项目代码来源于知友 @simon3000，我加以修饰以更符合理解的需求。 本文所用代码已经得到当事人授权，请看： 非常感谢他的理解和鼓励, 然后还有一点要说明的是，他是从他使用worker-loader（webpack技术栈）的过程中得到灵感的。同时呢，他在实现makeworker函数功能的时候，除了学习了worker-loader的用法外，同时还非常巧妙的加......
130 天前 / u134271
首先设计卡牌的数据结构：对于每个卡牌，都需要有个id标识，保证卡牌的id是唯一的，然后有名称，费用，攻击，生命，对于卡牌类型我们要进行区分，目前我们只做人物牌和效果牌，然后卡牌需要一个描述字段用于显示卡牌的效果，还可以注意到如果卡牌扣血或者被进行强化了那么血量和攻击力都有相应的样式，这里就要记录下来卡牌基础攻击力和基础血量。 然后除了卡牌有类型，卡牌的人物也有类型，这个类型就是类似的“前端”、“服务端”这种，相当于炉石传说的“元素”“机械”。 然后卡牌需要有生命周期，用于实现各种特定的效果，那么暂定卡牌的生......