- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 原生渲染和webview渲染
原生的渲染方式：view->layout->renderNode ->合成->GPU渲染webview目前渲染方式：html->dom tree ->render tree ->render layer + 栅格化 ->合成->gpu渲染1：native layout算法比浏览器快； 2：JS Thread、DOM Thread、Native MainThread，并行化进行；3：webview本身其实更像一个容器或者盒子，它是装在在OS里.
2020-12-08 20:12:23
2994
原创 纯前端实现图像跟踪
web上实现图像跟踪的基本技术方案：1：传统的AR实现方式有三种：（1）专用设备（体验不好）（2）前后端结合（网络传输高时延）（3）纯前端（js算力不足）（4）借助浏览器内核（不具有普适性）2：采用上述第三种方案：纯前端来实现图像跟踪，使用的是js视觉库和一系列的优化方法，提速+提高跟踪的精度。主要：“ORB”+“L-K光流”（解决的主要问题是：ORB运算量大且特征提取不稳定）抖动优化：卡尔曼滤波（进一步过度补偿）+最小二乘法（粒子滤波改进最小二乘法，得到更平稳的RT）+RANSAC（消除.
2020-09-06 00:15:44
921
1
原创 webpack实习学习总结
代码分割打包就是将各个模块（一个个import\require的js文件）引入并合并到一个单独的js文件的过程，最终形成一个“bundle”，接着在html页面上引入这个"bundle"。 打包带来的好处：1:模块化开发：提高开发效率，增加代码的维护性和可读性（因为复杂的应用都有比较复杂的资源关系网，模块化开发有助于我们清晰地各个资源之间的关系，从而组合式地引入各个模块）2:优化：（1）可以进行模块复用（抽取公共代码，减少不必要的http请求；防止js文件过大阻塞关键dom的加载） (2
2020-07-31 22:23:41
267
原创 npm问题汇总
npm不是可以执行的命令：环境变量中的上下path要配把npm和node的path写对时间超时:使用npm install时，如果时间超时，可以使用cnpm或者tnpm等公司指定的npm。同时，如果有权限问题，使用管理员身份来运行cmdNPM INSTALL:将package里面所有的依赖都安装执行script里面的dev等命令时，出现XXX不是内部或者外部命令时：mac可以合并两条命令；window不可以合并两条命令，所以在window下要把package里面的script..
2020-05-08 22:14:08
183
原创 小程序/宿主环境
微信给小程序提供的环境成为宿主环境，我个人理解（不一定对，对宿主环境的真正理解我觉得需要知道小程序的详细框架原理以及和微信APP之间的联系）：宿主环境包括了两大线程以及其他的一些代码（比如API定义函数、将小程序代码包注入宿主环境的代码等等）通信模型Native是微信客户端，逻辑层和渲染层是通过两个线程来管理，每个页面对应一个webView线程。数据驱动：类似于react和vue，只要改...
2020-05-04 17:55:30
610
原创 小程序/代码组成
WXMLweixin markup language,小程序架构设计出来的一套标记语言，可以构建出页面的结构。标签名必须闭合属性大小写敏感数据绑定：通过{{}}来绑定视图层和逻辑层的数据（1）绑定文本内容时：使用{{value}}（2）绑定属性值时：src = “{{value}}” //要加双引号这两种变量不会被同步到wxml：没有被定义、undefined**逻辑语法：...
2020-05-03 20:29:51
226
原创 vue\初识
vue特点：渐进式框架：可以和原有的库（jq）并存MVVM：解耦视图层和数据层组件复用(类似react-router?)可实现前端路由(类似react-router?)状态管理（类似redux?）虚拟dom(联想到了react diff算法的三大策略…)Vue VS React:组件渲染优化：react需要使用纯组件或者shouldComponentUpdata来控制子组件是...
2020-05-03 13:43:11
140
原创 算法||程序 汇总
节流防抖//防抖dom.addEventListener("click", debounce(fn, 500));function debounce(fun, wait){ var timeId; return function(){ var args = arguments; var context = this; if(...
2020-04-14 13:45:09
136
原创 封装函数（常用哦）
跨域JSONP的封装function jsonp(url, data, callback){ if(typeof data == "string"){ callback = data; data = {}; } var hasParams = (url.indexOf("?")==-1); url += (hasParams ? "?" : "&") + ...
2020-04-14 13:36:36
823
原创 微信小程序实现FBX模型的动画加载
鉴于有CSDN友问我FBX模型在小程序端加载的问题，我就在这里给大家介绍一下吧~首先，加载fbx模型，我们用到的是three.js和不同的模型类型的加载库，那么，我们在得到了web版本的加载库的前提下，怎么使其用到小程序里面呢？首先要知道，如下几点：1：小程序运行的环境是微信APP，不是浏览器，所以dom等不可以直接使用，那么在将动画渲染到哪里方面，就需要使用如下函数：wx.createS...
2020-03-20 21:49:40
4403
8
原创 蚂蚁金服面试记录
蚂蚁森林：1：本科主要学哪些课程？2：介绍一下通信原理信源、发送设备、信道、接收设备、信宿，信息量 != 信息数据量的大小（而是在于他的价值）通信技术的发展过程，说白了，就是研究如何在更短的时间，传输更大信息量的过程。为了达到这个目的，信源侧需要不断升级自己的发送设备，信宿需要不断升级自己的接收设备。而信道的介质，也在不断升级。根据信道介质的不同，我们将通信系统分为有线通信和无线通...
2020-03-11 22:59:44
172
转载 OSI七层协议&&TCP和UDP对比
物理层数据链路层网络层传输层会话层表示层应用层TCP和UDP的区别：https://www.cnblogs.com/fundebug/p/differences-of-tcp-and-udp.html
2020-03-10 22:18:51
86
原创 CSS画三角形、箭头
三角形：使用border#c { width: 0; height: 0; border-top: 100px solid transparent; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}原理：五颜六色的...
2020-03-09 00:08:05
123
原创 js&&BOM浏览器对象模型
window对象全局：var a;//全局变量，会被添加到window对象中window.b;（1）delete可以删除b,但不能删除a（a的[[configurable]]是false）；（2）尝试访问未声明的变量会报错：var x = c;//c是未声明的变量，报错var x = window.c;//相当于是一次查询变量的行为，不会报错窗口关系和框架window对象指的...
2020-03-08 18:22:38
90
原创 javascript && 面向对象程序设计
为什么要写这一块呢哈哈，是由于在写fbx模型加载动画的时候，需要二次开发，这样就得看原始的fbx加载库，里面有众多的继承等知识。所以，js的面向对象的知识如果可以掌握透彻，那么看源码的能力也可以大大提升啦，看懂并自己扩展功能，是一件很让人兴奋的事情呢^_^属性创建对象，就是要访问里面的属性，那么，除了数据类型外，属性还分为哪几种呢？答案是：数据属性&&访问器属性，它们都有自...
2020-03-05 23:57:27
121
原创 函数柯里化curry-模板-面经
请实现函数柯里化：举例：add函数，可以实现add(1,2) //3add(2,3)(4) //9add(1,2)(3)(4)(5) //15对于普通的curry模板来说，函数柯里化其实就是将参数收集起来，之后一起做处理。//如果不使用rest参数，也可以使用[].slice.call(arguments)收集传进来的参数function add(...value) { var ...
2020-03-02 20:45:44
118
原创 多叉树遍历--面经
//使用Js定义一颗多叉树var tree = { name: "a", childen:[ { name: "b", childen: [ {name: "d"},{name: "e"} ] },{ name: "c", childen: [{ name: "f" }] } ]};function handle(...
2020-03-02 20:29:34
145
原创 垂直水平居中
对未知宽高的元素实现垂直水平居中<div><p>12</p></div>方式一：absolute+transformp { position: absolute; transform: translate(-50%, -50%);}方式二：flex+justify-content+align-itemsdiv { display...
2020-03-02 19:54:56
59
原创 排序算法
冒泡排序时间复杂度O(n^2)，最好的情况下是O(n) 空间复杂度O(1)主要思想:将输入的数组的相邻项进行比较，大的放后面，这样每遍历一次数组就可以把最大的数放到数组的最后。function bubbleSort(arr) { let len = arr.length; for(var j=0;j<len-1;j++) { for(var i=0;i<len-1...
2020-03-02 15:41:59
68
原创 DOM以及事件
DOM:1、Node类型:1.1节点类型：nodeType12种，常见的是元素节点Node.ELEMENT_NODE(1)和文本节点TEXT_NODE(3)1.2节点关系：访问子节点：（1）node.childNodes:保存着一个NodeList对象,可以用node.childNodes[0]或者node.childNodes.item(0)来访问子节点（2）node.firs...
2020-03-02 13:40:02
160
原创 引用类型详解
Object(对象)：创建：var obj = new Object();obj.name = "lyn"; //new操作符 + Object构造函数var obj = {name: "lyn", age = 12, sex: "famale"};//字面量方法引用：(1)方括号表示法：obj[“name”];或者var x = “name”;obj[x];优势是可以...
2020-03-02 13:07:10
210
原创 变量作用域和内存
基本类型和引用类型的简单介绍基本类型：存放在栈内存中的简单数据段。数据大小确定，内存空间大小可以分配。5种基本数据类型有Undefined、Null、Boolean、Number 和 String，它们是直接按值存放的，所以可以直接访问。引用类型：存放在堆内存中的对象，变量中实际保存的是一个指针，这个指针指向另一个位置。每个空间大小不一样，要根据情况开进行特定的分配。当我们需要访问引用...
2020-03-02 11:59:48
113
原创 ES6函数扩展
rest参数ES6引入了rest参数，形式是“…变量名”，用于获取函数的多于参数，这样就无需使用类数组对象arguments对象了,rest参数搭配的变量是一个数组，在函数内部，可以通过for(of)来遍历每一个参数。function add(...value) { var sum=0; for(var val of value){ sum += val; ...
2020-03-02 11:40:31
66
微信小程序加载fbx模型
2020-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人