day02_js学习笔记_01_js的简介、js的基本语法 ======================================================================
Node.js的napi极大地方便了c++ addon的编写,使得用户不再那么需要面对复杂的v8。本文通过一个例子来分析一下napi的使用和napi到底做了什么。
在我们都js中,如果运算数不是运算符所要求的类型,那么js会自动将运算数进行类型转换。
但是我们发现搜遍Node.js的源码都找不到napi_value__定义,那这个定义是什么意思呢?c语言中,允许定义一个没有定义的结构体的指针。所以napi_value其实就是一个一级指针。他不需要类型信息,因为Node.js不会对他进行解引用。比如在c语言中有以下代码
Web 技术突飞猛进,但是有一个领域一直无法突破 ---- 游戏。 游戏的性能要求非常高,一些大型游戏连 PC 跑起来都很吃力,更不要提在浏览器的沙盒模型里跑了!但是,尽管很困难,许多开发者始终没放弃
在我们写前后端交互时,最反感的可能就是拼接大量图表的工作了(html += "xxxxxxxxx...." ),记得之前写一个“急”页面,有大量的js拼接内容(类似今日头条APP的检索页面),拼接代码写了几千行。知道么,我是流着泪加班写完的。
JavaScript Object Notation(JavaScript 对象表示),是一种存储和交换文本信息的语法,它独立程序语言,是轻量级的文本数据交换格式,比XML更小、更快,更易解析,JS原生支持JSON解析
在Node.js中,当我们给前端返回一个静态文件的时候,我们通常会把文件先读进内容,然后通过socket接口写到底层,从而返回给前端。无论是一次性读取到内存还是使用流式的方式,都不可避免地要把数据从内核复制到用户层,再把数据复制到内核,这是一种低效的方式,因为多了无效的复制。在nginx中,可以通过sendfile指令提供效率。Node.js的copyFile底层使用了sendfile系统调用,但是网络IO的时候,没有使用该API。因为Node.js通过队列的方式,控制数据的写入。那么是否可以实现sendfile的方式来提供这网络IO的效率。首先我们看一下sendfile的好处是什么。
10月24号那天,也就是传说中的1024程序员节,我翻开日历的时候,看到一段代码:
1. 目标 学会将当前文件夹下的图片【‘jpg’, ‘png’, ‘jpeg’, ‘bmp’】,转换成base64,保存到icon.js的文件中; 学会读取图片文件,将文件转成 base64 的字符串; 学会获取文件夹下的所有图片文件; 学会将 base64 的字符串存入 icon.js 文件中。 2. 引入依赖模块 import os import base64 3. 获取文件夹下所有的文件 读取当前给出的路径下的所有文件和文件夹名称 返回所有文件和文件夹名称列表 # 获取文件夹下所有的文件 def ge
这是一个很老的问题,相信很多人在工作中都遇到过,之前看到X乎上看到的,分析的很通透,所以跟大家一起分享一下。
本文分享一下nodejs中js调用c++模块的一些内容。js调用c++模块是v8提供的能力,nodejs是使用了这个能力。这样我们只需要面对js,剩下的事情交给nodejs就行。本文首先讲一下利用v8如何实现js调用c++,然后再讲一下nodejs是怎么做的。
Mysql5.7版本以后新增的功能,Mysql提供了一个原生的Json类型,Json值将不再以字符串的形式存储,而是采用一种允许快速读取文本元素(document elements)的内部二进制(internal binary)格式,并提供了不少内置函数,通过计算列,甚至还可以直接索引json中的数据。
首先,它是一种解释性语言,大神最开始的设计目标用户就是“非专业编程人员和设计师”,避免了非专业人士对编译器了解的需要,解释性语言就是边解释边执行,与编译性语言的先编译后执行相比,执行速度慢了很多;
我们知道,JavaScript是动态类型的语言,这意味着它不会在编译期检查类型。而相对来说,Kotlin和Java都是静态类型的。
刘艳 高级前端开发工程师 多端融合平台组成员 JDReact平台Web转换框架的架构设计,及核心组件开发 简介 JS于1995年问世,设计的初衷不是为了执行起来快。直到08年性能大战中,许多浏览器引入
js实现截图并保存图片在本地(html转canvas、canvas转image) 一、html转canvas 需要的库html2canvas.js和canvas2image.js 话不多说,直接上代码! html 原始HTML 04day03_js学习笔记_02_js的内建对象、js的函数day03_js学习笔记_02_js的内建对象、js的函数 ============================================================================= ============================================================================= 涉及到的知识点有: 三、js的内建对象 (1) Number对象 (2) Boolean对象03[python]一起学python(1跟很多前端工作者一样,我也常常打听。作为前端,在要懂js的前提下,还要可以学什么其他语言来增加自己的竞争力。 我看到最多的是node,很多人说前端真正的学好node。已经可以胜任很多工作了。假如想学后端java是需求最大的。 不过目前来说java的学习成本很高,相对python是一门很好入门的语言,最近也是很火。 所以我想用一小段时间,快速了解一下python。(本文用的是python3.x)03node-addon-api的设计和实现前言:开发Nodej.js Addon的方式经过不断地改进,已经逐步完善,至少我们不需要在升级Node.js版本的同时担心Addon用不了或者重新编译。目前Node.js提供的开发方式是napi。但是napi用起来非常冗余和麻烦,每一步都需要我们自己去控制,所以又有大佬封装了面向对象版本的api(node-addon-api),使用上方便了很多,本文分析一下node-addon-api的设计思想,但不会分析过多细节,因为我们理解了设计思想后,使用时去查阅文档或者看源码就可以。04深入了解JS 数据类型由于JavaScript 是弱类型语言,而且JavaScript 声明变量的时候并没有预先确定的类型,变量的类型就是其值的类型,也就是说「变量当前的类型由其值所决定」,夸张点说上一秒是String,下一秒可能就是个Number类型了,这个过程可能就进行了某些操作发生了强制类型转换。虽然弱类型的这种「不需要预先确定类型」的特性给我们带来了便利,同时也会给我们带来困扰,为了能充分利用该特性就必须掌握类型转换的原理。本文我们将深入了解JavaScript 的类型机制。01搞定大厂算法面试之leetcode精讲16.set&map 哈希表实现的map或者set查找的时间复杂度是O(1),哈希表优点是查找非常快,哈希表的缺点是失去了数据的顺序性,平衡二叉搜索树实现的map或set查找时间复杂度是O(logn),它保证了数据顺序性05彻底终结 Javascript 背后的隐式类型转换网上已经有很多 JS 隐式类型转换相关的博客, 很多面试者专门复习过此问题, 但依然挡不住面试官一个又一个的无聊小题目~02css-loader的使用在我们之前的实例中,我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。03用Python模拟登陆微博前言 最近在研究模拟登陆,看了很多教程,发现基本上都是只教怎么处理后就能登陆成功,没有讲解怎样得到处理的方法。经过的一天的研究,把微博模拟登陆基本上弄清楚了,下面就把过程详细说明。 ---- 工具和环境 1.语言:Python3 2.IDE: Pycharm 3.浏览器:Chrome 4.使用的库:re, rsa, base64, requests, PIL, urllib ---- 模拟登陆过程 弄清楚所需的数据 首先我们在Chrome浏览器中打开微博登陆界面,然后Ctrl+shift+i开启开发者工具09搞定大厂算法面试之leetcode精讲19.数组搞定大厂算法面试之leetcode精讲19.数组 视频讲解(高效学习):点击学习 数组操作的时间复杂度 Access:O(1) Search:O(n) Insert: 平均O(n),最好的情况下O(1),也就是在数组尾部插入O(1),最坏的情况下O(n) Delete;平均O(n),最好的情况下O(1),也就是在数组尾部删除O(1),最坏的情况下O(n) 283. 移动零 (easy) 动画过大,点击查看 方法1:两次遍历 思路:遍历数组,定义索引j为数组的第一个位置,遇上非0元素,让03js引擎v8源码分析之Object(基于v8 0.1.5)1 c++对象的类型 1 v8的对象是4字节对齐的,用地址的低两位出来标记对象的类型。 2 堆对象(HeapObject)是Object的子类。Object里面的很多方法都是用于堆对象。堆对象有自己的一套对象类型判断方式。每个堆对象有一个map属性,他记录了堆对象的类型type,大小size。 1 type主要是用于记录c++对象的类型。 2 有一些单例的map对象,也是用于判断c++对象的类型的。 3 map的type属性的低八位是用来区分是不是字符串类型的。高位8位是1说明不是字符串,是0说明是字符串类型。低7位记录字符串的子类型。 下面是定义。01小程序 | 3-架构和配置基于 https://www.bilibili.com/video/BV1Kt411V7rg?p=7 整理 1 配置 小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的03ajax返回JSON时的处理方式JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。01Webpack一. 对模块化进行解释 二. 对打包的理解 三. 关于webpack和node和npm的关系 四.关于Webpack的一个简单应用 五.webpack.config.js配置和package.json配置 六.webpack中使用css文件的配置03ES6-Babel编译环境搭建里边的一个核心功能就是transform,把js代码编程抽象语法树AST。只要变成抽象语法树后,后期的插件才能根据这个抽象语法树进行降级,转成es5。0118. Flask 模板 - 变量、过滤器在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。这次的模板内容主要的作用即是承担视图函数的另一个作用,即返回响应内容。02js的数据类型有哪些?[通俗易懂]基本数据类型(值类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)。03javascript 红皮高程(8)今天继续,JS的数值转换。这里面的坑啊, 真是太多了。 JS有三个函数可以把非数值转为数值: Number(); parseInt(); parseFloat(); Number()可以用于任何数据类型。换言之,什么都可以往里面放。但是,能转成什么东西就不一定了,来看看规则,巨多: Boolead,true和false分别转成1和0; 数字,就转成数字了; null,返回0; undefined,返回NaN; 字符串: -字符串就是数字的,那就转为数字。但最左边的0会没有。 -字符串包含十六进制的,转为相同010Webpack前世今生在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码写在<script>标签中即可。随着ajax异步请求的出现,慢慢形成了前后端的分离,客户端需要完成的事情越来越多,代码量也是与日俱增。为了应对代码量的剧增,我们通常会将代码组织在多个js文件中,进行维护。但是这种维护方式,依然不能避免一些灾难性的问题。比如全局变量同名问题,看下面的例子:03Flask 模板 - 变量、过滤器在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。这次的模板内容主要的作用即是承担视图函数的另一个作用,即返回响应内容。01Web前端基础(06)###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c02用Java实现JVM第三章《解析class文件》附[classReader拆解]案例介绍 按照如下虚拟机规范,本文主要介绍java版本jvm提取class字节码方式。在java中没有无符号类型,例如js中byte取值是0~255、java中是-128 ~ +127,所以在实际处理字节码时[虚拟机规范u1、u2、u4],需要进行转换。02JavaScript 学习-6.对象(object)的序列化和反序列化当我们需要向后端传json字符串的时候,需将JavaScript的对象转成json格式,这个过程就是序列化。02vue.js客服系统实时聊天项目开发(十七)解决url get传参后进行base64解密问题有些参数需要在url的GET里传递,但是为了防止特殊字符问题,我转成了base64编码。03Python3 初学实践案例(1)按条件生成复杂密码07浅谈python处理json和redis hash的坑1、使用MySQLdb读取出来的数据是unicode字符串,如果要写入redis的hash中会变成02nodejs生成不重复数字的一种办法最近在做需求的时候,有个管理端接口需要在调用的时候传递一个无符号的32位整形文件ID,也就是0 ~ 4294967295之间的数字,每次调用接口这个文件ID不能重复。09【Redis高手修炼之路】案例——异步加载所有联系人访问index.html页面,点击页面上的加载所有联系人按钮,才使用ajax请求异步加载所有联系人列表。用户第一次访问从数据库中获取数据,以后都从redis缓存里面获取。03js 加密 crypto-js des加密crypto-js https://www.npmjs.com/package/crypto-js03JS对象与JSON格式数据相互转换最近遇到这个问题,JS对象和JSON格式数据的相互转换。其实,也就是两个问题:JS对象转换成为JSON格式数据、JSON格式数据转换成为JS对象 目前的项目数据交互几乎都用JQuery,所以处理流程是:前端页面数据-》JS对象-》jQuery提交-》python处理,另外一种就是倒过来。python肯定不能直接处理JS对象数据,所以要把JS对象转换成为python能处理的一种数据格式(通常是字典dict),同样,python取数据反馈到前端也要把字典数据转换成JS能处理的对象,这个中间转换数据格式通常就是J05初探小程序(二)请求WebService最近做小程序项目,由于项目比较古老,所以后台提供的接口是WebService的,这样在小程序的网络请求中,就需要进行一些处理,在各种查资料爬坑后(不得不说,百度太坑,前几个资料跟本不好用,不过可能也就是我这头不好用,但是!!!!我的这种方法,肯定适用各种情况的WebService请求情况,所以看我就足够啦,哈哈哈哈哈!!!!!)03python 基础认识,弱类型,解释执行我们从第一个「hello world」开始。首先我们先进入电脑的控制台输入 python3 进入 python 解释器模式。02es6转es5思路可以使用 @babel/parser 的 parse 方法,将代码字符串解析成 AST; 使用 @babel/core 的 transformFromAstSync 方法,对 AST 进行处理,将其转成 ES5 并生成相应的代码字符串, 就像vue处理模板一样,把es6代码识别为一段字符串,根据规则转成ast,然后根据映射表转换成es5的语法,然后转成es5字符串,最后转成js03
day03_js学习笔记_02_js的内建对象、js的函数 ============================================================================= ============================================================================= 涉及到的知识点有: 三、js的内建对象 (1) Number对象 (2) Boolean对象
跟很多前端工作者一样,我也常常打听。作为前端,在要懂js的前提下,还要可以学什么其他语言来增加自己的竞争力。 我看到最多的是node,很多人说前端真正的学好node。已经可以胜任很多工作了。假如想学后端java是需求最大的。 不过目前来说java的学习成本很高,相对python是一门很好入门的语言,最近也是很火。 所以我想用一小段时间,快速了解一下python。(本文用的是python3.x)
前言:开发Nodej.js Addon的方式经过不断地改进,已经逐步完善,至少我们不需要在升级Node.js版本的同时担心Addon用不了或者重新编译。目前Node.js提供的开发方式是napi。但是napi用起来非常冗余和麻烦,每一步都需要我们自己去控制,所以又有大佬封装了面向对象版本的api(node-addon-api),使用上方便了很多,本文分析一下node-addon-api的设计思想,但不会分析过多细节,因为我们理解了设计思想后,使用时去查阅文档或者看源码就可以。
由于JavaScript 是弱类型语言,而且JavaScript 声明变量的时候并没有预先确定的类型,变量的类型就是其值的类型,也就是说「变量当前的类型由其值所决定」,夸张点说上一秒是String,下一秒可能就是个Number类型了,这个过程可能就进行了某些操作发生了强制类型转换。虽然弱类型的这种「不需要预先确定类型」的特性给我们带来了便利,同时也会给我们带来困扰,为了能充分利用该特性就必须掌握类型转换的原理。本文我们将深入了解JavaScript 的类型机制。
哈希表实现的map或者set查找的时间复杂度是O(1),哈希表优点是查找非常快,哈希表的缺点是失去了数据的顺序性,平衡二叉搜索树实现的map或set查找时间复杂度是O(logn),它保证了数据顺序性
网上已经有很多 JS 隐式类型转换相关的博客, 很多面试者专门复习过此问题, 但依然挡不住面试官一个又一个的无聊小题目~
在我们之前的实例中,我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。
前言 最近在研究模拟登陆,看了很多教程,发现基本上都是只教怎么处理后就能登陆成功,没有讲解怎样得到处理的方法。经过的一天的研究,把微博模拟登陆基本上弄清楚了,下面就把过程详细说明。 ---- 工具和环境 1.语言:Python3 2.IDE: Pycharm 3.浏览器:Chrome 4.使用的库:re, rsa, base64, requests, PIL, urllib ---- 模拟登陆过程 弄清楚所需的数据 首先我们在Chrome浏览器中打开微博登陆界面,然后Ctrl+shift+i开启开发者工具
搞定大厂算法面试之leetcode精讲19.数组 视频讲解(高效学习):点击学习 数组操作的时间复杂度 Access:O(1) Search:O(n) Insert: 平均O(n),最好的情况下O(1),也就是在数组尾部插入O(1),最坏的情况下O(n) Delete;平均O(n),最好的情况下O(1),也就是在数组尾部删除O(1),最坏的情况下O(n) 283. 移动零 (easy) 动画过大,点击查看 方法1:两次遍历 思路:遍历数组,定义索引j为数组的第一个位置,遇上非0元素,让
1 c++对象的类型 1 v8的对象是4字节对齐的,用地址的低两位出来标记对象的类型。 2 堆对象(HeapObject)是Object的子类。Object里面的很多方法都是用于堆对象。堆对象有自己的一套对象类型判断方式。每个堆对象有一个map属性,他记录了堆对象的类型type,大小size。 1 type主要是用于记录c++对象的类型。 2 有一些单例的map对象,也是用于判断c++对象的类型的。 3 map的type属性的低八位是用来区分是不是字符串类型的。高位8位是1说明不是字符串,是0说明是字符串类型。低7位记录字符串的子类型。 下面是定义。
基于 https://www.bilibili.com/video/BV1Kt411V7rg?p=7 整理 1 配置 小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的
JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。
一. 对模块化进行解释 二. 对打包的理解 三. 关于webpack和node和npm的关系 四.关于Webpack的一个简单应用 五.webpack.config.js配置和package.json配置 六.webpack中使用css文件的配置
里边的一个核心功能就是transform,把js代码编程抽象语法树AST。只要变成抽象语法树后,后期的插件才能根据这个抽象语法树进行降级,转成es5。
在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。这次的模板内容主要的作用即是承担视图函数的另一个作用,即返回响应内容。
基本数据类型(值类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)。
今天继续,JS的数值转换。这里面的坑啊, 真是太多了。 JS有三个函数可以把非数值转为数值: Number(); parseInt(); parseFloat(); Number()可以用于任何数据类型。换言之,什么都可以往里面放。但是,能转成什么东西就不一定了,来看看规则,巨多: Boolead,true和false分别转成1和0; 数字,就转成数字了; null,返回0; undefined,返回NaN; 字符串: -字符串就是数字的,那就转为数字。但最左边的0会没有。 -字符串包含十六进制的,转为相同
在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码写在<script>标签中即可。随着ajax异步请求的出现,慢慢形成了前后端的分离,客户端需要完成的事情越来越多,代码量也是与日俱增。为了应对代码量的剧增,我们通常会将代码组织在多个js文件中,进行维护。但是这种维护方式,依然不能避免一些灾难性的问题。比如全局变量同名问题,看下面的例子:
###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c
案例介绍 按照如下虚拟机规范,本文主要介绍java版本jvm提取class字节码方式。在java中没有无符号类型,例如js中byte取值是0~255、java中是-128 ~ +127,所以在实际处理字节码时[虚拟机规范u1、u2、u4],需要进行转换。
当我们需要向后端传json字符串的时候,需将JavaScript的对象转成json格式,这个过程就是序列化。
有些参数需要在url的GET里传递,但是为了防止特殊字符问题,我转成了base64编码。
1、使用MySQLdb读取出来的数据是unicode字符串,如果要写入redis的hash中会变成
最近在做需求的时候,有个管理端接口需要在调用的时候传递一个无符号的32位整形文件ID,也就是0 ~ 4294967295之间的数字,每次调用接口这个文件ID不能重复。
访问index.html页面,点击页面上的加载所有联系人按钮,才使用ajax请求异步加载所有联系人列表。用户第一次访问从数据库中获取数据,以后都从redis缓存里面获取。
crypto-js https://www.npmjs.com/package/crypto-js
最近遇到这个问题,JS对象和JSON格式数据的相互转换。其实,也就是两个问题:JS对象转换成为JSON格式数据、JSON格式数据转换成为JS对象 目前的项目数据交互几乎都用JQuery,所以处理流程是:前端页面数据-》JS对象-》jQuery提交-》python处理,另外一种就是倒过来。python肯定不能直接处理JS对象数据,所以要把JS对象转换成为python能处理的一种数据格式(通常是字典dict),同样,python取数据反馈到前端也要把字典数据转换成JS能处理的对象,这个中间转换数据格式通常就是J
最近做小程序项目,由于项目比较古老,所以后台提供的接口是WebService的,这样在小程序的网络请求中,就需要进行一些处理,在各种查资料爬坑后(不得不说,百度太坑,前几个资料跟本不好用,不过可能也就是我这头不好用,但是!!!!我的这种方法,肯定适用各种情况的WebService请求情况,所以看我就足够啦,哈哈哈哈哈!!!!!)
我们从第一个「hello world」开始。首先我们先进入电脑的控制台输入 python3 进入 python 解释器模式。
可以使用 @babel/parser 的 parse 方法,将代码字符串解析成 AST; 使用 @babel/core 的 transformFromAstSync 方法,对 AST 进行处理,将其转成 ES5 并生成相应的代码字符串, 就像vue处理模板一样,把es6代码识别为一段字符串,根据规则转成ast,然后根据映射表转换成es5的语法,然后转成es5字符串,最后转成js
领取专属 10元无门槛券
手把手带您无忧上云