- 博客(25)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 前端WebRTC局域网1V1视频通话
网络实时通讯，它允许网络应用或者站点，在不借助中间媒介的情况下，建立点对点（Peer-to-Peer）的连接，实现视频流和音频流或者其他任意数据的传输。
2024-03-05 11:39:11
923
原创 OpenSSL生成CA证书
Windows上可使用Git自带的OpenSSL生成，打开Git Bash。3、Client使用CA根证书对Server证书进行鉴权。有时需要用到pem或pfx格式的证书，可以用以下方式生成。2、Server端将Server证书发送给Client。1、单向鉴权（Client鉴权Server）2、单向鉴权（Server鉴权Client）2、生成证书请求文件，需要输入上一步的密码。2、生成证书请求文件，需要输入上一步的密码。1、生成私钥，需要设定密码。1、生成私钥，需要设定密码。2、生成证书请求文件。
2023-11-01 16:01:24
787
原创 JavaScript模块对比
CommonJS AMD CMD UMD ESModule 傻傻分不清？网上资料看得云里雾里？总结了一下，快速了解发展历程和区别，想知道更多细节可以参考其它的文章，其中AMD、CMD、UMD已基本过时没什么人用了，目前主流的就是Node后端用CommonJS，浏览器前端用ESModule，未来的话应该是ESModule一统天下。融合CommonJS和AMD。
2023-03-09 17:30:40
135
原创 WinRAR自解压安装并开机自启
目标文件夹：指在上面创建的目录下继续创建文件夹，而不是另外指定个目标文件夹。隐藏启动对话框：不显示启动对话框，但是会显示解压过程界面。全部显示：显示启动对话框，用户可选择解压位置。隐藏全部：全部不显示。
2023-02-09 15:30:53
2444
原创 React Hooks 教程之 useImperativeHandle
终于到了这个系列最后一篇hook教程，其实还有几个hook没有介绍，有的是几乎用不到的，还有的是React18版本新出的（不要再更新啦，老夫真的学不动啦）说回正题，众所周知，React是单向数据流，是由父组件传参给子组件，所以一般只能子组件调用父组件方法，但是实际业务复杂多变，有些场景就是需要父组件调用子组件，所以React也提供了这一方式，但是官方也说了，应当避免这种命令式的代码，破坏了React父不知子的原则。......
2022-07-29 17:39:08
2126
原创 React Hooks 教程之 useReducer
useReducer 是 React 官方参考 Redux 第三方库的思想设计的 Hook，可以看做 useState 的高级版，用事件分发机制处理复杂的状态变化
2022-06-28 15:06:53
318
原创 React Hooks 教程之 useContext
React Hooks 教程系列React Hooks 教程之 useStateReact Hooks 教程之 useEffectReact Hooks 教程之 useRefReact Hooks 教程之 useMemo&useCallbackReact Hooks 教程之 useContextuseContextuseContext 用于保存全局上下文信息，我们可以在其中放入公共的对象，供所有子组件使用，比如字典、鉴权信息细心的读者可能会发现，我的教程没有按照 React 官方
2022-05-13 17:46:29
530
原创 React Hooks 教程之 useMemo&useCallback
HeaderReact Hooks 教程系列：React Hooks 教程之 useStateReact Hooks 教程之 useEffectReact Hooks 教程之 useRefReact Hooks 教程之 useMemoMiddleuseMemo 用于做性能优化，Memo 是 memoized（记忆）的简写useMemo 返回的是一个缓存的值，可以避免其在组件更新时就被重新计算，而是在它的依赖项改变时才重新计算下面来看示例，将 App.tsx 文件内容替换为下面的代码：
2022-03-21 17:23:32
914
原创 EasyDarwin+FFmpeg实现本地音视频推流
所需EasyDarwin 用作流媒体转发服务器FFmpeg 用于转码及推流步骤1、 安装 EasyDarwin，下载地址2、 解压后如图：有两种方法运行（1） 运行 EasyDarwin.exe，这样会弹出一个窗口，关闭窗口服务端就停止了（2） 运行 ServiceInstall-EasyDarwin.exe，作为后台服务安装启动，将一直常驻，可运行 ServiceUninstall-EasyDarwin.exe 卸载（推荐这种）3、 安装 FFmpeg，下载地址，点进去东西很多，让
2022-02-10 15:54:09
2464
原创 React Hooks 教程之 useRef
前言上一篇介绍了 useEffect，这一篇介绍 useRef不搭useRef 返回一个可变的 ref 对象，ref 对象在组件的整个生命周期一直存在，其 current 属性为保存的值官方的解释有点晦涩，其实 useRef 就两种用法：1、 保存 JSX 中 DOM 元素的引用，用于操作 UI 元素2、 保存变量，这一点同 useState，区别在于，useRef 保存的变量值改变时，并不会通知你保存 DOM 元素将 App.tsx 文件内容替换为下面的代码：import React f
2022-02-09 17:59:12
976
1
原创 React Hooks 教程之 useEffect&useLayoutEffect
前前前上一篇介绍了 useState，这一篇讲讲 useEffect中中中功能介绍useEffect 用于在函数组件中执行副作用操作，那什么是副作用呢？数据获取，数据订阅，以及手动更改 React 组件中的 DOM 都属于副作用因为我们渲染出的页面都是静态的，任何在其之后的操作都会对其产生影响，所以称之为副作用，副作用又分为两种：无需清除的副作用比如发送网络请求，手动变更 DOM，记录日志，这些都是常见的无需清除的操作，因为在执行完这些操作之后就不用管了需要清除的副作用比如订阅外部数据源
2022-01-12 15:08:05
636
原创 React Hooks 教程之 useState
初衷发现网上很少有用 TypeScript 写的 React 教程，基本都是 JavaScript 写的，而且只是教你要这么写，没有解释为什么要这么写，官方文档也一样对于从其他端（移动端、后端）转到前端的开发者，一开始可能不太理解 React 的编程思想，因为自己就是这么过来的于是写了这篇面向非前端开发者的 React Hooks 教程，希望对小白有所帮助，带佬绕道创建项目这里使用 Vite 创建 React + TypeScript 的项目，当然你也可以用 React 官方的 create-re
2021-12-25 10:21:16
1377
原创 前端打开新窗口预览 PDF 和图片
Talk is cheap, show me the code前提文件需转为 base64 格式，可以使用 FileReader 的 readAsDataURL() 方法，这里不细述
2021-11-30 17:51:13
1796
原创 大前端技术对比
前言大前端是什么？其实很好理解，大前端就是所有前端的统称，包括 Android、iOS、Web 等，它们之间有很多相似的概念，以下根据笔者个人经验总结，可能并不完整，仅供参考对比太长不看AndroidiOSWeb编程语言Java/KotlinObjective-C/SwiftJavaScript/TypeScript开发工具Android StudioXCodeVSCode包管理GradleCocoaPodsNPM视图单位dp/sppt
2021-08-27 17:48:24
264
原创 OpenGLES2之Android&iOS跨平台开发教程（四）绘制矩形并显示纹理
前一篇介绍了三角形的绘制，这一篇我们来绘制矩形，并加载本地图片转换为纹理显示到矩形上。
2018-07-05 18:11:36
1275
1
原创 OpenGLES2之Android&iOS跨平台开发教程（三）绘制三角形
前面介绍完了OpenGL ES在Android&iOS端的构建，这一篇我们用OpenGL ES画个三角形，得益于前面的工作，现在我们只要写C++代码就可以能跨平台运行了。
2018-06-22 17:59:02
884
1
原创 OpenGLES2之Android&iOS跨平台开发教程（二）iOS端构建
上一篇介绍了在Android端构建OpenGLES，这一篇介绍在iOS端调用OpenGLES。
2018-06-11 10:35:02
1461
1
原创 OpenGLES2之Android&iOS跨平台开发教程（一）Android端构建
本文目标是开发一款在Android&IOS上运行的跨平台图形应用，供各位初学者参考，同时也是过去几个月自己的学习总结，阅读本文前需要读者已有一定的OpenGL ES知识，如果没有，可以看看这个教程讲得不错。网上大多OpenGL ES教程，要么是仅适于Android的（Java），要么就是仅适于iOS的（Objective-C），其实OpenGL ES是跨平台的，使用C++可共用大部分代码，一次编写，两处运行，岂不美哉？...
2018-06-05 16:54:42
4778
原创 Android集成OpenCV并减少库大小
最近完成了Android上使用OpenCV进行图像拼接的功能，通过导入OpenCV的.so或.a库，JNI封装C++代码供Java层调用，同时在CMakeLists中指定自己需要的.a库以减少库的大小，毕竟我只用了拼接功能，其它诸如dnn、video等模块我都没用到。在开始之前当然要把OpenCV Android SDK下载下来，推荐去GitHub下载，在OpenCV官网下载真是龟速，链接。环境：OpenCV 3.3.1 、Android Studio 3.0。...
2018-03-29 17:58:59
6778
3
原创 Android项目集成Unity详细教程
Foreword 上一篇介绍了Xcode项目集成Unity的步骤，本篇介绍AS项目集成Unity，其实在AS上集成相比Xcode简单多了，但也有不少坑需要注意。我们知道Unity可以直接打包apk，也可以导出AS或Eclipse工程，我的应用场景是已经有个Android Studio大项目了，Unity所做的功能属于其一部分，所以选择将Unity导出AS工程，为了方便主项目调用，还将Unity部分打包
2017-12-08 17:28:22
7337
5
原创 iOS项目集成Unity详细教程
Unity发布到iOS平台得到的是一个Xcode工程，这个Xcode工程可以直接编译运行，但是我们现在已经有个iOS项目了，Unity是作为项目的一部分，所以需要在已有的Xcode工程中集成Unity。环境：Xcode 9 + Unity 2017。Unity导出时设置图形API不要用Metal，因为我发现按我的集成方法使用Metal会崩，不知道什么原因。...
2017-11-10 15:57:45
13602
20
原创 圆柱贴180度全景图片
上一篇介绍了半球贴180度全景图片，想必稍微学过3ds max的都能自己摸索出来，然而圆柱贴180度全景图就不能用这种方法了，当时我在网上百度谷歌查了好久也没人说怎么做，只好自己鼓捣，没想到找到了一个方法，如果大家有更好的方法欢迎赐教。1. 第一步当然是创建圆柱体了，半径与高度之比为1:2，这样全景图显示出来比较正常，如图：2. 选择物体，右键 - 转换为 - 转换为可
2017-08-22 18:53:24
2483
原创 半球贴180度全景图片
播放VR视频时一般都是360度的全景图片，像这样：360全景这种图片用球体的默认UV就可以了，贴到球体的内表面，但要贴180度全景图片就要自己修改UV了，如下图：180全景那么我用3ds max 2016创建半球并修改UV，其实这也是基础操作。（1） 创建球体，设置半径、分段、半球属性，分段可以设置得更高些；
2017-08-10 13:54:32
1917
OpenGLES2教程 Android&iOS;工程
2018-07-05
OpenGLES示例Android&iOS
2018-06-11
Xcode项目集成Unity示例
2018-04-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人