const

DOM (Document Object Model) DOM 节点类型 Document #document => null DocumentTpe doctype名称 => null Element elementName => null Attr 属性名称 => 属性值 Text #text => 节点内容 Comment #comment => 注释文本 DOM 获取节点 // 查询id元素 const node = document.getElementById(element) // 查询className元素，返回的是一个node list，是一个集合 const node = document.getElementsByClassName(className) // 查询标签元素,返回的是一个node list，是一个集合 const node = document.getElementsByTagName(tagname) // 查询元素的 name 属性 document.getElementsByName(name) // h5 出的 // 获取selector选择器元素 const node = document.querySelector(selector) // 获取所有selector选择器元素 const node = document

简介 由于工作原因，boss下达的任务就大概说了对图片进行压缩寻找比较合理的方式，还举了一个项目中的坑，就是系统原生的Bitmap.compress设置质量参数为100生成图片会变大的坑。所以我打算用一点时间研究研究Bitmap在内存和外存中的情况。首先需要对图片进行压缩，大家都知道图片是Android里面一个大坑，具体的问题有: OOM，一不留神就用OOM来冲冲喜，所以网上就有了很多解决oom问题的建议，但是由于网友的水平不一也导致建议参差不齐。（内存） 图片压缩再加载失真严重，或者压缩率不够达不到项目要求的效果。（外存） 那我今天就要解决的就是通过今天查阅的资料和自己的判断，还有实践归档一下图片在Android上的问题。并且给出自己解决图片压缩问题的解决方案和实际操作。 1、为什么Android上的图片就不如IOS上的？ libjpeg是广泛使用的开源JPEG图像库，安卓也依赖libjpeg来压缩图片。但是安卓并不是直接封装的libjpeg，而是基于了另一个叫Skia的开源项目来作为的图像处理引擎。Skia是谷歌自己维护着的一个大而全的引擎，各种图像处理功能均在其中予以实现，并且广泛的应用于谷歌自己和其它公司的产品中（如：Chrome、Firefox、 Android等）。Skia对libjpeg进行了良好的封装，基于这个引擎可以很方便为操作系统、浏览器等开发图像处理功能。

想法 我以前对于 C 语言的印象是有很强的确定性，而 PHP 在执行的时候会被翻译为 C 语言执行，所以一直很好奇 PHP 怎么调用底层函数。 换句话说就是已知函数名字的情况下如何调用 C 语言中对应名字的函数？ 解决这个问题前，首先根据过往的经验做出假设，然后再去验证。 之前在写《用 C 语言实现面向对象》的时候，就意识到使用 void 指针实现很多功能，包括指向任意的函数。接着在写《PHP 数组底层实现》的时候，了解了 HashTable 的实现，即在 C 语言层面通过字符串 key 找到任意类型值。 现在把两者结合起来，是否就能解决以上问题了？比如说把函数名作为 HashTable 的 key，函数指针作为 HashTable 的 value，这样就可以通过函数名获取函数指针来调用函数了。 接下来通过查看 PHP 的源码来看这个假设与真实情况有多少差距。 总体分为三个步骤： 从 PHP 层进入 C 语言层 找到字符串函数名与函数的关系 函数的调用 注：这篇博客的源码对应的版本是 PHP 7.4.4 。 https://github.com/php/php-src/tree/php-7.4.4 从 PHP 层进入 C 语言层 首先要找到 C 语言层调用函数的地方。怎么找？ 经常使用 PHP 的同学看到前面的问题描述很容易联想到 PHP

//useCallback import React, { Fragment, PureComponent, memo, useContext, createContext } from 'react'; // import About from './About'; const CountContext = createContext(); //创建context //类方式 class Foo extends PureComponent { static contextType = CountContext; //注入this.context,static 表示静态方法 render() { let count = this.context; return ( <div>{count}</div> ) } } //hooks方式 const Fbr = memo(() => { const count = useContext(CountContext); //CountContext是上文创建context对象 return ( <div> {count} </div> ) }); class App extends PureComponent { state = { count: 0, name: 0 } render() { return ( <Fragment>

const 是如何做到变量在声明初始化之后不允许改变的？ 其实 const 保证的不是变量的值不允许改变，而是保证该变量指向的内存地址所保存的数据不允许改变。 由于简单数据类型和复合数据类型保存值的方式不同： 对于简单类型的数据（数值 number、字符串 string 、布尔值 boolean），值就保存在变量指向的内存地址内，因此 const 声明的简单类型变量就等同于常量。 而对于复杂类型（对象 object，数组 array，函数 function），变量指向的内存地址，实际上保存的只是一个指向实际数据的指针。const 只能保证这个指针是固定的（即总是指向一个固定的内存地址），但这个指针指向的数据结构变不变就无法控制了，所以在使用 const 声明复杂类型数据为常量时要慎重，必须非常小心。 来源： oschina 链接： https://my.oschina.net/u/4312621/blog/3222839

1）字符串操作 strcpy(p, p1) 复制字符串 strncpy(p, p1, n) 复制指定长度字符串 strcat(p, p1) 附加字符串 strncat(p, p1, n) 附加指定长度字符串 strlen(p) 取字符串长度 strcmp(p, p1) 比较字符串 strcasecmp忽略大小写比较字符串 strncmp(p, p1, n) 比较指定长度字符串 strchr(p, c) 在字符串中查找指定字符 strrchr(p, c) 在字符串中反向查找 strstr(p, p1) 查找字符串 strpbrk(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找该集合的任一元素 strspn(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找不属于该集合的任一元素的偏移 strcspn(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找属于该集合的任一元素的偏移 * 具有指定长度的字符串处理函数在已处理的字符串之后填补零结尾符 2）字符串到数值类型的转换 strtod(p, ppend) 从字符串 p 中转换 double 类型数值，并将后续的字符串指针存储到 ppend 指向的 char* 类型存储。 strtol(p, ppend, base) 从字符串 p 中转换 long 类型整型数值，base 显式设置转换的整型进制

1）字符串操作 strcpy(p, p1) 复制字符串 strncpy(p, p1, n) 复制指定长度字符串 strcat(p, p1) 附加字符串 strncat(p, p1, n) 附加指定长度字符串 strlen(p) 取字符串长度 strcmp(p, p1) 比较字符串 strcasecmp忽略大小写比较字符串 strncmp(p, p1, n) 比较指定长度字符串 strchr(p, c) 在字符串中查找指定字符 strrchr(p, c) 在字符串中反向查找 strstr(p, p1) 查找字符串 strpbrk(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找该集合的任一元素 strspn(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找不属于该集合的任一元素的偏移 strcspn(p, p1) 以目标字符串的所有字符作为集合，在当前字符串查找属于该集合的任一元素的偏移 * 具有指定长度的字符串处理函数在已处理的字符串之后填补零结尾符 2）字符串到数值类型的转换 strtod(p, ppend) 从字符串 p 中转换 double 类型数值，并将后续的字符串指针存储到 ppend 指向的 char* 类型存储。 strtol(p, ppend, base) 从字符串 p 中转换 long 类型整型数值，base 显式设置转换的整型进制

const 是如何做到变量在声明初始化之后不允许改变的？ 其实 const 保证的不是变量的值不允许改变，而是保证该变量指向的内存地址所保存的数据不允许改变。 由于简单数据类型和复合数据类型保存值的方式不同： 对于简单类型的数据（数值 number、字符串 string 、布尔值 boolean），值就保存在变量指向的内存地址内，因此 const 声明的简单类型变量就等同于常量。 而对于复杂类型（对象 object，数组 array，函数 function），变量指向的内存地址，实际上保存的只是一个指向实际数据的指针。const 只能保证这个指针是固定的（即总是指向一个固定的内存地址），但这个指针指向的数据结构变不变就无法控制了，所以在使用 const 声明复杂类型数据为常量时要慎重，必须非常小心。 来源： oschina 链接： https://my.oschina.net/u/4345306/blog/3222619

刷机过程中会碰到很多crash问题，此时安卓会在/data/tombstones目录下保存9个session文件，如下 root@android:/ # find . |grep tombs ./data/tombstones ./data/tombstones/tombstone_00 ./data/tombstones/tombstone_01 root@android:/ # 每个tombstone文件里包含如下信息： Build fingerprint Crashed process and PIDs Terminated signal and fault address CPU registers Call stack Stack content of each call 下面讲述怎么使用ndk-stack和addr2line来跟踪tombstone文件里的错误信息： 1、安装NDK，设置环境变量 export ANDROID_NDK_PATH=/home/bytesthink/tools/android-ndk-r8d/ PATH= $ANDROID_NDK_PATH:$PATH 2、执行ndk-stack命令，其中--sym指向AOSP编译目录中符号路径 --dump指向要调试的tombstone文件 bytesthink@ubuntu:~/tools/android

一、起步 1、扎实的 HTML/CSS/Javascript 基本功，这是前置条件。 2、不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。 不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 3、学习了解ES6的语法。 二、ECMAScript介绍 1997年 ECMAScript 1.0 诞生 1999年12月 ECMAScript 3.0诞生，它 是一个巨大的成功，在业界得到了广泛的支持，它奠定了JS的基本语法，被其后版本完全继承。直到今天，我们一开始学习JS，其实就是在学3.0版的语法 2000年的ECMAScript4.0是当下ES6的前身，但由于这个版本太过激烈，对ES3做了彻底升级，所以暂时被“和谐”了 2009年12月，ECMAScript5.0版正式发布。ECMA专家组预计ECMAScript的第五个版本会在2013年中期到2018年作为主流的开发标准。2011年6月，ES5.1版发布，并且成为ISO国际标准 2013年，ES6草案冻结，不再添加新的功能，新的功能将被放到ES7中；2015年6月，ES6正式通过，成为国际标准 简单来学几个es6的语法，仅仅的只是为了vue的课程做课前准备。更多背景知识可以查看 http://es6.ruanyifeng.com/