自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 资源 (2)
  • 收藏
  • 关注

原创 css background的多种属性详解

css的background属性由以下属性组成:background-color:背景色background-image:背景图片background-size:背景图片尺寸background-repeat:背景图片重复(repeat,repeat-x,repeat-y,no-repeat)background-position:背景图片位置background-attachment:背

2017-10-13 15:43:51 11631 1

原创 纯css制作三级下拉菜单

css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是本人用纯css制作的三级下拉菜单效果:思路很简单,三级菜单直接用三层嵌套的ul布局: 电器

2017-10-12 17:38:00 13863 1

原创 纯css制作tab选项卡(二)

css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果:原始界面:鼠标点击第二个tab选项,相应内容显示:鼠标划上第三个tab选项:相应内容显示具体内容自己添加啦,下面献上完整代码:<DOCTYPE html><html><head> <title

2017-10-12 14:25:08 950

原创 纯css制作tab选项卡(一)

css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果:原始界面:鼠标划上第一个tab选项,相应内容显示:鼠标划上第二个tab选项:相应内容显示具体内容自己添加啦,下面献上完整代码:<DOCTYPE html><html><head> <title

2017-10-11 18:09:40 11337 4

原创 ImagePreview查看gif图,关闭之后原图不动了

ImagePreview查看gif图,ios下会遇到关闭大图后原图不动了

2023-10-13 10:03:00 220

原创 ios点击输入框没有光标window.getSelection()长度为0

ios点击输入框没有光标,window.getSelection()长度为0

2023-09-15 12:32:32 184

原创 leaflet实现游戏地图

leaflet+阿里图片裁剪实现创魔游戏地图

2022-08-01 17:54:10 1487 1

原创 chrome扩展插件开发manifest V3

{ // manifest版本,目前最新的是第3版 "manifest_version": 3, // 扩展插件名称 "name": "My Extension", // 扩展插件的版本后 "version": "versionString", // 第3版之后开始支持,可控制扩展按钮 "action": { "default_icon": { // 默认图标 "16": "images/icon16.png", // optio

2021-11-18 17:49:24 3393 1

原创 chrome 扩展插件API

稳定的APIapi解释accessibilityFeatures使用 chrome.accessibilityFeatures 管理chrome的可访问功能,该API依赖于ChromeSetting prototype of the type API 来读取和设置个人辅助功能,为了读取功能状态,需要请求accessibilityFeatures.read权限。插件需要请求accessibilityFeatures.modify权限来修改功能状态。需要注意的是, accessibili

2021-06-23 15:25:49 4045 1

原创 小程序canvas层级太高

1、需要放在canvas上层的内容使用cover-view等cover-开头的容器2、如果不需要显示canvas,可以用定位把canvas定位至可见视图区域外。

2021-04-25 10:45:21 918

原创 vue iframe高度自适应 实用

iframe是vue的,在使用过程中高度根据数据实时变化,不好设置iframe的高度值。试了多种方式之后,总结了几种自适应的方式。实时刷新iframe高度变化var iframes = document.getElementsByTagName('iframe');setInterval(function() { for (var i = 0, j = iframes.length; i < j; ++i) { iframes[i].setAttribute('heigh

2021-02-20 12:03:11 5451 1

原创 nvm的安装 mac

安装命令:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash或wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash提示:Node Version Manager则表示安装成功。查看一下nvm是否安装成功nvm --version如果提示command not

2021-01-20 16:14:12 183

原创 jmeter linux部署与执行

简述jmeter需要java 8环境,无论是本地安装,还是服务器安装,需要另外装好java环境。下载安装包官网下载地址:点击前往wget下载:wget http://archive.apache.org/dist/jmeter/binaries/apache-jmeter-5.4.zipjmeter -n -t login-100.jmx -l result-100.jtl -e -o result-100安装如果服务器没有包安装命令,则需要把本地下载的安装包上传至linux服务器。直接

2020-12-14 15:54:07 214

原创 svg转成jpg/png图片跨域图片

svg转成jpg/png图片,svg含跨域图片基本思路:svg:svg效果:转成jpg/png:base64串显示效果由于svg上含有跨域图片,图片没显示出来,所以最终处理结果:解决跨域图片后的base64串显示结果:基本思路:1、获取svg所有元素;2、把svg转成svg格式的base64;3、新建img元素,并将svg base64赋值给src;4、onload的时候绘制到canvas画布内;5、根据所需格式导出jpg或png图片base64串svg:<svg version=

2020-06-04 15:11:54 3065

原创 重启nginx服务

nginx -s reload 直接重启,没有提示就是成功了。# nginx -s reloadnginx: [error] invalid PID number "" in "/run/nginx.pid"如果提示 invalid PID number先检查一下配置是否有误# nginx -t没有错误的话,指定nginx配置文件再重启试试# nginx -c /etc/...

2019-12-12 20:17:24 574

原创 nodejs轻量型个人文档管理系统

通过管理后台生成vuepress wiki项目,非开发人员适用,轻量型企业版wiki文档管理系统功能- 文档管理- 用户管理- 导航管理- 日志管理使用数据库mongoDB下载源码 git clone https://github.com/LorettaLei/lalawiki.git安装依赖cd lalawikiyarn// 或者npm install...

2019-12-09 00:09:57 1962 2

原创 Expected an assignment or function call and instead saw an expression no-unused-expressions

字面意思:应为赋值或函数调用,而不是看到表达式没有未使用的表达式很可能是js表达式调用的是函数方法,却没有执行方法,或者准备定义某变量,却没有赋值。如:submit=()=>{ console.log(1)}onClick={()=>{this.submit}} //错误修改:onClick={this.submit} //正确//或者onclick={()=&g...

2019-12-05 17:35:29 11581

原创 Failed: error connecting to db server: server returned error on SASL authentication step: Authentica

mongdb数据库加了用户名密码之后就备份不了了,一直提示验证失败。最后发现是自己数据库密码带了特殊字符的原因。Failed: error connecting to db server: server returned error on SASL authentication step: Authentication failed.网上给出的解决方案是添加–authenticationDa...

2019-11-26 16:44:51 5359 1

原创 安卓 IOS的userAgent判断

var UA = navigator.userAgent, isAndroid = /android|adr|linux/gi.test(UA), isIOS = /iphone|mac|ipod|ipad/gi.test(UA) && !isAndroid,//mac很重要,遇到过ipad safari的ua不包含iphone|ip...

2019-11-23 11:53:25 3185

原创 vue音视频播放器 vue-hls-player

vue-hls-playervue hls 音视频播放器,支持video和audio安装npm install vue-hls-player全局使用//入口index.jsimport player from 'vue-hls-player'Vue.use(player)//test.vue<vplayer :playerOptions = "vOption" /&gt...

2019-10-31 22:05:38 4643

原创 混合开发app内部页面长度超两屏但是无法滚动

混合开发过程中,有个全是图片的页面,页面内容明显有好几屏,但在ios app内部页面就是不滚动,在浏览器和安卓系统中都是正常的,浏览器中无法复现,只能猜测原因并尝试1、把页面的height: 100%;overflow-y: auto;去掉可解决;2、给页面加个min-height: 2668px;保证页面可滚动。3、给展示的图片加上高度...

2019-10-25 13:45:35 384

原创 datetime-picker事件穿透问题解决一劳永逸

最近在使用mint-ui做移动端H5开发,遇到个特别恶心的问题:页面超一屏的时候,ios的datetime-picker在滑动的时候联动到底层一起滚动,网上说的禁止touchMove事件尝试了并不管用。最后的解决办法如下:1、datetime-picker改用popup加picker替换2、当popup显示的时候给body加个class。class加 pointer-events: none;...

2019-10-25 12:34:53 997

原创 morgan日志的使用与解读

morgan// 引入morgan包var morgan = require('morgan')使用方法morgan(format,options)format:(string/function)打印方式,可以是预定义打印方式的名称,或格式化字符串,或格式化入口的回调方法使用预定义打印方式morgan('tiny');使用格式化字符串morgan(':method :...

2019-08-23 17:59:42 2716

原创 快速了解dueros技能开发

快速了解duerosDuerOS是百度度秘事业部研发的对话式人工智能系统,整合了世界顶尖人工只能语音图像技术,开发者可一站式实现人工智能化,开放平台分设备开发和技能开发,以下只讲诉技能开发。想开发dueros技能,首先要理解技能里涉及的几个专业名词:技能、意图、常用表达、槽位、词典技能相当于应用商场里的一个应用,在duerOS系统里称为技能,可以被用户通过对话的方式唤醒和使用意图相当于...

2019-08-09 19:48:59 3057 7

原创 dueros监听无法识别的用户表达

dueros监听无法识别的用户表达引用系统缺省意图并监听this.addIntentHandler('ai.dueros.common.default_intent', () => { this.waitAnswer(); this.setExpectSpeech(false); return { outputSpeech: '没有听懂您的意思,你可...

2019-08-08 22:20:31 252

原创 dueros老是跑到技能外去搜索表达

nodejs写小度音箱音频技能公司要接入小度音箱技能,项目交由自己一个人负责,经过两天的技术调研,项目开始了。技能已经上线小度商店,有兴趣的可以去试试 – 蜗牛睡眠...

2019-08-08 22:05:54 215

原创 七牛上传的几种使用方式

七牛上传的各种使用方式公司的文件图片什么的都是放在七牛上的,不同的项目,不同的后台,七牛上传方式也是出了好几种,简单记录一下,懒得废话,直接上代码了,23333选择文件后js上传(vue版)<input type="file" ref="file" @change="uploadFile">import * as qiniu from 'qiniu-js'uploadFil...

2019-08-08 18:47:36 2052

原创 vue分页器组件,可设置初始当前页

使用vue编写的分页器组件,支持输入页码跳转,效果如果:1、点击前五页:2、点击中间部分页面3、点击第一页,上一页按钮失效,点击最后一页,下一页按钮失效组件调用://html调用 参数:pageSize(总页数);pageNo(当前页)&amp;amp;lt;pager :pageSize=&amp;quot;pageSize&amp;quot; v-model=&amp;quot;pageNo&amp;quot; @on-j

2018-07-20 18:08:22 7219 3

原创 vue实现点击其他地方简单管用

思路很简单,把页面中的其他点击事件阻止一下冒泡,然后点击body的时候正常做你想做的操作就行,超简单js:data: function(){ return { show:false }},mounted () { document.addEventListener('click', this.handleBodyClick)},destroye...

2018-06-22 18:15:36 2275 1

原创 vue报错:Duplicate keys detected: '22666'. This may cause an update error

最近在vue项目中遇到一个报错,虽然不影响使用,但是报错还是得解决的 一进入某页面,就会冒出这么一长串的报错,这个是由于v-for循环里,key值可能重复了,所以会报这个错。查看了一下页面代码: key值是必须唯一的,如果重复就会报错 可以把key值改为index,就可以避免这个情况: ...

2018-06-12 13:47:21 85202 14

转载 Python-Image 基本的图像处理操作

Python-Image 基本的图像处理操作,有需要的朋友可以参考下。 Python 里面最常用的图像操作库是Image library(PIL),功能上,虽然还不能跟Matlab比较,但是还是比较强大的,废话补多少,写点记录笔记。  1.首先需要导入需要的图像库:import Image2.读取一张图片:im=Image.open(‘/home/Picture/te...

2018-05-21 18:01:32 230

原创 casperJs常用API

安装phantomjs安装 进入官网下载压缩包:http://phantomjs.org/download.html 解压到c盘并改名为phantomjs,并把路径加入到电脑环境变量里casperjs安装 进入官网下载压缩包:http://casperjs.org/ 解压到c盘并改名为casperjs,并把路径加入到电脑环境变量里创建一个casperjs实例cas...

2018-05-17 11:06:44 877

原创 Mockjs配合nodejs实现前后端分离开发

前后端分离开发的前端开发工具Mockjs作用:前后端分离开发过程中,由于同时进行的原因,后台相应接口还没出来,我们只能先模拟接口的数据格式,进行前端开发工作。Mockjs可以拦截本地发起的ajax请求并随机生成相应的模拟数据返回给前端,暂时充当后台接口用的,后期后台接口出来之后再去掉就可以了。 Mockjs可根据需求随机生成相应的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等数据...

2018-04-25 12:05:14 3604

原创 eclipse启动项目

1、找到server窗口,右键新建一个server如果没有找到server窗口,可在菜单栏的window选项里呼出 选择启动的tomcat,修改server name为自己容易理解和记住的server名字 如果tomcat未空,选不了,就点击下面的add按钮,添加一个tomcat。选择tomcat安装位置,给tomcat起一个name,选择JRE java运行环境,然后点击fin...

2018-04-11 15:29:40 33124 1

原创 最常用的eclipse文件查找

文件内查找内容ctrl+f 搜一下咯 根据文件名查找文件ctrl+shift+R 呼出查找弹窗,输入搜索的文件名,下面会列出工作空间里所有文件名包含搜索框里内容的文件,后面对应有文件所在文件夹,双击打开该文件。 根据内容查找文件1、选择查找的文件夹 2、点击菜单栏上的小电筒,选择file search,输入查找的文本,删选查找我文件类型,选择selec...

2018-04-11 14:30:14 1607

原创 eclipse检出SVN项目

1、在project explorer的下面右键单击一块空白的地方2、选择import,再选择import,出来下面的弹窗,选择SVN下的“从SVN检出项目”,然后点击next。3、选择资源库如果资源库这里已经有了,就直接选择,如果没有就创建一个,选中它然后进入下一步。 4、选择你要下载的项目5、点击下一步,完成6、如果出现了下面的弹窗,说...

2018-04-11 14:12:56 953

原创 CasperJs 参数配置

安装phantomjs安装 进入官网下载压缩包:http://phantomjs.org/download.html 解压到c盘并改名为phantomjs,并把路径(C:\casperjs\bin\casperjs.exe)加入到电脑环境变量里casperjs安装 进入官网下载压缩包:http://casperjs.org/ 解压到c盘并改名为casperjs,并把路径(C...

2018-03-28 20:18:14 491

原创 强硬解决eclipse项目文档中文乱码情况

如果你的eclipse怎么改都改不了编码格式,很可能就是这里做了设置,所以其他地方的设置都不管用。当然,如果你的编码格式怎么改都不起作用,也可以来这里设置一下。 - 选择菜单栏Window,再点击preferences,在弹出框的general下的Content Types,展开text项,下面有很多种文档 比如java文档,点击Java Source File,如果下面有编码设置,说...

2018-03-05 16:13:48 3481 3

原创 ES6学习笔记(一)

1、let在变量声明前使用会报错,而var在变量声明前使用,值为undefined。ES6新增了let命令,用来声明变量的,声明的方法与var相似,但是let 命令声明的变量只在let当前的代码块内有用,在别的地方调用let声明的变量会报错,如:function f(){ console.log(a);//ReferenceError: a is not defined { let

2017-10-30 16:55:46 240

原创 nodejs使用body-parser解析请求参数

本例中运用到的框架包含有:express、html、body-parser、mongoose前台运用了ejs模板引擎,后台nodejs用的express框架,数据库用mongoose操作mongodb,以及body-parser中间件解析表单数据,废话不多说,代码献上: register.html main code:<div class="box"> <form action="/" m

2017-10-13 18:53:20 6986 1

input-upload.vue

七牛上传组件,适合一个页面多个上传。

2019-08-08

vue分页器组件跳转下一页上一页

使用vue编写的分页器组件,可设置初始页码,支持输入页码跳转

2018-07-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除