- 博客(60)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 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
11822
1
原创 纯css制作三级下拉菜单
css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费心思去想js怎么怎么做jQuery怎么怎么做，代码简洁质量轻巧。下面是本人用纯css制作的三级下拉菜单效果：思路很简单，三级菜单直接用三层嵌套的ul布局： 电器
2017-10-12 17:38:00
14827
1
原创 纯css制作tab选项卡（二）
css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费心思去想js怎么怎么做jQuery怎么怎么做，代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果：原始界面：鼠标点击第二个tab选项，相应内容显示：鼠标划上第三个tab选项：相应内容显示具体内容自己添加啦，下面献上完整代码：<DOCTYPE html><html><head> <title
2017-10-12 14:25:08
1038
原创 纯css制作tab选项卡（一）
css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费心思去想js怎么怎么做jQuery怎么怎么做，代码简洁质量轻巧。下面是用纯css制作的tab选项卡效果：原始界面：鼠标划上第一个tab选项，相应内容显示：鼠标划上第二个tab选项：相应内容显示具体内容自己添加啦，下面献上完整代码：<DOCTYPE html><html><head> <title
2017-10-11 18:09:40
11521
原创 regeneratorRuntime is not defined
regeneratorRuntime is not defined nuxt3打包之后报错
2025-03-13 16:19:13
22
原创 nuxt3按需引入和全局引入element-plus
在plugins目录新增一个element-plus.ts文件。在utils目录下新建一个element-plus.ts文件。安装@element-plus/nuxt。在nuxt.config.ts中新增一条。此外，还会用到ElMessage等方法。
2025-01-10 12:00:14
192
原创 Hydration attribute mismatch on nuxt3
这个情况说明这里的dom在服务端的时候是A，到了客户端的时候，客户端想要显示为B，但因为是服务端渲染，所以实际上客户端的逻辑没生效。包一下有冲突的dom部分，确保客户端的逻辑正确显示。
2025-01-09 17:51:01
121
原创 cannot start nuxt: getaddrinfo ENOTFOUND localhost
2、进入/private/etc目录，点击hosts文件查看简介，跟第一步操作一样，解锁，然后把权限全部改成 可读和写。1、直接进入 /private目录，点击/etc目录查看简介，点击最下方的解锁按钮，把权限列表全部改完 可读和写。windows的hosts文件路径：C:\Windows\system32\drivers\etc。其他vue项目是正常运行的，但是运行nuxt3的时候就会报这个错。mac的hosts文件路径：/etc/hosts。3、这时候就可以正常对hosts文件进行更改了。
2025-01-09 17:04:14
121
原创 nuxt3设置友盟埋点
在plugins目录下新建一个youmeng.client.ts文件，.client表示该文件在客户端才执行。在middleware目录下再新建一个app.global.ts文件，用来进行路由拦截并记录到友盟统计中。nuxt3没有指定index.html，所以我们的友盟埋点怎么塞进去呢？
2025-01-09 16:43:09
49
原创 nuxt3路由以及路由拦截
nuxt3会默认所有页面都是服务端渲染，如果需要设置某个页面不走服务端渲染，可以在nuxt.config.js中单独配置。可以在middleware目录下新建app.global.ts文件，并添加相应的路由拦截逻辑，比如登录拦截可以这样处理。nuxt3没有专门的路由配置文件，是由文件目录自动生成路由。
2025-01-07 18:14:22
339
2
原创 nuxt3访问localstorage,sessionStorage
nuxt3访问localStorage、sessionStorage、cookie，以及状态管理持久化的注意事项
2025-01-07 18:07:47
235
原创 ios点击输入框没有光标window.getSelection()长度为0
ios点击输入框没有光标，window.getSelection()长度为0
2023-09-15 12:32:32
321
原创 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
3696
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
4623
1
原创 小程序canvas层级太高
1、需要放在canvas上层的内容使用cover-view等cover-开头的容器2、如果不需要显示canvas，可以用定位把canvas定位至可见视图区域外。
2021-04-25 10:45:21
1019
原创 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
6532
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
241
原创 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
287
原创 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
4012
原创 重启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
623
原创 nodejs轻量型个人文档管理系统
通过管理后台生成vuepress wiki项目，非开发人员适用，轻量型企业版wiki文档管理系统功能- 文档管理- 用户管理- 导航管理- 日志管理使用数据库mongoDB下载源码 git clone https://github.com/LorettaLei/lalawiki.git安装依赖cd lalawikiyarn// 或者npm install...
2019-12-09 00:09:57
2037
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
12532
原创 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
5780
原创 安卓 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
3263
原创 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" />...
2019-10-31 22:05:38
4850
原创 混合开发app内部页面长度超两屏但是无法滚动
混合开发过程中，有个全是图片的页面，页面内容明显有好几屏，但在ios app内部页面就是不滚动，在浏览器和安卓系统中都是正常的，浏览器中无法复现，只能猜测原因并尝试1、把页面的height: 100%；overflow-y: auto;去掉可解决；2、给页面加个min-height: 2668px;保证页面可滚动。3、给展示的图片加上高度...
2019-10-25 13:45:35
434
原创 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
1129
原创 morgan日志的使用与解读
morgan// 引入morgan包var morgan = require('morgan')使用方法morgan(format,options)format:（string/function）打印方式，可以是预定义打印方式的名称，或格式化字符串，或格式化入口的回调方法使用预定义打印方式morgan('tiny');使用格式化字符串morgan(':method :...
2019-08-23 17:59:42
3170
原创 快速了解dueros技能开发
快速了解duerosDuerOS是百度度秘事业部研发的对话式人工智能系统，整合了世界顶尖人工只能语音图像技术，开发者可一站式实现人工智能化，开放平台分设备开发和技能开发，以下只讲诉技能开发。想开发dueros技能，首先要理解技能里涉及的几个专业名词：技能、意图、常用表达、槽位、词典技能相当于应用商场里的一个应用，在duerOS系统里称为技能，可以被用户通过对话的方式唤醒和使用意图相当于...
2019-08-09 19:48:59
3212
7
原创 dueros监听无法识别的用户表达
dueros监听无法识别的用户表达引用系统缺省意图并监听this.addIntentHandler('ai.dueros.common.default_intent', () => { this.waitAnswer(); this.setExpectSpeech(false); return { outputSpeech: '没有听懂您的意思，你可...
2019-08-08 22:20:31
286
原创 dueros老是跑到技能外去搜索表达
nodejs写小度音箱音频技能公司要接入小度音箱技能，项目交由自己一个人负责，经过两天的技术调研，项目开始了。技能已经上线小度商店，有兴趣的可以去试试 – 蜗牛睡眠...
2019-08-08 22:05:54
245
原创 七牛上传的几种使用方式
七牛上传的各种使用方式公司的文件图片什么的都是放在七牛上的，不同的项目，不同的后台，七牛上传方式也是出了好几种，简单记录一下，懒得废话，直接上代码了，23333选择文件后js上传（vue版）<input type="file" ref="file" @change="uploadFile">import * as qiniu from 'qiniu-js'uploadFil...
2019-08-08 18:47:36
2164
原创 vue分页器组件，可设置初始当前页
使用vue编写的分页器组件，支持输入页码跳转，效果如果：1、点击前五页：2、点击中间部分页面3、点击第一页，上一页按钮失效，点击最后一页，下一页按钮失效组件调用：//html调用 参数:pageSize(总页数);pageNo(当前页)&amp;lt;pager :pageSize=&quot;pageSize&quot; v-model=&quot;pageNo&quot; @on-j
2018-07-20 18:08:22
7315
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人