手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2023年12月的文章

解决livewire/livewire.js找不到的问题

Submitted by gouki on 2023, December 28, 10:26 PM

因为今天用了filamentPHP这个框架，类似 laravel-admin/ dcat-admin等。为什么想用它呢。看官网，插件极其多...

根据官方的教程进行composer require以及publish素材后，本地一切正常，但上线后，报livewire/livewire.js找不到
找了一下根目录，发现确实没有。于是php artisan route:list|grep livewire，看到是由PHP进行模拟的。
 
但因为我用的是lnmp ，默认对JS有一个30d的缓存，所以需要在js的判断前加上
XML/HTML代码
  1. location = /livewire/livewire.js {  
  2.     expires off;  
  3.     try_files $uri $uri/ /index.php?$query_string;  
  4. }:  
不设置过期时间 ，同时是由PHP来解析。reload一下nginx，再次打开网页，一切正常
 
 

Tags: laravel

PHP | 评论:0 | 阅读:2924

字体转换相关

Submitted by gouki on 2023, December 22, 9:22 PM

 小程序里最烦人的就是自定义字体了。设计师们总喜欢用一些看起来很好看的字体。但对于小程序来说简直是个灾难。

所幸，如果是英文字体的话，一般都只有8~10K，但那些 OTF 其实还是很大，而且不少字体中有一些特殊的符号，比如@这些。但事实上很多时候我们都不需要。所以这时候就要转换一下。。。
1、convert OTF to TTF
2、用 sfnttools.jar 包（网上都是这个名儿）。来进行转换，类似 java -jar sfnttool.jar -s '内容，也可以是文件' 源字符.ttf 生成的.ttf 
3、如果字体还大于50K 的话，转换成 base64
4、如果小于50K，直接就可以引用了。。。。
 
大致这样。。
 
1、https://cloudconvert.com/otf-to-ttf
2、https://www.giftofspeed.com/base64-encoder/
3、fonttool.jar
 
参考：https://blog.zengrong.net/post/font_trim_replacement_converting/
 
 
jar 包的详细用法可以直接命令行看
XML/HTML代码
  1. java -jar sfnttool.jar -h    
  2. subset [-?|-h|-help] [-b] [-s string] fontfile outfile    
  3. prototype font subsetter    
  4.         -?,-help        print this help information    
  5.         -s,-string       string to subset    
  6.         -b,-bench        benchmark (run 10000 iterations)    
  7.         -h,-hints        strip hints    
  8.         -w,-woff         output woff format    
  9.         -e,-eot  output eot format    
  10.         -x,-mtx  enable microtype express compression for eot format   
 
 
 

Javascript | 评论:0 | 阅读:3738

antv的 dialog 如何去掉边框

Submitted by gouki on 2023, December 15, 3:06 PM

 在用 antv 的 modal 对话框时，你会发现弹出来的框有一个很大的边框，打开 css 会找到 ant-modal-content 这个 class。如果你直接 加这个样式 padding: 0，或者 :deep(.ant-modal-content){padding: 0 }你会发现都不起作用

即使，即使你用了 important 也还是不起作用
 
这时候 看浏览器工具栏的右侧，会有类似 :where(xxxx) .ant-modal-content 这样的样式，也就是说他本身就是一个伪类，如果你直接对它操作是不起作用的。
 
网上找了很多资料。最后找到说，其实他有一个 wrap-class-name 的属性。用了这个属性后，整个对话框里的样式就可以跟着这个外层类走了。因此设定：<a-modal wrap-class-name="wrap-modal" ></a-modal>
再添加样式：
XML/HTML代码
  1. .wrap-modal{  
  2.   .ant-modal-content{  
  3.     padding: 0!important;  
  4.   }  
  5. }  
再次看弹窗。一切正常啦 ~
 

Javascript | 评论:0 | 阅读:2870

CSS如何给文字加上文字一半高度的背景色

Submitted by gouki on 2023, December 10, 11:35 PM

 一般来说象这种效果实现还是比较有意思的

在文字下层加上一定高度的背景色，半透明，而且模糊。。。
 
话不多说，上代码：
CSS代码
  1. .text_bg {  
  2.   display: inline-block;  
  3.   position: relative;  
  4.   z-index: 1;  
  5. }  
  6.   
  7. .text_bg::after {  
  8.   content: '';  
  9.   position: absolute;  
  10.   bottom: 0;  
  11.   left: 0;  
  12.   width: 100%;  
  13.   height: 40%;  
  14.   background-color: #B6D16F;  
  15.   opacity: .7;  
  16.   z-index: -1;  
  17.   filter: blur(1px); /* 可选：模糊效果 */  
  18. }  
上述代码中最重要的其实就是那两个z-index。否则你会发现背景色其实压在了文字上方。
其他的基本上都是基本操作，只是额外用了一个:after的伪类。在当前这个例子里。用before和after的最终显示效果其实是一样的
 
 
 

Javascript | 评论:0 | 阅读:3005

unoconv中文不正常的解决方案

Submitted by gouki on 2023, December 3, 10:47 AM

 用unoconv将wod转成pdf的时候，中文乱码，这时候解决方案往往是上传中文字体到系统库并注册即可。

中文字体网上下载的地方一堆堆的，就不再赘叙了。
 主要就是注册 ，因为用到了mkfontscale之类的命令。但这不是系统自带的，需要安装，因为我用debian。于是：
XML/HTML代码
  1. # 使mkfontscale和mkfontdir命令正常运行  
  2. sudo apt-get install ttf-mscorefonts-installer  
  3. # 使fc-cache命令正常运行  
  4. sudo apt-get install fontconfig  
然后在相应的字体目录下运行 
mkfontscale
mkfontdir
fc-cache -fv        //更新字体缓存 
fc-list :lang-zh
然后一切正常
 

Linux | 评论:0 | 阅读:3020

Records:612›