作者文章归档:sunbing-admin

微信小程序中view 与div input 的显示差异问题


问题描述:

同事学习开发vue的时候写了下面的代码,结果同样的代码在小程序中的现实和在网页中排版发生了不一致。我花了点时间找出了问题的根本原因。

代码:

   <view class="test">
        <input type="text" placeholder="sss" style="width: 100px;">ss</input>
        <input type="text" placeholder="sss&

Read more

docker容器化部署方案设计实施


方案设计图:

image.png

需求背景

  • 前端是小程序端 小程序端,线上小程序端需要接口是https 的并且要通过域名来访问,功能开发阶段采用的ip+ 端口的方式来测试
  • 后端 Django 服务, 采用uwsgi 应用程序服务器来启动Django的服务
  • 将Django服务使用docker-compose 一键部署启动

实施步骤

I、修改主机nginx 文件

配置https的时候一定要注意配置证书;我使用的是阿里云,阿里云一年有20个免费的证书可以供使用,将证书下载下来放在/etc/nginx/cert 目录中;需要注意的是,静态文件的路径设置以及免费证书只能绑定单域名,也就是说你想用子域名做转发必

Read more

docker 学习实践笔记整理


什么是docker? docker 能解决什么问题?

Docker 是一个开源的平台用来 开发、部署和运行我们的应用程序。Docker 可以帮助我们将应用程序和底层基础设施进行分离,以帮助我们更快的实现交付Docker 可以让开发者在构建应用时,将应用与其依赖的环境一起打包到一个可移植的容器中,而不影响主机环境。相当于在主机中虚拟出一个机器,类似我们安装的虚拟机。

docker 的架构图

image.png
docker 主要由上面三部分构成,client 使用docker 命令和docker daemon 守护进程来进行交互,register 是存储docker 镜像的地方,可以有docker 官方

Read more

Ts 基础语法学习


基础介绍

image.png

语法基础

ts代码执行的过程是先通过编辑器将ts 代码编译成js 代码,然后在浏览器中执行。

  • 安装typescript,以及编译
# 全局安装typescript
npm install -g typescript
# 使用tsc命令将ts 脚本编译成js 脚本在浏览器端执行
tsc test.ts -> test.js
  • 编写代码过程中发现一个代码提示提示错误
问题: Cannot redeclare block-scoped variable 
原因: ts 编译了一份js 源码后,ts和js 中都有相同的一份变量,这个时候编辑器会认为进行了redec

Read more

新一代chatGPT尝鲜,体验非凡的AI


最近火过stable-diffusion 后openai 的chatGPT 可真是大放异彩,下面我会带着大家来尝试一下去体验一把这个AI

一、注册openai账户,我来说一下注册流程

注意直接注册会不成功,因为国内无法接受验证码。一开始我使用谷歌邮箱发现始终注册不成功一直卡在报错,后来经过搜索看到原来是要接收验证码的原因。验证码虚拟号码是无法接收的,不过好在万能的google,总是有办法。这个收码网址你值得拥有: https://sms-activate.org/ image.png

  • 到这个网站去注册,很简单一步注册就到位
  • 去充值,充值在右上角,可以支持支付宝,你可以大约购买1刀,1美元
  • 选中多服务,然后选择

Read more

unity 打包程序异常处理 Assembly-CSharp-FeaturesChced.txt failed


unity 多人在线pun2 学习过程中碰到一个编译错误在此记录一下解决过程!

先看编辑中运行中连接服务器、创建房间日志正常

image.png

打包编译为mac 程序出现如下错误

image.png

解决错误过程:

  • 首先查找报错的路径下的文件,这个路径是隐藏在当前项目下的,在mac 端的空白处按住alt键,点击前往会出现资源库文件夹也就是Library;如下图。经过路径查找并未找到Assembly-CSharp-FeaturesChced.txt 此文件。手动创建也还是无法解决问题。
  • image.png
  • 考虑是因为编辑器偶发的不知名错误导致的,所以关闭编辑器重新启动,但是反复几次错误还是存在。
  • 删除除编辑器自行创建的文件进行重新启动,考

Read more

手把手教你设置固定ip


首先查看已有的网络状态ifconfig

  • 当你查看ip信息后,一定要找到你的网卡信息那部分信息,通常是以en开头的,我开始找错了一直修改不成功,注意!!

image.png

  • 找到网卡配置信息文件并编辑

先去查看网关子网掩码等信息 使用命令 route -n
image.png
然后去编辑配置文件 sudo vim /etc/netplan/01-network-manager-all.yaml

network:
  version: 2
  renderer: NetworkManager  # 渲染 分为无桌面 有桌面 networkd 和 NetworkManager
  ethernets:
    enp7s0:
 

Read more

手把手教你从零搭建一个wordpress博客


需求:搭建一个wordpress 用来直接写博客

上效果:

前台效果:
image.png
后台界面:
image.png

部署过程:

环境条件: ubuntu 20.0 + php7.0 + nginx + mysql 8.0

  • 一、配置mysql
# 登录数据库
mysql -uroot -p 

#mysql 8.0 的加密方式发生了改变,后边如果不注意会遇到数据库连不上的报错,开启bug 模式后会遇到下面一行报错。所以创建用户时候应该修改8.0以前的加密方式
# mysqli_real_connect(): (hy000/2054): the server requested authentication meth

Read more

谷歌翻译停服怎么办,教你一招即可正常使用


一键解决谷歌翻译不能使用问题

最近谷歌翻译关停了google.translate.cn最近谷歌翻译关停了google.translate.cn ,我的chrome 浏览器自带翻译功能呢瞬间不能使用了,虽然我的英文水平是六级,奈何当看到大面积的英文还是有点没耐性。

解决办法

  • 修改本地host 文件 mac/linux 位于 /etc/hosts 文件中
113.108.239.162 translate.google.com
113.108.239.162 translate.googleapis.com
  • 刷新dns 解析
ifconfig /flushdns
macos bigsu

Read more

AR.js + three.js 实现WebAR 实践


项目需求

  • 移动端微信h5 ,通过微信扫一扫实现在微信内置浏览器中显示3d人物模型
  • 拍照功能。 使用微信扫码后吊起手机相机进行 模型 + 相机内容 拍照 ,并生成图片

上效果:

image.png

技术点:

  • 移动端适配(ios and android)
  • 微信调起相机问题。在安卓端 方案已经很成熟, 在ios端,ios 在2021年下半年刚刚才开放支持 微信端webrtc 功能
  • 拍照内容 模型+相机内容,两部分图片,需要对两张图片进行合成
  • 移动端实现AR功能。 3d模型展示 three.js

技术方案

方案一: 纯原生前端实现,使用html,js 实现在 video标签中捕获视频帧画面,然后把每一

Read more