- 博客(20)
- 收藏
- 关注
RSS订阅原创 node搭建cli自动生成项目-发布到NPM
如果你还在手动复制模板代码，这篇文章值得一看，学到就是赚到；本文借鉴vue/react脚手架的思想实现的
2023-03-22 18:31:30
241
原创 sonar代码检测-安装教程（mac）
Sonar（SonarQube）是一个开源平台，用于管理源代码的质量。Sonar 不只是一个质量数据报告工具，更是代码质量管理平台。支持25+编程语言包括：Java、PHP、C#、C、Cobol、PL/SQL、Flex 等1、链接无效可以评论或者私信2、jdk需要17版本3、sonar-scanner命令无效，检查自己配置的路径是否正确。
2023-03-02 17:37:54
1273
1
原创 微信小程序生成海报（内含二维码）转发并保存到本地
实现的效果如图所示：带有海报的界面，可以进行转发和下载图片的按钮????点击转发可以自定义标题/图片/页面路径????下载到本地相册的海报图片????这些功能是根据微信开发文档里面提供的方法实现的，参考链接：1、二维码的生成2、海报的生成3、微信自定义转发4、下载图片 项目的需求：微信小程序用户使用该小程序完成一笔订单后，邀请3人未注册过的用户进行注册，本人(邀请人)就可以获得一张优惠券、其他人(被邀请人)注册一次就能获取一张优惠券。实现方法
2021-03-05 13:30:15
2123
3
原创 vue 项目使用elementUI组件 ＜复选框＞ ＜表单＞等遇到的一些问题
1、复选框v-model绑定的对象必须是数组类型的；v-model绑定的对象必须定义在data函数的第一层，不能用对象包裹着；data() { return { checked: [], // 可以被绑定 checked: null, // 不可以被绑定 obj: { checked: [], // 不可以被绑定 } }}2、表单当使用prop传入必输的逻辑时，el-form-item不能被v
2021-01-19 15:25:58
574
原创 vue 项目使用 Clipboard（复制文本或图片到剪贴板）遇到的一些坑
1、安装插件npm install clipboard --save2、复制纯文本<template> <div> <a class="clip-btn" data-clipboard-text="'hello world'" href="javascript:void(0);">复制文本</a> </div><template>.
2021-01-19 14:57:10
2820
8
原创 web前端面试资料整理-（欢迎各位补充，留言下方）
1、主流浏览器css兼容问题？Css hack方式：解决ie6-ie11，firefox、safari、oprera、chrome兼容问题浏览器引擎前缀：firefox（-moz-）safari/chrome（-webkit）oprera（-o-）ie（-ms-）2、vue生命周期？beforeCreatecreatedactivated（绑定了keep-alive标签才有这个）beforeMountmountedbeforeUpdateupdatedbeforeD
2020-09-18 15:52:03
241
原创 JS的reduce方法使用（数组去重）
话不多说：直接贴代码let a = {}let s = [ {index: 1, name: '张三'}, {index: 1, name: '李四'}, {index: 2, name: '王五'}].reduce((pre, cur) => { (a[cur.index] ? false : (a[cur.index] = true)) && pre.push(cur) return pre}, [])console.log(s)效果图：...
2020-06-04 16:04:50
222
原创 浏览器隐藏滚动条-支持火狐、谷歌、edge
下面是隐藏滚动条的样式：元素/样式选择器 { overflow-y: auto; // 隐藏滚动条 &必须是scss/less里面才有用 &::-webkit-scrollbar { /* WebKit */ display: none; } -ms-overflow-style:none; /* Edge */ scrollbar-width: none; /...
2019-10-31 10:58:00
2256
原创 Lodash和Moment.ls 工具库安装和使用
作用：Lodash 通过降低 array、number、objects、string 等等的使用难度，让 JavaScript 变得更简单遍历 array、object 和 string对值进行操作和检测创建符合功能的函数安装与使用：1、浏览器环境：<script src="lodash.js"></script>2、通过 npm：$ npm i -...
2019-10-22 10:48:23
441
原创 Flex弹性布局 入门实例
利用flex布局，写了从一到九的麻将排版格式父元素（容器）：flex containerflex-direction： 子元素（项目）的排列方向，默认 rowflex-wrap： 子元素（项目）的总宽度超出时是否换行，默认 nowrapflex-flow： 上两种属性的简写，默认 row nowrapjustify-content： 主轴 main axis 的对齐方式，默认 fle...
2019-10-17 10:53:44
557
转载 如何让被遮挡层可以进行事件点击？（纯CSS方法）
css属性添加：外层（被遮挡的层）{ pointer-events: none;}内层（要发生事件的层）{ pointer-events: auto;} pointer-events属性本身有很多取值，但只有none和auto可以用在浏览器上，其他都只能应用在SVG上取值none：元素永远不会成为鼠标事件的target取值auto：与pointer-events属性未指...
2019-10-15 10:28:42
509
1
转载 你是否知道自己适合做什么？
从一个人的真实经历开始聊起：迈克尔·本特 记录片《 败局启示录》里的迈克尔·本特，是一名拳击手。他曾4次获得纽约金手套公开赛冠军，5次获得全国冠军。 到这里你可能会说，他是个成功人士。 但是他却说：“我不想成为职业拳击手”。 小时候他就把这个想法告诉父亲了，但是换来的却是一顿打。父亲的偶像是拳王阿里，想让儿子成为拳王，所以从小培养他打拳击。 在他首次登上职业拳台，第一场比赛...
2019-10-14 16:14:22
242
原创 解决跨域窗口的通信问题
Js前端解决方案： 1、片段识别符（fragment identifier） 2、跨文档通信API（Cross-document messaging）- window.postMessage()片段标识符 片段标识符指的是URL # 号后面的部分 比如http://example.com/xxx.html#flag的flag；改变片段标识符，页面不会刷新父窗口改变子窗口的URL...
2019-10-10 18:16:36
367
2
原创 ES6 Generator 函数到底是什么？怎么使用？（一）
先上一段代码：function * f () { yield 2;}function * test () { try { yield 1; yield * f(); // 等同于for ... of for (let i of f()) { console.log('执行了for ... of') console.log(i); } yield 3; }...
2019-10-08 19:57:48
307
1
原创 git stash命令（bug分支操作）
1、git stash list展示当前存储的列表：如果没有stash过，不会展示东西1、git stash存储数据：存数据之前展示当前工作区和暂存区的修改git statusgit status输出三类文件信息：Changes to be committed: (已经在stage区, 等待添加到HEAD中的文件)Changes not staged for commit: (有修...
2019-09-30 11:12:24
569
2
原创 DIV文字展示(省略...、超出滑动等) - 使用white-space
省略文字…white-space: nowrap; // 一行显示overflow: hidden; // 不允许滚动text-overflow: ellipsis; // 省略符号...截图超出滑动white-space: nowrap; // 一行显示overflow-x: scroll;// 允许x轴方向滚动截图书写格式保留、溢出white-space：pre...
2019-09-29 11:17:20
736
原创 Html5监听返回事件
Html5监听返回事件常使用的场景：移动前端1、安卓手机物理返回键2、苹果手机在企业微信打开浏览器的返回按钮开发语言是：vuevue-router模式：vue-router hash模式和html5 history api提供的模式都是不刷新页面来改变页面的内容演示代码：Html5监听返回...
2019-09-27 13:46:31
5455
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人