6 天前 / 噶牛爱尚
作者：valentinogagliardi 译者：前端小智 来源：github 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些原理。 在Chrome中打开浏览器控制台，然后查看Sources这栏，在右侧可以到一个 Call Stack 盒子。 JS 引擎是一个可以编译和解释我们的JS代码强大的组件。最受欢迎的JS 引擎是V8，由 Google Chrome 和 Node.j s使用，SpiderMonkey 用于Firefox，以及Safari/WebKit使用的 JavaScriptCore。 虽然现在 JS 引擎不是帮我们处理全面......
11 天前 / HelloGitHub
本文作者：HelloGitHub-kalifun 文中涉及的示例代码，已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 在上一篇文章我们介绍了 Zdog 如何使用，接下来这篇文章我将带领各位利用 Zdog 画出一个 GitHub 章鱼猫（和官方的还是有些差别的）。 Zdog 项目地址：https://github.com/metafizzy/zdog 一、分析通过上面的动画，我们可以对 GitHub 章鱼猫进行分析，给我们最直观的就是 7 部分。头部、脸、眼睛、鼻子、嘴巴、胡须、耳朵。 头部：由一个规则的实体圆角矩形组成。 脸：有两个规则的实体圆角矩形组成。第一层......
23 天前 / 姬野
点击上方“蓝字”关注公众号获取最新信息! 本文作者：eth10（贝塔安全实验室-核心成员） 当我们访问的站点只是一个简单的登录页面时，我们应充分利用涉及到的JavaScript脚本函数或文件。 0x01 node js站点 (1) 如何判断是JS开发的站 查看登录页面的页面源代码是如下图时，那么可以简单判断本站是一个纯JS开发的站。 另外可以通过cookie来简单判断，如cookie中有connect.sid这个键，如图所示： (2)查看重要js文件 查看重要文件，一是寻找配置文件，二是查看app.xxx.js文件。 (3)查看js配置文件 通过页面源码可以看到是否存......
28 天前 / 噶牛爱尚
写文章前端黑魔法：webworker动态化，无需JS文件创建worker彭湖湾广发证券 技术工程师72 人赞同了该文章前言前几天，我和一位知乎网友讨论这个问题的时候，觉得这非常有意思，所以写了这篇文章作为记录 本文的思路和项目代码来源于知友 @simon3000，我加以修饰以更符合理解的需求。 本文所用代码已经得到当事人授权，请看： 非常感谢他的理解和鼓励, 然后还有一点要说明的是，他是从他使用worker-loader（webpack技术栈）的过程中得到灵感的。同时呢，他在实现makeworker函数功能的时候，除了学习了worker-loader的用法外，同时还非常巧妙的加......
29 天前 / u134271
首先设计卡牌的数据结构：对于每个卡牌，都需要有个id标识，保证卡牌的id是唯一的，然后有名称，费用，攻击，生命，对于卡牌类型我们要进行区分，目前我们只做人物牌和效果牌，然后卡牌需要一个描述字段用于显示卡牌的效果，还可以注意到如果卡牌扣血或者被进行强化了那么血量和攻击力都有相应的样式，这里就要记录下来卡牌基础攻击力和基础血量。 然后除了卡牌有类型，卡牌的人物也有类型，这个类型就是类似的“前端”、“服务端”这种，相当于炉石传说的“元素”“机械”。 然后卡牌需要有生命周期，用于实现各种特定的效果，那么暂定卡牌的生......
30 天前 / 码咖
一、执行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() 二、使用界面工具 这个工具很简单，有相应的提示，在灰色框中输入 命令执行即可。
32 天前 / 阿伟
写文章用 JS 写游戏自动脚本是什么体验？阿伟身在高楼心在北大荒，我就这副死样～15 人赞同了该文章我是从写游戏脚本入的编程这行今天翻看老照片，翻到了下面这张： 故事要从 2012 年说起，那时候我大二，梦想是去迪信通卖手机，业余爱好是捣鼓手机，就是刷系统，美化主题，逛论坛啊这些，也加了一些奇奇怪怪的 QQ 群。某天下午，看到群里有人说：“有会写自动脚本的吗？求合作，一起搞 DNF！” DNF 我知道，游戏脚本基本没听说过。当时也不知道哪根筋搭错了，反手就回了句：“我会！”想想那时候仅有的编程经验应该还是初中微机课上用 VB 写过一......
46 天前 / vivo互联网技术
上篇《如何通过 JavaScript 编写高质量的函数（1） -- 敲山震虎篇》介绍了函数的执行机制，此篇将会从函数的命名、注释和鲁棒性方面，阐述如何通过 JavaScript 编写高质量的函数。 （一）函数命名 一、目前前端的函数命名存在什么问题 从上图可以知道，命名和缓存是计算机科学中的两大难题。 本文要说的函数命名，虽然涉及到的范围较窄，但思想都一样，完全可以借鉴到其他的形式中。 之前阅读过代码大全中变量的相关章节，也针对性的了解过一些源码，根据我的经验总结，目前函数命名除了业界标准的问题外，还存在一......
49 天前 / 冷星1024
前言何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景交融、首尾呼应、衬托对比、白描细描、比喻象征、借古讽今、卒章显志、承上启下、开门见山、动静相衬、虚实相生、实写虚写、托物寓意、咏物抒情等，这些应该都是我们从小到大写文章而接触到的写作技巧。 作为程序猿的我们，写代码同样也需......
54 天前 / pingan8787
前言像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。而对于JavaScript来说，会在创建变量（对象，字符串等）时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。 内存生命周期JS 环境中分配的内存有如下声明周期： 内存分配：当我们申明变量、函数、对象的时候，系统会自动为他们分配内存 内存使用：即读写内存，也就是使用变量、函......
56 天前 / 携程技术中心
作者简介 储贻锋，携程无线平台研发部基础框架组资深Android研发，目前主要负责CRN Android端和携程Android基础架构的维护与开发工作。 引言 Facebook在ChainReact2019大会上正式推出了新一代JavaScript执行引擎Hermes。Hermes是个轻量级的JS引擎，专门对Android上运行ReactNative进行了优化。我们第一时间在CRN项目中集成了Hermes, 并做了深度调研。 一、Hermes介绍 自ReactNative推出以来，有大量的APP接入并使用，其中也包括大型应用的主流程业务。随着业务复杂度不断上升，性能问题变得无法忽视。 在分析性能数据时，F......
71 天前 / 噶牛爱尚
写文章一种基于编译器的的JS混淆及反混淆方案看雪学院看雪学院，为IT专业人士、技术专家提供了一个民间交流与合作空间。9 人赞同了该文章阿特伍德定律指出，“任何可以用JavaScript来写的应用，最终都将用JavaScript来写”，5G的到来将导致大量的应用不再native化，而从云端直接下载，JS作为与用户交互的入口，大有一统所有编程语言的势头。 很多大公司如华为，正在为5G时代的大前端，还有物联网迫切需要的更高效的JS编译器进行超前的研发。 但JS表现出强大的统治力的同时，也面临着十分严峻的安全问题：代码直接暴露在浏览器中，因此对JS代码实......
76 天前 / 冷星1024
虽然现在基本不怎么使用 jQuery了，但 jQuery流行 10多年的 JS库，还是有必要学习它的源码的。也可以学着打造属于自己的 js类库，求职面试时可以增色不少。 本文章学习的是 v3.4.1版本。unpkg.com源码地址：https://unpkg.com/jquery@3.4.1/dist/jquery.js jQuery github仓库 自执行匿名函数(function(global, factory){ })(typeof window !== "underfined" window: this, function(window, noGlobal){ }); 外界访问不到里面的变量和函数，里面可以访问到外界的变量，但里面定义了自己的变量，则不会访问外界的变量。匿名函数将代码......
85 天前 / 敌人来啦快跑啊
导语：18年10月份，手机QQ看点团队尝试使用 Flutter，做为iOS开发，一接触到Flutter就马上感受到，Flutter 虽然强大，但不能像RN一样动态化是阻碍我们使用她的唯一障碍了。看Google团队对动态化的计划，短期内应该不会上线，所以自己动手，启动了这个技术探索项目。 基于JS的高性能Flutter动态化框架 可能是目前放出来的相对最完整的Flutter动态化方案 简介 项目代号：MXFlutter （Matrix Flutter） 核心思路是把 Flutter 的渲染逻辑中的三棵树中的第一棵，放到 JavaScript 中生成。用 JavaScript 完整实现了 Flu......