||一见生财||-CSDN博客

原创 Vue upload组件上传文件类型

Vue upload组件上传文件类型匹配类型文件类型清单匹配类型 const isXLS = file.type === "application/vnd.ms-excel"; const isJPG = file.type === "image/jpeg"; if (!isXLS && !isXLSX && !isJPG) { this.$message.error("上传文件格式错误，请确认后重新上传"); }文件类型清单“."=“a

2022-02-05 08:52:30 1821

原创解决滚动条影响页面宽度

背景有些客户和滚动条有仇，要求我们做的产品各种适应屏幕，最终目的是不想看到滚动条。解决方案在想尽办法实现完全适配无果之后，可以尝试：直接设置滚动条样式，在CSS里面把滚动条的宽度设置为0就完事了 .some-div::-webkit-scrollbar { width:0; }！！相关类::-webkit-scrollbar 滚动条整体样式::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）:

2021-11-03 14:09:44 2858

原创解决cordova报错： Failed to execute ‘send‘ on ‘WebSocket‘: Still in CONNECTING

SDK构建工具31上缺少2个文件，即1.dx.bat2.dx.jar，解决方案是这些文件在文件位置中被命名为d8，因此将它们的名称更改为dx将解决错误。步骤如下：1）进入C:\Users\user\AppData\Local\Android\Sdk\build-tools\31.0.0目录2）找到一个名为d8.bat的文件，这是Windows批处理文件。3）重命名d8.bat为dx.bat。4）进入C:\Users\user\AppData\Local\Android\Sdk\build-tools

2021-11-01 14:17:21 2743

原创 Cordova打包Vue项目白屏

把dist文件放上，run起来发现是白屏。解决方案1、设置路由模式为：hashrouter/index.jsconst router = new VueRouter({ // mode: 'history', mode: 'hash', base: process.env.BASE_URL, routes})2、修改vue.congfig.js中的publicPath为：’./’，module.exports = { // lintOnSave: true

2021-11-01 14:15:09 698

原创 electron websocket服务连不上

electron win32应用，写了一个打印组件，通过websocket通信。前端vue连不上socket，报错Access to XMLHttpRequest at ‘http://127.0.0.1:18099/socket.io/?EIO=3&transport=polling&t=NoJMJCk’ from origin ‘http://wms.njhjx.com’ has been blocked by CORS policy: The request client is n

2021-10-20 15:29:27 1840

原创 vue 根据不同分辨率设置css

看到很多用vue的“大神”在实现动态分辨率适配的时候竟然还要引入第三方插件，实在受不了，教教这些人，用css的属性就完全可以实现同页面同组件不同样式的。直接上代码：/* 分辨率宽度在1360px以下时 */<style lang="scss" scoped> @media screen and (max-width: 1360px) { //只要设置了这个最大尺寸，就可以根据不同的情况单独设置组件的样式了 .item-content { width: 100px; }

2021-08-01 11:35:16 1587 2

原创 MongoDB Compass find查询是否包含某字符串

MongoDB的管理工具Compass中，find包含字符串有两种常用写法。1、$regex:/ /两条/之间放上要查询的字符串，比如：{KaTeX parse error: Expected 'EOF', got '}' at position 12: regex:/鸡肉肠/}̲假设原来想查询姓名：张三，写…regex:/张/}}2、/^.正大.$/在/^. 和 .*/之间放上要查询的字符串，比如：/.∗正大.∗/ 之间放上要查询的字符串，比如：/^.*正大.*/之间放上要查询的字符串，比如：/

2021-06-26 20:54:48 4763

原创树莓派-安装、配置、启动mongodb数据库

一、安装树莓派版本4B 8G 64位mongodb版本这里非常容易出错，之前尝试过很多次都失败了，原来是版本选错，这次咬咬牙一个一个试了一下，发现匹配树莓派64位系统版本的mongodb竟然是rhel-arm64！，没想到吧！下载链接 cd /usr/local wget https://fastdl.mongodb.org/linux/mongodb-linux-aarch64-rhel82-4.4.6.tgz tar xvf mongodb-linux-aarch64-rhel8

2021-06-20 21:48:32 2039 1

原创树莓派-连接wifi并固定ip

1、在windows系统生成一个conf文件wpa_supplicant.confctrl_interface=DIR=/var/run/wap_supplicant GROUP=netdevcountry=CNupdate_config=1network={ ssid="无线名称" psk="密码" key_mgmt=WPA-PSK}2、将conf文件拖入sd卡的boot里面3、sd卡树莓派，开机4、打开wifi sudo ifconfig wlan0 up这时候就连上wi

2021-06-14 15:40:50 591

原创树莓派-npm软链报错

问题在树莓派上安装了nodejs，并成功的将node添加到软链中，可是当我们按照同样方法添加npm时，提示找不到这个文件或文件夹。解决方案正确的添加npm软链方法是：命令行 sudo ln -s /home/pi/node/lib/node_modules/npm/bin/npm /usr/local/bin/npm但是这样还是不行，会报错（2021-06-09树莓派4B8G），如下：$ npm -vmodule.js:471 throw err; ^Error: Ca

2021-06-09 08:00:09 474

原创树莓派-不休眠

种种原因你会发现自己手里的树莓派有“自动休眠”的功能，不想让他休眠，做一个设置命令行 //编辑设置文档 sudo nona /etc/lightdm/lightdm.conf将 “ xserver-command ”，修改为： xserver-command=X -s 0 -dpms这一条有可能是被注释起来了，那就取消注释。Ctrl + x 然后按键Y，回车。保存退出。...

2021-06-09 07:47:10 316

原创树莓派-重新安装vim并设置

树莓派-新安装vim1 删除旧的编辑器删除旧的vim sudo apt-get remove vim-common安装新的vim sudo apt-get install vim设置vim参数 sudo vi /etc/vim/vimrc #显示行号 set nu #语法高亮 syntax on #缩进4 set tabstop=4...

2021-06-08 21:51:38 557

原创树莓派-关闭可视化界面

树莓派-关闭可视化界面命令行打开boot设置界面重启树莓派· 职业玩家不需要图形界面命令行打开boot设置界面 // 打开boot设置界面 sudo raspi-config直接在当前选中的 “1 System Options” 按回车，进入子页面：选中 " S5 Boot / Auto Login "，进入下一级子页面：这里有四个选项，上面两个就是没有图形界面，下面两个就是有图形的，我们选中 " B2 Console Autologin " 不要图形界面并且默认登录pi用户（免去

2021-06-08 18:52:53 4585

原创点击div或者span等标签的文字，隐藏光标

干掉光标！有时候在做一些点击的组件时，如button、tag、侧边栏等等，做完了效果都不错，但是矫情的大前端会发现：点击到组件上的文字比如侧边栏时，会出现一个类似input的光标！但我们根本就没有输入需求，这个光标很多余。如图：是可忍孰不可忍！解决他需要一行代码。.xxx { caret-color: transparent;}...

2021-01-17 23:21:41 6297 6

原创 VUE 在js文件中跳转路由

VUE 在js文件中封装公共函数跳转路由有些场景需要复用函数跳转路由。比如在商城系统中，各个页面点击商品都是要执行一个方法跳转到该商品的详情页，那么我们可以共用一个函数避免每个页面都单独写。我们可以这样做：1、src目录下新建一个目录services2、services目录下新建一个js文件比如goPage.js3、代码（为了让你进步代码做了处理）import routerfrom'../router'export class GR. { goDetail(item) {

2021-01-07 13:33:30 5806

原创 Angular项目nginx配置里gzip压缩

Nginx启动gzip压缩新的Angular项目在Linux服务器部署用的Nginx，由于单页面应用的一些文件会比较大，首次加载页面速度会慢，所以需要做一些列的优化。其中 gzip压缩就是非常有效一个方法。但是想当然的在nginx配置文件中做了gzip的设置，竟然没有生效，检查了一下并没有写错什么，于是做了下思考：nginx在执行配置命令的时候应该也是要遵循一定的顺序来的，那么很有可能是...

2019-08-03 10:42:58 1032

原创 Angular项目在360浏览器跳转页面有时候报错的问题

呵呵，他连淘宝登录都有可能报错，兄弟们咱们就别瞎折腾了。分析原因：360浏览器会有一个模式设置，有三个模式，分别是IE8、极速模式、兼容模式，如果在极速模式下基本上是会报错的，兼容模式下大概率是一直在加载，只有选择IE8模式才会正常的显示。默认的是智能选择。。。智能选择的意思就是不一定是哪种模式，所以就会出现“有时候报错”。当然，如果每次在跳转页面前都手动确认设置在IE8模式，基本就不会报...

2019-07-30 11:37:56 315

原创 ionic4踩坑：no-referrer-when-downgrade

ionic4踩坑：no-referrer-when-downgrade问题：no-referrer-when-downgrade背景原因解决方案重新编译问题：no-referrer-when-downgrade背景项目正常运行了一段时间了，突然一天客户说某一个页面的功能不能正常使用，打开项目调试了一下，发现有一个http通信没有正常执行完成，服务器也没有收到这个请求。看了network发现...

2019-07-12 21:21:06 11032 2

原创 ionic 聊天界面内聊天内容自动换行

因为ionic各种不同的版本其UI库存在差异，所以并不能保证每一个开发的文字显示自动换行。那么只需要在必须要换行的块里加入样式设置即可：white-space:normal;chat.page.html...<ion-content> <div *ngFor="let message of messageList" class="message-wrapper"&g...

2019-06-02 11:51:16 518

原创 ionic4 踩坑：content 滚动到底部！

之前使用ionic3做项目，一直用的不错，自带的UI库基本可以满足一些小客户的需求，后来ionic4正式版出来了，号称“史上最高效”，抵挡不住诱惑啊，于是新项目就用ionic4，谁知各种坑，后面我一一介绍并会给出最直接有效的解决方案。今天的坑是 content 组件。作为一个普通项目，其实用到这个组件最多的需求是：聊天界面自动到底部能看到最后一条，以及图文页面的【TOP】按键到页面顶部。我就...

2019-05-28 14:35:32 2896 3

ansinyu的博客