sun_weitao的博客

原创 flutter-webrtc安装示例

1、pubspec.yaml 添加以下flutter_webrtc库。flutter pub get 安装库。

原创 ReactNative打包发布Apk流程

2、打开android的build.gradle文件，位置在android/app/build.gradle。位置应该是在android\app\build\outputs\apk\release下面。react-native项目打出来的apk可能都会比较大。这里my-key-alias 是签名的别名的等下有用。命令执行完后就会生成一个release.apk。然后只要按照命令给的提示一步一步往下就好了。1、需要生成签名，下面是一个生成签名的示例。3、然后使用gadlew 命令生成apk。

原创 Django自带admin管理系统使用

4、后台管理系统注册模型，做一些基础数据的增删改查。打开你的应用里面 admin.py 这个文件，然后注册模型。1、admin路径地址 localhost:8000/admin。之后按照提示一步一步往下走就好了。2、使用命令行创建超级管理员。admin是超级管理员的账号。把你需要的模型注册上去。

原创 Django创建数据表、模型、ORM操作

4、配置链接MySql数据库，打开settings.py文件，建立数据库地址，找到DATABASES配置，这里默认是使用sqlite3配置的现在改成mysql。2、创建项目应用，进入PersonInfosProject文件夹，新建index应用，使用命令。使用命令行将模型转化为数据库表，需要事先在mysql数据库中先建立persons数据库。3、新建数据模型，打开index文件夹下的models.py。将index应用加到项目中。出现下面提示说明表建立完成。新建完成之后的目录结构。

原创 Flutter使用BorderRadiusTween实现由矩形变成圆形的动画

在Tween的begin和end中，参数需要指定BorderRadius.circular 用于指定矩形圆角的过渡。在下方build方法中的BoxDecoration类是用于修饰Container类，用于指定边框，圆角，阴影等等。与其他构造动画时候的套路是一致的，首先需要AnimateController和Animation这两个类。BorderRadiusTween 是插值动画中，用于组件边框半径的类，专门作用于组件边框和半径动化过度。这个类继承自Tween，用法相似。

原创 Flutter路由动画Hero函数的使用

写Hero切换效果存在一定的套路，比如说开始页面HeroPage指定为StatefulWeight, 页面中存在state的变动，然而目标路由没有关系StatelessWidget也可以。tag：标识两个路由切换的共享参数，因为是HeroPage到Hero2Page切换，这里指定tag是tag1。chlid: 指定路由切换时，需要产生动画效果的子控件，这里用的时Image，动态变化的属性是宽高。以下示例：展示的是HeroPage切换到Hero2Page过程中 图片平滑放大的过程。

原创 Flutter使用GestureDetector工具实现手势缩放效果

GestureDetector是Flutter内部处理用户手势操作的一个小工具。3、pointerCount当前触控点数量（小于一个点说明没有用手势缩放）onScaleStart：当用户触碰屏幕并开始缩放的时候。onScaleUpdate：当用户正在执行缩放时候。2、focalPoint缩放手势中心点坐标。如果想要实现缩放效果需要利用到其中两个方法。1、scale表示上一帧的缩放比例。这里主要用到scale这个参数。

原创 如何使用rxjs实现元素拖动效果

【代码】如何使用rxjs实现元素拖动效果。

原创 Dart课后习题

Dart语言的核心是其强大的类型系统和现代化的语法，旨在支持构建高性能的跨平台应用程序。Dart是一种面向对象的编程语言，强调类和对象的使用，同时也支持函数式编程的特性。是一个非常强大和灵活的集合类型，用于存储一系列有序的数据。虽然它并不被称为"数组"，但在许多情况下，它的功能和用法与数组非常相似。const:编译时常量，值在编译时就已经确定，并且在内存中只有一个实例。final:运行时常量，值可以在运行时确定，只能被赋值一次。，您可以方便地进行数据的存储、访问和操作。const final 常量。

原创 Flutter项目初始化android版

3、启动flutter应用 选择 Run->Run widthout Debugging（前提需在android studio中提前开启 模拟器）然后 ctrl+shift+p 输入flutter 选择Flutter: New Project。2、VSCODE 配置flutter。安装flutter插件。接下去一步步新建即可。

原创 初始化webpack应用示例

4、安装webpack-dev-server依赖。7、配置webpack.config.js。6、配置package.json启动脚本。5、添加index.html。2、安装webpack依赖。3、添加文件夹，入口文件。

原创 若依框架整合UEditor

下载包解压，将解压文件置于public文件中 起一个名字比如UEditor。找到UE.ajax = function() 函数修改以下行的代码。然后修改代码添加vue-ueditor-wrap全局文件。接下来若依前端安装vue-ueditor-wrap库。修改ueditor.all.min.js。1、vue2版本若依框架 前后端分离版本。前端UEditor 上传添加token。安装完成后修改main.js。为简单上传请求添加token。找到以下代码添加token。前端项目添加UEditor。

原创 中序表达式转后序表达式

后序表达式，也被称为后缀表达式或逆波兰表示法（Reverse Polish notation，RPN），是一种算术表达式的书写方式，其中操作符位于其操作数之后。中序表达式就是我们日常使用的算术表达式，也称为中缀表达式。它的主要特点是操作符位于两个操作数之间，并且通常需要括号来改变运算的优先级。将 中序表达式 (1+4)×3+10/5 转后序表达式 1 4 + 3 * 10 5 / +先定义好一个栈后续需要用到这个数据结构。

原创 括号匹配算法

实现这个算法需要使用栈这种数据结构，当然其实数组也是可以的。不过一般来说，这是最能体现栈这种数据结构特点的应用场景。括号匹配算法用于检查一个字符串中的括号是否正确匹配，确保每个开括号都有相应的闭括号，并且它们的顺序是正确的。是栈这种数据结构的应用场景之一。上面这些都是正确的括号匹配。

原创 error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. E

【代码】error @achrinza/node-ipc@9.2.2: The engine “node“ is incompatible with this module. E。

原创 钉钉扫码登录（DTFrameLogin） 用户注销后重新登录出现回调叠加的问题

在源码中注册了 window.addEventListener("message",fn)事件但是没有 在适当的时候注销掉该事件可能会出现回调函数多次执行的问题。一般的话可以使用具名函数，或者在页面卸载的时候取消监听器。下面是钉钉扫码多次回调的解决方案。dd-login.js源码。

原创 华为手机浏览器display:flex不生效

flex: 1;width: 0%;

原创 flask with database

1、安装flask_sqlalchemy。

原创 flask项目初始化

新建文件app.py和.flaskenv。4、打开项目myproject。

原创 extends in javascript

【代码】extends in javascript。

原创 react项目中使用html5-qrcode

注意：调试时候浏览器必须是在localhost或者是https协议下。如果使用默认扫码引入Html5QrcodeScanner。2、引入html5-qrcode库。1、安装html5-qrcode。

原创 webpack+lite-server 构建项目示例

bs-config.json 设置访问文件夹。dist/index.html 加入以下内容。webpack.config.js 配置。package.json 填入下列内容。

原创 如何将本地的hexo博客部署到云服务器

将复制的内容拷贝到 authorized_keys ，然后修改文件权限。一路enter下去，然后找到 .ssh/id_rsa.pub文件。/home/blog/HexoBlog 静态网站存放的路径。如果提示出现permission denid 权限的问题。打开_config.yml. 找到deploy这一行。看看能不能连上，没问题执行继续执行下一步。拷贝下里面的内容，回到云服务器控制台。建个Hexo博客静态网页存放的路径。注意node版本需要16以上。然后建一个git裸仓库。配置的ssh访问用户。

原创 初始化React Native项目

openssl 3.0版本与node 版本不一致冲突。gradle版本使用6.1.1-all.zip。react-native 初始化项目版本为。gradle JDK版本为 jdk 11。react-native使用0.63.4。高于16版本会出现错误。

原创 vue3中使用keepAlive缓存路由组件不生效的问题解决

原创 “最短移臂调度算法”磁盘内部是如何运作的？

最短移臂调度算法，又称为SSTF（Shortest Seek Time First）算法，是磁盘调度中的一种经典算法。该算法的主要思想是在待访问的磁盘请求中，选择当前磁头移动距离最短的请求作为下一个要服务的对象。

原创 vue3 tsx 使用具名槽

【代码】vue3 tsx 使用具名槽。

原创 vue3使用jsx示例

以el-table 为示例。

原创 JavaFX项目环境配置

如果没有在Perference中添加过javaFx库需要添加一下。配置Eclipse JDK15环境。第二步新建一个javafx项目。勾选JavaFX 库。

原创 vue3 h渲染函数 使用示例

【代码】vue3 h渲染函数 使用示例。

原创 pdf.js使用步骤

把mjs 的后缀改成js 或者 .htaccess 添加。3、后端部署完成后 访问 viewer.html。使用pdfjs 网页在线预览需要后端服务器支持。使用file=你的在线的pdf文件路径就可以了。2、解压源码包，将源码包放置到后端服务器。说明无法解析.mjs 文件格式。1、下载PDF.js 源码包。找到viewer.mjs。4、访问在线pdf文件。将上面的代码注释即可。如果发现存在跨域问题。

原创 如何将cocos2d-x js打包部署到ios上 Mac M1系统

解决方法 删除全部VALID_ARCHS 配置项 全局搜索 VALID_ARCHS 然后整行删除。在xcode11版本以上都会有这个错误，这是因为iOS11+废弃了system。找到ios info.list 添加version值。使用xcode软件打开上面这个文件。找到配置项的这一行添加arm64。再继续运行 又出现错误。打开后应该是这个样子。再运行，终于运行成功。

原创 使用cocos2d-console初始化一个项目

那么chmod一下，找到你的cocos2d-x放的目录。看到项目中有个setup.py的一个文件。如果上述步骤都没问题的话应该可以看到。执行cocos命令，看看有没有生效。如果执行正常的话回出现上面的图。用上面的命令执行一下。然后source一下。

原创 当给元素添加scrollTop设置偏移时候存在失效的问题

请注意，以上方法适用于不同的情况和需求。你可以根据具体的情况选择最合适的方法。这个方法会将元素滚动到可见区域。方法来滚动到指定位置，可能会导致。属性会影响元素的尺寸和滚动行为。在缩放后失效，你可以尝试使用。缩放属性，并且你希望使用。

原创 termux安装openssh+nginx

如何将你的android手机变成一台服务器首先安装termux应用下载地址。

原创 关于el-select组件修改v-model值之后重新选择却选择不上的问题

policeCategoryId 这个变量数组的值会不断的发生变化导致修改v-model中form.policeCategoryId的值 再次重新选择 会发现 el-select 出现选择不上的问题。采用以上方法可以解决 el- select中的policeCategoryArr 数据不断变化，v-model也需要不断变化但是selected 的value 却没有发生变化的问题。但是这样的操作会存在上面的bug。本人遇到的问题是这样的。

原创 聪明的火鸡，自命题

【代码】聪明的火鸡，自命题。

原创 H5网页跳转微信小程序

官方文档。

原创 Javascript代码片段

【代码】判断定时器是否正在执行。

原创 积分中值定理

上的最大，最小值，则。