- 博客(22)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 uniapp技巧-dom的显示和隐藏1
前言，之前发表的dom的显示和隐藏里面用的是比较熟悉的前端方式的css绑定的方式。说实话uniapp的手册是真的没时间看，而且基于功能直接搜索了csdn，找到了方法就直接去用了，而且用css的方法也是平时经常用的，没有想那么多。不过呢友友似乎对我要求比较严格，所以又认真的拜读了uniapp的手册找到了v-show的用法。如下：1、dom增加v-show<view v-show="seen">Hello!</view>
2022-04-06 22:31:13
1820
原创 国产web端开源ui组件-通用前端ui界面组件库
写个序吧：随着工作的不断深入，越来越发现很多好的前端开源项目都来自于国外，国产的开源项目很多时候面临叫好不叫座甚至有很多就消失不见了。开源和创新，不仅仅是需要我们的参与同样也需要我们不断的传播，因此才想要做一个系列，介绍一下那些很好的国产前端项目。由于本人的见识以及技术水平，可能有些介绍的不够准确，有一些项目没有加入进来，会有不全面的地方，但是同时这也说明国产的好的开源项目也是在不断发展和创新的，也希望大家多多批评指正告诉我，我们一起来完善和进步。以上。下面是正文，O(∩_∩)O哈哈~（我确定不
2022-04-03 12:56:20
1369
原创 国产web端开源ui组件-后台前端ui界面组件库
1、h plus也就是h+，好好的一个ui突然不更新了，看gitee上已经是好几年前的提交了。当年有很多开源程序的后台都是他，很可惜。不过从完整性上来说已经是可以应用到程序中的了。2、huihttp://www.h-ui.net/H-ui.admin.shtml这是它的付费版http://www.h-ui.net/H-ui.admin.pro.shtml一个比较好看的通用后台库，并且很多开源程序选择了这个ui库作为搭建后台的核心组件库。几年前测试过，最近准备再上手付费版，
2022-03-29 15:23:43
916
原创 leapmotion使用之一-如何用leapmotion代替鼠标简单操作
leapmotion是一种小型的互动设备，通过跟踪手部的动作和移动轨迹来进行不同的操作。最近有项目需要买了一个5代的leapmotion，并且进行了初步的互动操作和使用。（ps：店家告诉我只有第五代的产品才能支持最新的官方软件，令外从外观上是没有区别的，只有使用过程中有区别）在初步的使用过程中发现了一些问题：1、官网升级了现在叫做https://www.ultraleap.com/我们需要下载leapmotion的驱动软件。这是我们购买的leapmotion的设备
2022-03-25 09:20:18
12615
21
原创 数据库维护-mysql报错max_allowed_packet
今天在准备备用服务器，需要备份系统数据。在备份数据然后要进行导入的时候发现mysql始终导入不了。报了一个max_allowed_packet的错误，根据错误信息，数据包过大，然后无法导入了。于是开始准备解决问题。mysql的配置文件进行修改：vi /etc/my.cnf修改max_allowed_packet = 100M这时候保存后重启。然后数据导入就成功了。总结一下：1、根据错误信息判断数据包过大2、修改mysql的配置：max_allowed_pac.
2022-03-16 06:21:31
1884
2
原创 服务器维护-ubuntu没有网络，网卡配置
今天重装了一台服务器，使用的之前的ubuntu的系统盘镜像做了硬盘拷贝，拷贝完之后测试基本功能没有问题。但是。。。问题来了，插上网线发现没有网络，这是什么原因呢？使用命令：ifconfig之后发现了问题所在：上图只有一条信息，本地网络127.0.0.1的。网卡去哪儿了呢？于是使用命令：ip link 查询网卡信息：找到了网卡的信息。再使用命令：vi /etc/network/interfaces 查看网络配置文件结果发现之前系统里面的网卡enp1s0.
2022-03-16 04:58:19
1612
原创 php报错Fatal error: Call to undefined function socket_create()
今天在维护服务器的时候发现有台服务器的环境报错Fatal error: Call to undefined function socket_create()，根据报错信息判断应该是socket出现了问题。根据之前的工程师说这台服务器并不是第一次全新安装，所以比较疑惑。开始排查：1、首先进行输出phpinfo新建一个php文件里面输出phpinfo2、通过phpinfo查找disable function结果发现disable function中value为空，也就是没有禁用socke
2022-03-08 21:46:14
1409
原创 visual studio code没有语法提示的时候建立文件关联
今天用vscode的时候发现打开php不提示语法了，左下角一看，怎么变成纯文本了。赶紧找百度问问看，这属于没有语法提示，于是一顿操作：找到文件-》首选项-》打开设置：首选项设置然后搜索prevent，取消此项的勾选发现还是不行，于是点击屏幕右下角文件类型，当前是纯文本先改为html，然后选择自动检测选择html改为自动检测现在可以识别php语法了。如果还不行里面有一步可以这样操作：配置文件关联选择php（
2022-03-06 02:12:13
517
原创 js 通用表单提交4-ajax提交后success和complete、error的处理
上回书说到我们通过action和data处理已经获取了表单的提交地址和表单的数据，那么接下来就可以进行表单提交了。既然我们是通过js进行提交，那么我们就可以祭出我们的大杀器ajax了，通过ajax提交好处一大堆，比如可以无刷新提交等等。这里我们遇到一个问题，我们在提交表单的时候发现部分表单提交了，但是却没有办法判断是否成功，这时候就需要ajax提交后的状态来进行判断了，举个栗子：我们增加了红线画出来的部分，这是比较常见的用jquery的ajax方法提交的一种写法，在这里面success就是成
2022-03-06 01:05:59
3256
原创 js 通用表单提交3-action和data的处理
书接上回，在form中action作为提交表单的接收地址，在有些时候可以省略，那就代表提交到当前地址，这个时候我们通过js获取是无法获取到的：举个小例子：这里能获取到的就是个空白（里面引用了一个外部的jquery，不要在意这些细节），那么这个时候我们需要增加判断，那么这个时候需要这样做：通过上面的操作我们终于把真正的提交url找到了。然后我们要解决一个新的问题：那就是如何获取表单中的数据？我们用两种方法解决（突然想到回字的四种写法，不，那不重要）：1、jquery下有
2022-03-04 00:13:14
1086
原创 js 通用表单提交2-submit的控制和ajax提交
通过上次的尝试我们发现表单中可以通过onsubmit来一定程度的控制form的submit动作。但是很快我们就发现这种情况下无法控制submit的后续动作，也就是页面跳转。那么怎么解决这个问题呢，我们进一步可以观察发现大多数时候我们是通过一个type=submit的按钮来实现表单提交的。也就是在form的onsubmit之前，我们实际上会有一个点击按钮的操作，那么我们就可以通过阻止按钮的默认动作来阻止form的submit。然后由此引申我们可以创造一个另外的按钮用来提交form，举个小例子：
2022-03-02 23:16:08
1401
原创 TouchDesigner使用之一-下载安装
最近朋友推荐了一个互动开发软件：TouchDesigner，提到说之前北京skps的人造羊就是这个软件开发的。并且这个软件是输入低代码的开发平台，通过类似UE蓝图的开发方式，连线即可进行软件开发，并且可以支持Kinect等硬件，很容易开发各种软硬件结合的互动，甚至还可以开发舞台灯光，楼体秀投影。既然这个软件比较符合我们的期待，那么就从下载安装开始吧：1、从官网进行下载2、根据系统版本进行选择并且下载3、双击安装4、安装之后第一次打开需要注册账号5、登陆
2022-02-21 09:28:00
3300
2
原创 css3-文字外发光效果2-文字描边
使用文字阴影效果除了可以制作外发光之外，在某些时候还可以替代图片的文字描边效果。上过程：1、文字阴影text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;这是使用的黑色1像素阴影制作的描边效果如下：2、还有另外一种css使用text-stroke，但是这种兼容性不如text-shadow，测试chrome下必须加前缀-webkit--webkit-text-stroke:1px #0
2022-02-13 23:50:37
621
原创 css3-文字外发光效果
css3中有一个文字阴影的效果，可以使用该效果制作文字的外发光效果。这种效果在不方便使用图片的时候可以达到更好的效果。制作步骤如下：1、首先了解一下使用的csstext-shadow: 5px 5px 5px #FF0000;效果是这样的：2、然后改造一下text-shadow:0 0 3px #FF0000;3、了解一下原理text-shadow的几个参数的解释分别如下：必需。水平阴影的位置。允许负值。必需。垂直阴影的位置。允许负值。可选。模
2022-02-13 21:39:19
4786
原创 uniapp技巧-dom的显示和隐藏
今天碰到一个新的需求，就是需要某个dom在加载的时候不显示，等到5秒后再显示。寻找了一些方法，最后发现还是可以通过js来实现，只不过方法与h5+js的时候略有不同，方法如下：1、dom增加属性<view :class="isShow" >内容内容</view>2、data中增加isShow默认值data() {return{isShow: "domhide",}}3、在style中声明domhide和domshow两个class.domhid.
2022-02-13 21:00:40
1947
原创 js 通用表单提交1-onsubmit
在进行表单提交的时候，如果直接点击表单的submit按钮则会提交表单，但是这种方法在需要验证的时候则会不适用。因此一般会在form的声明中声明onsubmit的方法，在这个方法中添加需要验证的字段等。方法如下：1、form表单<form id='form1' action='' method='' omsubmit='return checkForm()'><input type='text' name='username' value=''/><inp
2022-02-12 10:17:46
753
原创 css3 object-fit的作用
在使用h5的video组件的时候，部分视频和容器的尺寸不一致，会发生留出黑边的情况。在不产生大的画面变形的情况下，会使用css3样式object-ft:fill;来将视频填充满容器。那么object-fit到底有什么作用呢？通过查找资料发现object-fit有如下的属性：1、object-fit:fill;拉伸填满整个容器2、object-fit:contain;宽度铺满整个容器，高度等比缩放，超出则裁剪3、object-fit:cover;高度铺满，宽度等比缩放，超出则裁剪4
2022-02-10 03:46:47
2739
原创 uniapp技巧-滚动组件-1
uniapp MAOUI 滚动组件如果设置的显示数量大于数据总量，则不再滚动，在组件的文件mao-scroll.vue中：init: function(){this.showLine = this.showNum < this.data.length ? this.showNum : this.data.length;for(let i = 0; i < this.data.length; i++){this.showdata.push(this.data[i]);}
2022-02-09 03:09:31
620
原创 uniapp技巧-滚动组件
最近的项目做了一个信息展示，客户的需求改了，因为一屏展示太多了，想多屏，还不加分页，只能增加滚动。查询了好多资料，也测试了好多组件，最后选定了一种滚动组件。使用方法如下：1、找到uniapp的组件插件市场https://ext.dcloud.net.cn/搜索滚动在里面找到MAOUI的滚动组件2、点击进入组件信息页面，选择hbuilder导入插件自动安装3、查看需要添加的工程中是否已经添加该组件4、需要使用的页面引用组件import maoScro
2022-02-09 02:40:14
3652
2
原创 uniapp技巧-设置背景音乐
最近有个uniapp有个设置背景音乐的需求，查了一些资料，想通过通用组件实现，无奈页面太多。最后终于找到了可以不用挨个页面修改的方法，并且在使用过程中发现了该方法中未能说明的地方自己做了补足，记录一下。1、app.vue设置背景音乐组件onLaunch: function() {this.bgmMusic = uni.createInnerAudioContext();this.bgmMusic.autoplay = true;//自动播放this.bgmMusic.loop = tru
2022-02-09 02:38:18
1856
原创 win下安装docker
简单记录1、docker官方网站下载docker for windowshttps://www.docker.com/get-started2、本地安装3、提示安装wsl24、安装wsl2https://docs.microsoft.com/zh-cn/windows/wsl/install-manual#step-4---download-the-linux-kernel-update-package选择linux 分发我选择的是ubuntu 2
2022-02-08 14:38:19
961
原创 安装印象笔记
使用印象笔记是因为之前B站有个UP主的视频里面有看到使用，觉得应该是我想要的，所以尝试一下，安装过程记录如下：ps：里面的剪藏是我一直想要的功能1、官方网站下载https://www.yinxiang.com/dl-win/?win版本还是其他版本会自动判断2、安装双击安装3、安装完登陆需要有个账号当然可以选择微信登陆4、关键点：剪藏除了基本的笔记功能外，还有一个收藏网页的功能，这个是相当实用的功能。在浏览器安装一个叫剪藏的插件，就可以收藏
2022-02-08 14:35:25
404
javascriptlog-tool
2010-03-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人