- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 AR.js | 图像跟踪，特征识别触发事件
文章目录图像跟踪（Image Tracking）图像跟踪（Image Tracking）AR.js中提供了图像跟踪（Image Tracking）、基于定位（Location Based）、基于标记（Marker Based） 三种模式。其中图像跟踪模式是通过设备摄像头，扫描图片、绘画、照片等内容，从而定位场景的模式。其中用到了 自然特征点跟踪（Nature Feature Tracking、NFT） 技术，...
2021-06-04 13:59:30
4993
11
原创 二十行代码实现的WebAR，让她能看见你的“心”
构建一个蜡烛组成的爱心AR，在女票生日的时候给她一份感动，既省钱又显得高大上????内容不多，照做就好，走起ε=ε=ε=(￣▽￣)文章目录效果演示整体过程生成标记文件生成gltf模型文件撸二十行代码效果演示整体过程利用 AR.js Marker Training 生成标记文件通过 3ds Max 导出 gltf 模型文件基于 AR.js 的 AFRAME 模式，编写二十行代码完成效果展示生成标记文件生成gltf模型文件撸二十行代码※ 记得一定要使用https协议参考文献DS
2021-04-20 10:03:51
584
1
原创 KIVICUBE，WebAR挺好玩的哈
偶然解除WebAR，了解到一个很有意思的平台，记录&分享文章目录效果步骤开放代码库效果步骤官网地址：Kivicube-WebXR在线制作平台点击立即制作之后，注册并登录此平台，即可来到项目页面点击下方的 +，填写项目名称、上传Logo图片，点击保存即可新建一个项目。选中项目，点击上方 +WebAR场景，先择图像检测与跟踪上传识别图，创建场景选择模型，公共素材，选择其中一个模型将其拖拽到场景中。在场景中鼠标拖拽坐标箭头、面等可以移动模型，也可以通过右侧的属性栏对参数进.
2021-04-15 14:47:53
2070
原创 Windows系统前后端分离&多端发布的调试解决方案（WSL2+Nginx+Docker）
文章目录概述环境配置概述之前的文章《基于windows系统前后端分离&多端发布的调试解决方案（WSL+Nginx反向代理+编辑器debug+内网穿透）》中描述了一种解决方案，不过当下 wsl2 已经发布，同时使用 Docker 进行工程部署的解决方案确实有很多好处，所以基于这两种技术提供一种解决方案，实现windows环境下，配置类生产环境的linux系统。通过调整nginx和docker的配置，切换开发和生产模式。手绘个结构图环境配置喜大普奔！Hyper-V 和 VMWare 终于可.
2021-04-14 09:47:15
479
原创 是真坑，php引用COM组件踩坑记录
这是一篇恨无聊的踩坑记录，希望能在遇到同样问题的时候给予帮助…文章目录概述生成COM组件动态库1. 构建Windows类库项目2. 目标框架要匹配3. 设置COM组件可见4. 要设置签名并设置强名称密钥5. 如果存在无法嵌入的动态库将DLL注册到服务器上1. 确认php版本2. 确认所需系统工具3. 配置php.ini4. 缓存和注册DLL5. 注销DLLphp调用COM组件概述最近工作事项中出现一项“零工”，要在已有的php工程中增加一项功能，而且工程以及所需要实现功能的源代码工程也都有，本是一.
2021-04-02 10:56:24
402
原创 基于windows系统前后端分离&多端发布的调试解决方案（WSL+Nginx反向代理+编辑器debug+内网穿透）
今天是 怪物猎人崛起 的发售日，早点撸完回家砍龙????文章目录概述在Windows中配置开发环境在WSL中配置生产环境开发模式dev运行项目利用nginx的反向代理实现同源策略内网穿透助力冲破本机切换为prd生产模式概述前后端分离将一个应用拆分成了两个项目去完成，各自关注不同方向和功能的开发。在人力资源充沛的前提下，当然是做好系统设计后，分配给不同的项目组单独完成，然后再联调。而对于前端组可以利用 mock 来模拟后端的数据，已实现必要的功能。不过假如是资源相对匮乏的小项目，有可能只让一个全栈负
2021-03-26 16:38:15
673
原创 拼凑小功能，咔嚓H5成分享图片
ずっと何かを 、誰かをさがしている我一直都在寻找着什么，寻找着某个人そういう気持ちに捕り凭かれたのは、たぶん、あの日から可能从那一天开始，我就陷入到了这样的情绪中————————————————————《君の名は》文章目录效果演示代码分释DOM结构利用html2canvas将DOM转成base64图片利用animate.css模拟截屏动画整体代码效果演示代码分释DOM结构<div class="container"> <div class="title"&.
2021-03-17 09:58:14
144
原创 京城十六区，不规则路径Createjs完美绘制流程
参考文档：CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5想要了解和下载更多关于 标准地图 的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博本文用到的地图数据来源于《2021年日历 每日人文地图》如有兴趣可自行购买文章目录???? 效果演示???? 前言概述???? 效果演示原祖国的首都，也都是绿水青山???????? 前言概述先前在博文 《无道理的区
2021-03-05 09:43:44
394
1
原创 无道理的区划边界，不规则矢量图形Createjs绘制流程初探
参考文档：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发标准地图来源：自然资源部地图技术审查中心承办的标准地图服务《南美洲地图 1:1750万 4开》 审图号：GS(2020)4394号想要了解和下载更多关于 标准地图 的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博文章目录???? 效果演示???? 概述需求???? 数据获取???? 代码分释???? 完整代码???? 写在最后???? 效果演示玻利维亚区域再闪烁???????? 概述需求地图 是按照一定
2021-03-01 22:29:25
710
3
原创 H5视差滑屏，Swiper的Parallax属性
参考文档：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发标准地图来源：自然资源部地图技术审查中心承办的标准地图服务想要了解和下载更多关于 标准地图 的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博文章目录效果演示代码分释完整代码效果演示滑动时，地图元素的位移和文字元素的位移偏差导致的视差效果横屏时显示蒙版，锁定显示（文字其实应该是，“请竖屏观看”????，懒得再录屏了）代码分释主要用的是 swiper.js 基本属性中的 parallax 项官网说明如下
2021-02-24 10:40:44
2093
原创 H5通用结构，初探Swiper.js & Animate.css
参考文档：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发Animate.css | A cross-browser library of CSS animations.文章目录概述及效果演示概述及效果演示废话少说，先看结果...
2021-02-20 16:00:59
321
5
原创 抖抖fps抖up，Stage和StageGL性能测试
StageGL更新公告 STAGEGL – A FASTER, BETTER, STRONGER WEBGL UPDATE TO EASELJS参考 CreateJs - EaselJs 文档文章目录概述形单影只的“抖”来5000个一块“抖”StageGL出场，平滑且安静的“抖”对比调整完整代码概述2017年4月，EaselJs发布更新，正式推出了StageGL。和Stage一样，StageGL也是加载显示列表的根级别容器，直接继承于Container。同时是 WebGL-optimized .
2021-02-18 16:55:19
350
4
原创 新春快乐，牛年大吉！
地图来源 百度地图开放平台 API文档※ 代码中使用的百度开放平台的 ak 来自百度MapV的demo想要了解和下载更多关于 标准地图 的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博文章目录效果展示代码分释全部代码效果展示代码分释整体思路利用百度地图的JavaScript API GL，设置底层地图层。封装Text.js，直接在地图层之上生成新的canvas，并使用createjs对其进行绘制和控制。0 百度地图api层let map = new BMapGL.M.
2021-02-12 20:34:08
230
2
原创 说我死宅？看我在标准世界地图上来回摩擦！
※ 图片资源 来源于CreateJs官方Project地图来源 自然资源部地图技术审查中心承办的标准地图服务网站 世界地图 小8开 审图号：GS(2016)1663号想要了解和下载更多关于 标准地图 的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博效果演示代码分释整体思路通过SpriteSheet构建一个可操作的动画，利用Ticker进行计时的事件触发，通过鼠标事件控制前进方向和跳跃动画的转换。主要显示元素sky 背景地图层ground 下方地面层hill &.
2021-02-06 19:47:26
264
原创 涂抹你的遮盖层，掀开神秘的古地图
※ 图片资源转载于 中国地图出版集团官方微博 文章 "葛石卿及其《袖珍上海警察区分局图》"想要了解更多 地图 相关知识和报道，欢迎关注文章目录效果演示代码分释全部代码效果演示代码分释整体思路：通过加载一张图片，从下至上构建了blur和bitmap两个图层。blur通过配置BlurFilter和ColorMatrixFilter滤镜，显示清爽的模糊图像层。bitmap使用AlphaMaskFilter滤镜将其作为蒙版应用到图像。通过擦除动作绘制bitmap中的蒙版，从而显示清晰图像。全部代.
2021-02-04 13:34:02
160
3
原创 Node.js学习 - 异步I/O原理
事件驱动事件机制在前端编程中，事件的应用十分广泛，DOM上的各种事件。在Ajax大规模应用之后，异步请求更得到广泛的认同，而Ajax亦是基于事件机制的Node.js能够在众多的后端Javascript技术中脱颖而出，正是因其基于事件的特点而受到欢迎。比如与Rhino来做比较，文件读取等操作，均是同步操作进行的Node.js加载V8引擎助力，能在短短两年内达到可观运行效率，并迅速流行事件驱...
2020-04-06 15:41:57
483
原创 Node.js学习 - 模块系统
模块化概述Javascript不是一种模块化编程语言，它不支持“类”（class），更遑论“模块”（module）了，随着前端发展对模块需求越来越大，模块也经历了从最初的简单模块写法到AMD和CMD规范的出现，再到ES6发布，目前已经可以很方便的在Javascript中使用“类”和“模块”了。模块化规范浏览器端规范AMD（require.js遵循的AMD规范）CMD（Sea.js遵循的...
2020-04-02 22:36:28
133
原创 服务端学习 - MySQL入门与应用
MySQL安装与配置MySQL简介MySQL是目前最流行的关系型数据库管理系统之一，在web应用方面，MySQL是最好的关系型数据库管理软件之一。关系型数据库是将数据保存在不同的表中，使用SQL语言作为访问数据库的标准语言。MySQL采用了双授权政策，分为社区版和商业版，由于体积小、速度快、总体拥有成本低，一些中小型网站都选择MySQL作为网站数据库。MySQL安装及基础配置通过yum...
2020-03-31 18:10:31
338
原创 [问题记录]前端 - textarea赋值前后不等问题
问题描述：项目中在表单提交时，进行表单数据比较，从而记录更改的数据。但发现在未修改textarea值的情况下，比较结果为不相等。本文模拟了问题产生的原因，以及提供了一种解决方法。问题产生页面加载完成时会获取到服务器端返回的数据originJson，解析JSON后得到originDatas，页面代码如下：<!-- index.html --><textarea id="...
2020-03-31 18:08:33
413
原创 服务端学习 - MongoDB入门与应用
MongoDB简介MongoDB是一个基于分布式文件存储的数据库。由C++语言编写，旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大，其语法有点类似于...
2020-03-21 12:04:55
164
原创 服务端学习 - Redis入门及应用
Redis简介Redis是一个远程内存数据库，不仅性能强，而且还具有复制特性以及为解决问题而生的独一无二的数据模型Redis是一个速度非常快的非关系型数据库，可以存储键和5种不同类型值的之间的映射，可以将存储在内存中的键值对数据持久化到硬盘，可以使用复制特性来阔爱站读性能，又可以使用客户端分片来扩展写性能。Redis与其他数据库及软件比较名称类型数据存储数据查询Re...
2020-03-20 17:32:38
142
原创 机器学习 - 逻辑回归(Logistic Regression)
1. 目标线性回归本身是一种回归算法，目的在于利用训练集所得出的学习器，预测新数据所对应的连续值结果。而逻辑回归，其本质是一种分类算法，是希望通过拟合一条曲线，以曲线为决策边界，将空间中标签值不同的点进行划分。2. 算法原理2.1 sigmoid函数y=11+e−zy=\frac{1}{1+e^{-z}}y=1+e−z1sigmoid函数在输入趋近于正无穷时，函数值趋近于1；输入趋近...
2019-08-30 19:58:18
192
原创 机器学习 - 线性回归(Linear Regression)
1. 目标线性回归是希望通过对样本集进行有监督的学习之后，找出特征属性与标签属性之间的线性关系 Θ\ThetaΘ。从而在获取没有标签值的新数据时，根据特征值和线性关系，对标签值进行预测。2. 算法原理2.1 线性模型（Linear Model）在二维平面坐标系中，一条直线可表示为：f(x)=θ1x+θ0f(x) = \theta_1x + \theta_0f(x)=θ1x+θ0扩展...
2019-08-27 15:42:18
252
原创 jQuery.lazyload源码分析
前言现在这个年代还在写jQuery，我承认有点跟不上时代。但为什么说jQuery过时呢？个人感觉这篇剖析的比较浅显易懂：《jQuery真的过时了！》。但其实jQuery和其相关的插件中还是有很多实用技巧的，本文对jQuery.lazyload-1.10.0.js的源码进行分析，了解jQuery的注册事件。源码废话不多说，直接源码<!-- index.html --><d...
2019-06-12 14:09:23
190
原创 prototype - Javascript原型链原理分析
基本概念由于理解角度的不同，不同的开发者，会对其有不同的定义和叫法。所以先明确本文中各种类型的称谓。注：为了便于理解，暂时不考虑ES6，不引入Class等概念。var Person = function(){};var per = new Person();构造函数：与类的概念类似，其本质是通过function创建的函数，但会通过new的方式生成其对应的对象。Person即为一个构造...
2019-06-05 14:33:11
169
原创 Underscore.template - 模板引擎源码分析
模板引擎概述模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。underscore模板引擎实现使用方式Underscore.js说明文档var compiled = _.template("hello: <%= name %>");compiled({nam...
2019-06-05 13:23:12
405
my_heart.zip
2021-04-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人