web前端
程序员查理
这个作者很懒,什么都没留下…
展开
-
在macOS上使用Homebrew安装PHP的完整指南
如果你的项目不依赖于旧版本的特定特性,建议使用最新版本的PHP。此外,上述步骤可能会随着Homebrew和第三方仓库的更新而变化,因此如果你遇到问题,请参考相关仓库的最新文档。在安装最新版本的PHP之前,确保你的macOS系统上已经安装了Homebrew。由于PHP 7.3不是最新版本,你需要添加一个支持旧版本PHP的Homebrew仓库。安装好Homebrew后,你可以使用它来安装最新版本的PHP。安装完成后,你需要将PHP 7.3的路径添加到你的。你应该会看到最新版本的PHP的版本信息。原创 2023-11-29 14:59:34 · 1974 阅读 · 0 评论 -
NextJs下浅尝Prisma+Sqlite+逆向生成数据模型
【代码】NextJs下浅尝Prisma+Sqlite+逆向生成数据模型。原创 2023-06-28 19:13:19 · 1553 阅读 · 0 评论 -
本地调试https配置方法(vite配置版本)
有时候需要用到一些音视频接口等需要https才能拿到权限,为方便开发过程中调试,本次用到的插件是 mkcert的vite版本: vite-plugin-mkcert。原创 2023-04-06 09:45:36 · 2314 阅读 · 0 评论 -
如何设置接口调用失败后自动重连
有时候网络问题波动等会发生超时或者504异常,但是重新再调用一次就可以了,这时候可以想到如果出现这种情况是否可以自动再进行接口调用并且最多次数不超过3此?引入axios-retry,然后根据响应参数设置就可以了,具体参数除了上面示例代码以外,可以参考。可以利用 Axios 插件进行重试失败的请求。...原创 2022-08-11 19:01:23 · 929 阅读 · 0 评论 -
非https环境下如何调试webrtc接口
因调用webrtc接口都必须https,则本地调试比较麻烦,非https环境下如何调试webrtc接口原创 2022-08-09 17:26:20 · 1695 阅读 · 1 评论 -
浅谈js下的发布订阅模式(观察者模式)
场景我们在做地图引擎的时候,会经常扩展一些插件,有些插件会动态根据地图渲染时机等做一些计算处理重新渲染等,这时候地图渲染时机如何通知到插件,就可以用到这个发布订阅的模式来进行。定义发布订阅模式,也称为观察者模式,多个观察者可以实时监听某一个具体对象,常见的就是js里面的事件监听。实现先看下引擎代码简单骨架:class MapEngine { constructor(){ //... } /**渲染函数,处理渲染等相关事项 */ ..原创 2021-05-20 19:56:35 · 8570 阅读 · 0 评论 -
canvas 文本旋转 90°
接到个需求,文字在canvas里面绘制90度,再贴到地图里面做纹理最终效果先看调试效果罗字是正常文字,“测”、“路”是旋转后的理想文字效果<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="200" style="border:1px solid #d3d3d3;">Your browser does not support the HT.原创 2021-05-18 18:38:38 · 4976 阅读 · 0 评论 -
error This is probably not a problem with npm. There is likely additional logging output above.
nextjs 程序发布,报了一堆错18 verbose node v14.11.019 verbose npm v6.14.820 error code ELIFECYCLE21 error errno 122 error test3d@0.1.0 build: `next build`22 error Exit status 123 error Failed at the test3d@0.1.0 build script.23 error This is probably not原创 2021-04-28 18:57:47 · 2083 阅读 · 0 评论 -
Error: PostCSS plugin tailwindcss requires PostCSS 8.
解决方法:# 删除原安装包npm uninstall tailwindcss postcss autoprefixer# 安装低版本包npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9原创 2021-04-27 19:06:30 · 1106 阅读 · 0 评论 -
【.net core 3.1】解决雪花ID跟前端交互问题
雪花ID本身是long,查了下json rfc,规范不限制范围,但说明了因为IEEE754广泛使用,[-(2**53)+1, (2**53)-1]范围内是可以互操作的,其他的可能会出问题,而这个可能会出问题就是实实在在的出问题了,前端直接接收到后端返回的long再回过来后,经度都会丢失。如后端给前端的是1297873308628307970,而前端拿到返回回来则变成了12978733086283000000。第一时间想到的是要把long改成字符串返回。而场景大多数是系统写了一大批接口,突然发现有问.原创 2021-04-14 15:12:06 · 1641 阅读 · 0 评论 -
MySql 修改账号权限
测试库开了个开发账号,但客户端修改表时弹出权限相关错误,执行以下命令赋予所有权限mysql 5.7grant all privileges on *.* to dev@'%' identified by 'your root password';flush privileges;mysql 8.0root登入后grant all privileges on *.* to dev@'%';flush privileges;...原创 2021-04-13 17:08:46 · 112 阅读 · 0 评论 -
【前端工程化】你所需要的npm知识储备
npm在前端开发流程中提供了非常完善的自动化工具链,已成为每个前端开发者必备的工具,但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点,以便开发者们更好的将npm运用在实际开发中。1. npm 处理 node_modules 目录结构一个项目开发、上线所依赖的插件包都存放在node_modules中。虽然在实际开发中无需关注这个目录里面的文件结构细节,但了解node_modules中的内容可以帮助我们更好的理解npm组织这些文件的机制。假设项目A转载 2021-04-08 17:20:05 · 973 阅读 · 0 评论 -
【小程序插件】如何开发一个小程序插件
先看下官方描述:总体来说,小程序插件分为 开发 、发布和 使用 几个方面。开发发布是提供方如何提供插件给客户,发布后的插件客户才可以使用。在开发前,需要先开通插件功能,然后就可以开发了,其他的其实官网写得很清楚。实际应用实际项目中接到了需求,把室内地图定位应用嵌入到别家小程序中,调研了下小程序插件还比较合适,但小程序插件有点遗憾的是webview无法使用,所以在地图页面用了 H5 嵌入,定位服务则开发了一个室内定位SDK供嵌入方调用,欢迎感兴趣的朋友一起交流...原创 2021-04-08 14:50:54 · 396 阅读 · 0 评论 -
【JavaScript指南】剩余参数
剩余参数跟arguments很像,也是存储方法参数的一个局部变量,跟arguments的区别主要在这几个方面:剩余参数只包含了那些没有对应形参的实参,而argements包含了所有传给函数的实参 arguments不是一个真正的数组,而剩余参数是真正的数组,也就是说剩余参数可以直接使用数组相关的方法,如reduce、forEach、map等 arguments对象会有一些附加的属性,如callee语法function(a, b, ...theArgs){ //...}示例原创 2021-04-02 15:19:58 · 407 阅读 · 0 评论 -
【JavaScript指南】arguments是什么?
描述arguments简单来说,就是存储函数中参数的一个局部变量(注意是非箭头函数),参数按索引为属性名,如第一个参数属性名是0,第二个参数属性名是1,第三个参数熟悉名是3,如function a(){ console.log(arguments[0]) console.log(arguments[1]) console.log(arguments[2]) }a(1,2,3)// 输出:// 1// 2// 3但注意它是一个类数组对象,何谓类数原创 2021-04-01 16:40:27 · 742 阅读 · 0 评论 -
前端每日一题:关于水平居中
前端每日一题:关于水平居中。请实现个层,里面有张图片,每次层显示图片都在当前窗口水平垂直居中,图片位置始终在窗口中间,上下滚动不受影响原创 2014-02-28 10:37:12 · 953 阅读 · 0 评论 -
js 返回上一页和刷新
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例:向上一页 r原创 2014-09-09 15:31:22 · 550 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go .microsoft
1. 以管理员身份运行PowerShell2. 执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的3.执行:set-ExecutionPolicy RemoteSigned4.选择Y原创 2019-10-01 16:05:22 · 284 阅读 · 0 评论 -
一个看起来比较舒服的文本框样式
一个看起来比较舒服的文本框样式,关键点在黄色背景那几点.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vert原创 2013-11-03 02:27:29 · 2898 阅读 · 0 评论