- 博客(37)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 移动端不居中问题/安卓和ios下line-height上下居中 css兼容问题
移动端开发过程，经常会写带0.5px边框角标类的样式，直接使用border设置0.5px边框，ios有些机型会出现显示不完整的情况。所以改用伪元素方法实现边框。1、如果只有单个角标，字号内外边距等设置为需求大小的2倍，使用transform进行缩放。边框问题解决后，又发现安卓系统，文字无法居中。3、使用table布局，但是三星S8存在兼容性问题，其它机型正常。2、不直接设置line-height=height，而是设置。
2024-04-19 18:26:52
68
原创 vscode常用插件
插件可以发现代码中的错误和错误，从而使编码变得更好。插件提供了路径智能感知的功能，帮助你更轻松地输入和补全文件路径。当你在编辑器中输入文件路径时，它会自动为你提供路径的建议和补全。当你输入一个开始标签时，它会自动插入相应的结束标签，并将光标定位在两个标签之间，方便你继续编写内容。样式表，因为它可以快速查找和编辑应用于特定元素的样式，而无需浏览多个文件或搜索大量代码。插件会自动格式化您的代码，从而简化维护一致代码库的过程。它提供了许多有用的功能，包括语法高亮、代码补全、错误检查、格式化、调试等。
2024-04-12 08:57:19
505
原创 tinypng本地批量压缩图片
npm i super-tinypng -g 安装super-tinypng插件super-tinypng在图片文件夹输入该命令，压缩完后会生成一个output文件夹，里面是压缩后的图片
2022-05-09 11:46:24
540
原创 vue使用videojs播放视频
在vue中使用videojs - 简书videojs中文文档详解_谢泽的网络日志-CSDN博客_video.js[HTML5和Flash视频播放器]Video.js 学习笔记(一 ) HLS库:videojs-contrib-hls - Tinywan - 博客园https://www.npmjs.com/package/videojs-contrib-hlsvideojs-contrib-hls: HLS library for video.js...
2022-02-28 02:20:21
2080
原创 javascript toLocaleString的巧妙用法
(123).toLocaleString('zh-Hans-CN-u-nu-hanidec')// “一二三”(1.23).toLocaleString('zh-Hans-CN', { style: 'percent'})// “12,300%”(123).toLocaleString('zh-Hans-CN', { style: 'currency', currency:'CNY'})// “￥123.00”(123).toLocaleString('de-DE', { style:..
2022-01-04 15:21:46
535
原创 H5页面和微信小程序的优劣对比
1.使用形式：H5在微信里可以直接分享朋友圈，而小程序目前就只能转发好友或群。对于朋友圈，就只能生成带小程序码的图片发到朋友圈。而对于分享到好友或群，小程序又提供了卡片式的分享界面，看起来很高端，信息也多，并且能追踪用户行为。这一点，H5又无法做到。2.用户触达：H5本身是没有用户触达能力的，如果用户关掉了页面，页面就再也没有办法主动触达该用户了。因此，H5触达客户都是想方设法把链接地址推送给用户，比如邮件营销或短信营销，以及服务号莫办消息等触达方式。而小程序天然支持模板消息，虽然有一周的推送时间限制，
2021-09-16 21:01:41
2619
转载 git解决pull文件冲突
git stashgit pullgit stash popgit stash: 备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到Git栈中。git stash pop: 从Git栈中读取最近一次保存的内容，恢复工作区的相关内容。由于可能存在多个Stash的内容，所以用栈来管理，pop会从最近的一个stash中读取内容并恢复。git stash list: 显示Git栈内的所有备份，可以利用这个列表来决定从那个地方恢复。
2021-08-04 19:24:26
153
原创 IOS14跨域请求无法携带cookie
ios14以上版本跨域请求cookie无法携带，safari浏览器中关闭‘阻止跨网站追踪’选项，可以解决这个问题，但是微信7.0.18版本中 依然无法解决，网友说顶级域名改为一致后可以解决
2021-07-27 10:14:47
1211
原创 GIT常用命令
1.新建代码库# 在当前目录新建一个Git代码库 $ git init# 新建一个目录，将其初始化为Git代码库 $ git init [project-name] # 下载一个项目和它的整个代码历史 $ git clone [url]2.增加/删除文件添加指定文件到暂存区 (多个文件以空格分开)git add file 添加指定目录到暂存区git add dir添加当前目录的所有文件到暂存区 git add . 删除工作区...
2021-05-20 17:46:06
126
2
原创 windows7 fiddler无法抓取浏览器https请求
HTTPS的连接要导入证书。但是选择导入到“受信任的根证书颁发机构”后，打开IE7后在“受信任的根证书颁发机构”找不到，像是没有成功一样。经过分析，应该是用户对权限的问题。通过以下方法解决：1.打开注册表（Regedit）编辑器。2.找到HKEY_CURRENT_USER\Software\Microsoft\SystemCertificates\Root\ProtectedRoots3.右键选择“权限”4.在接下来的“安全”标签下加入你现在登录的用户，并给“读取”的权限。5.关闭注册表。.
2021-03-18 14:12:11
730
原创 多张图片拼接页面出现白线问题
1.img为行内元素 diplay默认为inline-block，将display改为block可以解决这个问题2.img父级元素添加font-size：0%3.将多个img放在一个父元素中
2021-03-10 17:39:24
1131
原创 fiddle4使用
手机抓包配置，手机和电脑连同一个网络，手机上设置代理，代理端口号为fiddle中配置的（配置路径为：tools->fiddle-options->connections->fiddle listen on port），配置好代理，请求安装fiddle机器的IP:端口，下载证书（https证书）fiddle工具配置：1.tools->fiddle-options->https2对Fiddler进行设置:勾选“CaptureHTTPS .
2021-03-10 17:38:43
585
原创 Git 笔记
1.提交git add .git commit -m '描述'git push2、切换分支Git checkout 分支名3、从其他分支拉取文件Git checkout 分知名 文件目录+文件名拉取过后，提交Git commit -m ‘描述’Git push
2020-11-02 10:56:28
92
原创 swoole常用命令
1、服务启动 #启动服务,不指定绑定端口和ip，则使用默认配置 php swoole.php start #启动服务 指定ip 和 port php swoole.php -h127.0.0.1 -p9501 start #启动服务 守护进程模式 php swoole.php -h127.0.0.1 -p9501 -d start #启动服务 非守护进程模式 php swoole.php -h127.0.0.1 -p9501 -D start #启动.
2020-05-26 11:46:49
1402
转载 纯前端实现人脸识别-提取-合成
最近火爆朋友圈的军装照 H5 大家一定还记忆犹新，其原理是先提取出照片中的面部，然后与模板进行合成，官方的合成处理据说由天天 P 图提供技术支持，后端合成后返回给前端展示，形式很新颖效果也非常好，整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案，因此理论上前端也可以完成人脸识别-提取-合成整个流程，实现纯前端的军装照 H5 效果。前端人脸识别首先需要的是人脸识别，这个一...
2018-08-02 10:20:00
13095
1
转载 纯前端实现人脸融合-调用Face++的人脸融合API接口实现
背景 前段时间接触一个人脸融合类的H5，根据已有项目经验，直接选择腾讯AI的人脸融合API，接着等待3个工作日的模版审核期。不巧的是，由于面部遮挡审核被驳回（下图）。 如果再次提交审核，那根据上线时间是完全来不急的，故需要寻找无需模版审核的替代方案。 解决方法 经过查询，提供人脸识别服务的Face++旷视，有人脸融合的开放API。 ...
2018-08-01 11:33:40
3982
转载 jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "normal", or...
2018-07-27 17:32:12
2141
转载 js深拷贝和浅拷贝
一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln(...
2018-07-25 09:10:34
143
转载 js正则表达式
什么是正则表达式呢？正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等。说白了正则表达式就是处理字符串的,我们可以用它来处理一些复杂的字符串。为什么要学习正则表达式我们直接用一个例子来说明//找出这个字符串中的所有数字var str = '...
2018-07-23 11:52:34
691
原创 excel中将指定列生成json格式
="{""A"":"""&E4&""",""B"":"""&F4&""",""C"":"""&G4&"""
2018-07-17 16:50:31
2638
转载 深入理解JavaScript的闭包特性 如何给循环中的对象添加事件
一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局...
2018-07-16 15:09:28
129
转载 nextSibling 和nextElementSibling的区别
使用nextSibling属性返回指定节点之后的下一个兄弟节点，（即：相同节点树层中的下一个节点）。nextSibling属性与nextElementSibling属性的差别： nextSibling属性返回元素节点之后的兄弟节点（包括文本节点、注释节点即回车、换行、空格、文本等等）； nextElementSibling属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）；注意: 空...
2018-07-16 10:22:01
19816
转载 Javascript笔记
值类型的类型判断用typeof，引用类型的类型判断用instanceof。只要是对象，它就是属性的集合每个函数都有一个属性叫做prototype。这个prototype的属性值是一个对象（属性的集合，再次强调！），默认的只有一个叫做constructor的属性，指向这个函数本身。function fun(){}//函数的第一级原型是函数本身cunstructor(构造器)，再往上查看是Object...
2018-07-13 17:27:34
97
转载 移动端使用touchstart，touchmove，touchend实现图片轮播
https://blog.csdn.net/m0_37568521/article/details/77836756
2018-07-12 18:10:18
873
转载 移动端web开发---Touch事件详解
一、pc端事件回顾HTML事件、DOM0事件、DOM2事件事件对象。如果上述概念不清楚，请先去了解。二、移动端事件简介2.1 pc端事件在移动端的问题 移动设备主要特点是不配备鼠标，键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了，虽然部分仍然可以使用。click事件的300ms延迟问题。2007年第一代iphone发布，由于那个年代所有的网页...
2018-07-12 10:44:29
836
原创 ios微信客户端中声音无法播放
html中audio标签<audio src="http://wx.masrbs.com/Addons/HFive/View/default/Public/music/flipsound.mp3" id="Jaudio" class="media-audio" preload="preload" ></audio>js中播放代码app.audioAutoPlay=funct
2018-07-04 17:20:56
1220
转载 一文彻底明白linux中的selinux到底是什么
一、前言安全增强型 Linux（Security-Enhanced Linux）简称 SELinux，它是一个 Linux 内核模块，也是 Linux 的一个安全子系统。SELinux 主要由美国国家安全局开发。2.6 及以上版本的 Linux 内核都已经集成了 SELinux 模块。SELinux 的结构及配置非常复杂，而且有大量概念性的东西，要学精难度较大。很多 Linux 系统管理员嫌麻烦都...
2018-06-29 14:17:30
326468
32
转载 CentOS7安装和配置FTP
1. 安装vsftpd#安装vsftpdyum install -y vsftpd#设置开机启动systemctl enable vsftpd.service # 重启service vsftpd restart# 查看vsftpd服务的状态systemctl status vsftpd.service1234567892. 配置vsftpd.conf#备份配置文件 cp /et...
2018-06-29 14:17:22
418
转载 CentOS7下搭建FTP服务器（转载）
1、安装vsftpd首先查看你是否安装了vsftpd[root@localhost ~]# rpm -q vsftpd1vsftpd-3.0.2-10.el7.x86_64 （显示也就安装成功了！）如果没有则安装vsftpd[root@localhost ~]# yum install -y vsftpd1安装完成后可以查看到安装的目录[root@localhost ~]# whereis vsf...
2018-06-29 14:17:13
163
转载 centos7更新、更新、每天更新、每天自动更新
每一天我们的系统时时刻刻都被凶狠之徒盯着，保持软件在最新的状态是其中一项我们必须做，也很容易做到的工作。首先我们立即手动更新所有预先安装的软件：yum -y update跟着设定系统定时自动更新，第一步确定服务器是否安装了自动执行指令的工具，跟着使用 yum 一个名叫 yum-cron插件。CentOS 7 使用数个软件来自动执行指令：cron、anacron、at 和 batch，其中 cron...
2018-06-29 14:17:01
10844
1
转载 vsftp配置文件项详解
anonymous_enable=YES /允许匿名访问 12行local_enable=YES /允许本地用户访问(/etc/passwd中的用户) 15行write_enable=YES /允许写入权限，包括修改，删除 18行local_umask=022 /本地用户文件上传后的权限是-rw-r--r-- 22行 本地用户上传...
2018-06-29 14:16:52
2562
转载 centos彻底删除文件夹、文件命令
centos彻底删除文件夹、文件命令（centos 新建、删除、移动、复制等命令：1.新建文件夹mkdir 文件名新建一个名为test的文件夹在home下view source1 mkdir /home/test2.新建文本在home下新建一个test.sh脚本 vi /home/test.sh3.删除文件或文件夹1、删除home目录下的test目录 rm /home/test2、这种不带参数的删...
2018-06-29 14:16:44
4958
转载 CentOS下vsftp设置、匿名用户&本地用户设置、PORT、PASV模式设置
1， 安装：yum install vsftpd 2， 设置vsftp开机自启动：chkconfig --level 35 vsftpd on 3， 启动vsftpd守护进程：Service vsftpd start 4， 开启iptables防火墙21端口-A INPUT -m state --state NEW -m tcp -p tcp --dport 21 -j ACCEPT ，然后重启s...
2018-06-29 14:16:33
2287
转载 iptables命令
《Linux就该这么学》是一本基于最新Linux系统编写的入门必读书籍，内容面向零基础读者，由浅入深渐进式教学，销量保持国内第一，年销售量预期超过10万本。点此免费在线阅读。iptables命令是Linux上常用的防火墙软件，是netfilter项目的一部分。可以直接配置，也可以通过许多前端和图形界面配置。语法iptables(选项)(参数)选项-t<表>：指定要操纵的表；-A：向规...
2018-06-29 14:16:21
144
转载 Js 中对 Json 数组的常用操作
我们首先定义一个json数组对象如下：var persons = [ {name: "tina", age: 14}, {name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}] 一. 根据对象属性值得到相应对象//1. 获取 name 等于 lily 的对象var lil...
2018-06-29 14:16:07
189
转载 html5 js 实现浏览器全屏效果（F11）
<input id="Button1" type="button" value="开始全屏" onclick="kaishi()" /><input id="Button2" type="button" value="关闭全屏" onclick="guanbi()" /> <scr
2018-06-29 14:15:39
874
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人