- 博客(41)
- 收藏
- 关注
RSS订阅转载 GitHub Actions 自动部署前端 Vue 项目
使用GitHub操作自动将项目部署到GitHub页面。这个动作可以配置为将production-ready代码推送到您想要的任何分支中，包括gh-pages和文档。它还可以处理跨存储库部署，并与GitHub Enterprise配合使用。
2023-04-13 20:18:47
432
原创 js对象赋值
/变量先置空 let objClone = null , hashKey = hashMap . get(obj);//正则表达式的情况 if(obj instanceof Date) return new Date(obj);//日期对象的情况 if(hashKey) return hashKey;//判断是否需要继续进行递归 if(typeof obj == "object" && obj!
2023-04-13 16:01:13
2444
原创 vue warning：[Violation] Added non-passive event listener to a scroll-blocking ＜某些＞事件.
Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners，导致触发了警告。：让页面滑动更加流畅，主要用于提升移动端滑动行为的性能。在main.js中加入。
2023-04-13 11:25:45
829
原创 vue3中使用swiper及遇到的问题
loop：true后swiper会在前后复制同样的slide保证循环效果，初始化时使用的ID就不是唯一的了，导致echarts初始化无效了。：轮播方向"horizontal"/“vertical”，默认"horizontal"： 每张轮播图之间的距离，该属性不可以和margin 属性同时使用；开启loop：true后，第一个和最后一个echarts无法正常渲染。： 是否循环播放：true/false。的每个轮播项中展示并包含不同的。有时还需要使用一些其他的组件。的引用方法，项目会报错。
2023-04-11 20:18:41
1086
1
原创 Vue编译处理： warning Delete `␍` prettier/prettier
warning Delete `␍` prettier/prettier
2022-07-13 09:57:00
2177
原创 npm : 无法加载文件 E:\nodejs\node_global\npm.ps1，因为在此系统上禁止 运行脚本。
npm run serve 报错1、输入get-ExecutionPolicy：Restricted（这里我没有截图）2、set-ExecutionPolicy remotesigned3、跟着报错提示运行：Set-ExecutionPolicy -Scope CurrentUser4、根据提示，在ExecutionPolicy后填入RemoteSigned5、输入get-ExecutionPolicy会显示RemoteSigned现在就可以运行npm run serve了报错效果如下图：报错原因：权
2022-01-11 17:22:11
3632
原创 循环遍历表格数据（可编辑可跨行）
循环遍历表格数据（可编辑可跨行）实现一个可编辑功能的表格，具体功能如下：正常情况下房间号位置只显示房间号，当鼠标移上显示编辑及删除图标，点击编辑显示可编辑输入框，点击输入框里的确认（√），房间号修改成功并返回至展示状态一层有多个房间，一行放不下需要跨行显示（暂定一行显示10个，不足一行的需要补齐）当删除到每层的房间数均小于规定的每行展示的房间数时，取所有层的最大值赋值给规定的房间数定义每行展示的房间数data: { linesNo: 10}格式化数据代码如下initResultD
2021-11-02 11:14:17
716
转载 js截取指定字节长度的字符串
js截取指定字节长度的字符串var strT = "浙江省杭州市拱墅区解放东路与石桥路润泽园16幢1单元2118室"// var strT = "浙江省杭州市"cutStrByte(strT, 43)/** * 结果： * {cutStr: '浙江省杭州市拱墅区解放东路与石桥路润泽园16', code: '1'} */ /** * 截取制定字节长度的字符串 * 注: 半角长度为1，全角长度为2 * str: 字符串 * len: 截取长度-字节数 * return: 截取后的字符
2021-09-07 20:38:26
1303
原创 Weex开发踩坑
Weex开发踩坑1、box-shadow部分安卓机器无法正确识别该属性2、rgba透明度a不能省略前面的小数点3、borderborder的属性不能合并写，要分开单独写border: 1px solid #000; //不支持// 需要写成border-width: 1px;border-color: #000;border-style: solid;4、<input><input>标签需要写height,否则会出现光标被截断的情况（目前遇到ios有这样
2020-07-15 17:34:12
714
原创 解决layer.open跨项目弹框问题
layer.open跨项目弹框前言修改源代码前言正常是在同一个项目下调用layer,open来弹出弹框，但是项目中遇到A项目中嵌入B项目的页面，导致现在要去A项目去寻找B项目原本使用layer.open弹出的html(content里)文件，报错404修改源代码layer.js代码被压缩了，首先解压(我用的HBuilder X直接Ctrl+k)，找到代码(应该在121行左右)如下s = function(e) { var t = this; t.index = ++r.in
2020-06-18 16:54:54
686
原创 Wampserver官网下载以及配置
一、下载Wampserver官网地址下载指引：Wampserver官网下载地址二、安装一直点下一步就可以了三、wampserver配置多个不同路径站点1.打开文件httpd.conf首先确保httpd-vhosts.conf扩展文件引入进来了，部分版本默认是不引入，找到httpd.conf文件，对应路径：D:\software\wamp64\bin\apache\apache2....
2019-10-24 14:08:18
485
原创 作为独立组件使用 layer
前言layer作为layui的一个弹层模块，由于其用户基数较大，所以至今仍把她作为独立组件来维护。详细信息参考官网这里主要将layer.open、layer.alert、layer.confirm整理成可复用的函数1、layer.open(options)原始核心方法不管是使用哪种方式创建层，都是走layer.open()，创建任何类型的弹层都会返回一个当前层索引/** * 弹出窗口...
2019-06-21 10:56:51
1551
原创 移动端页面横屏和强制横屏适配
前言在移动端中我们经常碰到横屏竖屏的问题，那么如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>一、...
2019-06-19 15:44:44
4840
1
原创 Windows下安装Vue CLI的准备工作
一、升级1.npm升级npm install npm -g2.webpack升级npm install webpack -g3.node.js升级Windows下是没有n模块的并不支持npm install -g n然后n stable(或者n latest,或者n 版本号) 更新，所以windows下升级node的步骤如下node -v查看node.js版本 ：node ...
2019-04-16 20:48:33
899
原创 css3制作图标
使用css3制作常用的图标1. 弯曲箭头2. 六角星3. 五角星4. 五边形5. 心形6. 阴阳7. 电视8. shape-outside1. 弯曲箭头#curvedarrow { position: relative; width: 0; border-top: 90px solid transparent; border-right: 90px solid red; t...
2019-03-14 14:06:00
1002
原创 固定input框(或者div模拟的input框）在页面底部
前提使用position:fixed;直接固定input框在页面底部，ios可能会出现位置错乱，而且在输入框失去焦点后页面无法回弹完整代码如下：<style> body { font-size: .26rem; -webkit-user-select:none; } .input { width: 200px...
2019-02-19 11:15:30
3996
原创 苹果手机$('body').on('click',selector,function(){})点击无效的问题
简介：刚做一个手机端的评价页面，点击事件是用的$("body").on("click",selector,function(){ //通过body给子元素selector来绑定点击事件是为了防止子元素还没加载出来使点击事件无效})星级评价可以点击，但是下面的标签选择就出现了问题，Android没问题，iOS死活点不了；js代码绑定方式都是一样的，html层级也没有问题，对比cs...
2019-02-14 09:26:43
1642
转载 如何快速搭建自己的github.io博客
如何快速搭建自己的github.io博客要完成自己的`github.io`博客网站，总共分三步：开通自己的 `github.io` repo选择一款`Jekyll`的主题编写发布博客要完成自己的github.io博客网站，总共分三步：1.开通自己的 github.io repo2.选择一款Jekyll的主题3.编写发布博客开通自己的 github.io repogithub.io是完全...
2018-12-26 11:28:01
2816
原创 vue2.x与vue1.0用法区别
1. 单次插值v1版本：单次插值语法{{*数据}}，v2不能使用 v2版本：使用v-once指令&amp;amp;amp;lt;div id=&amp;amp;quot;app4&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;div @click=&amp;amp;quot;changeP&amp;amp;quot; v-once&a
2018-09-06 12:39:41
885
原创 js实现文字逐个显示的效果
<p id="aa"></p><div style="display:none" id="w">今天的雨跟依萍找他爸要钱的那天一样大！</div><script src="jquery.min.js"></script><script type
2018-08-03 14:27:21
8028
原创 好用的插件
placeholder插件用法：&amp;amp;lt;style&amp;amp;gt; input,textarea { color: #F00; } .my-placeholder { color: #999; }&amp;amp;lt;/style&amp;amp;gt;&amp;amp;lt;script&amp;amp;g
2018-08-02 16:58:01
248
原创 楼层点亮效果
楼层点亮效果<style> * { margin: 0; padding: 0; } body { position: relative; } ul { position: absolute; left: 0; top: 300px; ...
2018-08-01 15:00:25
1076
原创 能兼容到IE7的 线性渐变（linear-gradient）
能兼容到IE7的 线性渐变（linear-gradient）效果展示 代码&amp;lt;p class=&quot;horizontal&quot;&amp;gt;水平渐变&amp;lt;/p&amp;gt;&amp;lt;p class=&quot;vertical&quot;&amp;gt;垂直渐变&amp
2018-05-16 10:05:03
3625
原创 Apache启动报错
错误信息： 通常每个套接字地址(协议/网络地址/端口)只允许使用一次（后面的信息是说具体哪个端口被占用了）解决方法： 通过 netstat -a -o 查看端口占用情况，关闭调用相关端口的进程 （我的是被wmware占用了）...
2018-04-23 15:21:42
478
转载 IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间的问题
IE9父容器overflow:auto时，子容器状态更改导致滚动条下出现额外空间的问题代码<style> .panel{ width: 200px; overflow: auto; background-color: #f00; } .inner{ ...
2018-04-02 15:29:06
357
原创 attachEvent和addEventListener
本文主要是因为本来想偷懒批量给span标签添加点击事件，结果到最后也还是不兼容IE7，总结下经验var spanTs = document.querySelectorAll("[name=time]"), i = 0, len = spanTs.length;for (i; i < len; ++i) { var spanT=spanTs[i]; if(spanT.a
2018-01-16 10:04:10
246
原创 IntelliJ IDEA中的web.xml报cannot resolve symbol servlet的错误
错误展示方法：1、检查tomcat是否配置servlet-api.jar包，具体如下如果这个配置好了，开始下一步2，右键项目->open module setting，然后如下图所示我的设置到这里就可以了，还有问题的可以参考https://www.cnblogs.com/ningheshutong/p/6426159.html
2017-11-16 11:04:50
5276
3
转载 IntelliJ IDEA破解
一、下载并安装， IntelliJ IDEA的官网：https://www.jetbrains.com二、破解。百度下载一个 JetbrainsCrack-2.6.10-release-enc.jar 破解补丁。放在你的安装idea下面的bin的目录下面。下载链接：http://idea.lanyus.com/在安装的idea下面的bi
2017-11-15 10:05:17
585
原创 win10环境下JDK的安装
1、到JDK下载官网http://www.oracle.com/technetwork/java/javase/downloads/index.html，点击DOWNLOAD2点击Accept License Agreement，3选择适合的版本下载4点击.exe文件进行安装5安装完成后再配置环境变量：我的电脑-属性-高级系统设置
2017-11-15 09:34:33
232
原创 安装IntelliJ IDEA
一、安装IntelliJ IDEA1、运行IntelliJ IDEA安装程序2、同意协议3、选择安装路径4、把桌面快捷方式、java和groovy关联选项都勾选起来5、选择默认。点击install开始安装6、完成安装并运行IntelliJ IDEA7、不需要导入先前版本8、IntelliJ IDEA Lic
2017-09-21 10:17:53
485
原创 vue.js的安装步骤
1、首先需要安装node.js，去官网下载一个node.js的安装包，一路next就行，安装完后再cmd中输入node -v，如下图出现对应版本号就说明安装成功2、npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。3、npm速度慢等原因可以安装淘宝的cnpm镜像，在命令行中输入npm install -g cnpm
2017-09-21 09:18:12
292
转载 Placeholder的两种实现方法
Placeholder的两种实现方法两种方式的思路(方式一)使用input的value作为显示文本(方式二)不使用value，添加一个额外的标签（span）到body里然后绝对定位覆盖到input上面两种方式各有优缺点，方式一占用了input的value属性，表单提交时需要额外做一些判断工作，方式二则使用了额外的标签。NO1./** * PlaceHolder组件 * $(input).p
2017-09-14 15:06:04
792
原创 父级元素透明，子级元素不透明
html：二维码已失效点击刷新CSS：.imgr{position: relative;width: 160px;height: 160px;}.div2{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 160px;ba
2017-09-14 09:45:48
905
原创 css伪类和伪元素的区别
1、伪类伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性([])等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。:link伪类将应用于未被访问过的链接，与:vi
2017-09-13 10:53:26
513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人