- 博客(80)
- 收藏
- 关注
RSS订阅原创 二、创建vue3项目
前一篇里面提到了诸多优点，都有点跃跃欲试，那就先来创建一个vue3项目。这里要先隆重介绍一下vite，vite 是一个基于 Vue3 单文件组件的非打包开发服务器，在生产环境下基于 Rollup 打包，做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起；真正的按需编译，不再等待整个应用编译完成。vue3的项目创建可以通过两种方式实现了一是使用 vite 创建(基于Rollup)官方文档: https://v3.cn.vuejs
2021-11-25 20:30:00
894
原创 一、初识vue3
vue3自发布以来热度颇高，主要得益于以下几点：Vue3支持vue2的大多数特性更好的支持Typescript打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%让人看了确实有点心动，那赶紧行动学习起来。...
2021-11-24 22:10:23
292
原创 chrome inspect检测不到手机设备的解决方法
如题，在开启手机开发者模式之后，用USB连接电脑，在chrome浏览器里输入chrome://inspect，本来期待的搓手手以为一切如愿，but，列表空空如也。。。。。Why?这个过程不是很简单吗，最新的chrome几乎已经帮我们搞定一切。去同事电脑试了一下，竟然可以。这是明摆着开局就要难为我小猪佩奇的节奏啊。。。。我的场景是，开发者模式已经开启，在其他电脑可以检测到，这就排除了手机的问题。电脑：怪我咯？网上还真有同学遇到这个问题，根据他们提供的线索，去查看驱动信息。果然有所发现，注意这时候手机还
2020-09-10 11:45:36
9271
2
原创 textarea中的默认内容强制换行显示
遇到这样的场景，需要将textarea内容设置为换行显示，如下图：我们知道 html中换行用<br/>windows转译符换行常用\r \n（\n 是换行，\r是回车）然而这些并不起作用。现实中textarea并不支持html标签，textarea中使用以上的换行方法均会以原样输出，输入w3school.com.cn提供的%OD%OA方法也不行。后来找到一个有效的方法，要用 才可以有效实现强制换行，在此记录下来。...
2020-07-07 09:58:59
1521
原创 JS高频正则表达式
“^\d+$” //非负整数（正整数 + 0）“1[1-9][0-9]$” //正整数“^((-\d+)|(0+))$” //非正整数（负整数 + 0）“^-[0-9][1-9][0-9]$” //负整数“^-?\d+$” //整数“^\d+(.\d+)?$” //非负浮点数（正浮点数 + 0）“^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$” //正浮点数“^((-\d+(.\d
2020-05-21 11:09:27
195
原创 用 html标签实现 word 的下标效果
项目中遇到一个特殊情况，需要写下标，就类似于如下效果：于是去查了下（百度大法），确实有专用的标签，上下标分别对应的是<sup></sup> 和 <sub></sub>。用法也很简单，就如同<span></span> <b></b>这些一样简单，举个例子：A<sub>1</sub&...
2020-05-08 17:18:58
423
原创 vue-cli 2.x 升级到 3.x
现在vue脚手架都升到4.x时代了，不得不说速度真快呀。还在搞2.x的表示学不动了想回家喂猪(哭笑.png)使用npm install -g @vue/cli命令安装，但是vue -V的版本始终是 2.9.6，这的确是vue-cli2.0时代的最高版本。那既然是最高版本，不应该是3.x.x甚至是4.x.x么？别着急，看到后面的阐述再来看刚才这句话。我们需要注意的是vue-cli 从2.0升级到...
2020-01-09 10:14:52
1153
1
原创 http状态码归总
状态码1xx100 Continue： 服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Protocols：服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。102 由WebDAV（RFC2518）：扩展的状态码，代表处理将被继续执行状态码2xx:成功200 OK：请求成功（其后是对GET和POST请...
2020-01-03 17:14:05
254
转载 纯css实现导航下划线跟随动效
转载至：https://github.com/chokcoco/iCSS 感谢大佬分享<ul> <li>不可思议的CSS</li> <li>导航栏</li> <li>光标小下划线跟随</li> <li>PURE CSS</li> <li>Nav Under...
2019-12-10 14:17:50
351
原创 async/await 写并行请求
function fetchName (err) { return new Promise((resolve, reject) => { setTimeout(() => { resolve('lujs') }, 3000) }) } function fetchAvatar (err) { return new Prom...
2019-12-03 15:21:35
1668
原创 使用 input 标签实现按顺序批量上传文件/图片
<div> <button class="avatar-input" > <i class="el-icon-plus"></i> <input style="opacity:0;width:100%;height:100%;position:absolute;top:0;left:0" @chang...
2019-12-02 17:29:25
1976
原创 GitHub 账户修改密码之后IDEA无法拉取代码的问题
win7 系统，用idea的版本控制工具。改了统一认证平台的密码之后，就拉不下来代码了，报下图这个错。目测是修改了用户密码之后这边还没有更新的问题。于是想办法改密码，打开 idea 从 Settings > Version Control > GitHub 里改了一遍，没有生效，还是报上图的错。然后查到了 github 的 keychain 模式，这会把我们输入的用户名和邮箱...
2019-11-18 14:06:59
1726
原创 关于软考
软考全称为软件设计师考试属于全国计算机技术与软件专业技术资格考试中的一个中级考试。通过本考试的合格人员能根据软件开发项目管理和软件工程的要求，按照系统总体设计规格说明书进行软件设计；能够编写程序设计规格说明书等相应的文档；能够组织和指导程序员编写、调试程序，并对软件进行优化和集成测试，开发出符合系统总体设计要求的高质量软件；具有工程师的实际工作能力和业务水平；可聘任工程师职务。简单的说，通过软件...
2019-11-18 09:17:18
307
原创 vue全家桶开发的一些小技巧和注意事项
很实用的一篇总结，我自己先收藏在这里了https://juejin.im/post/5d8c6a97e51d45782c23fa69
2019-10-12 23:02:47
242
原创 在vue 中使用 ztree 插件
ztree 是一款非常完善的插件，性能也很棒，如果遇到一些难搞的层级目录还是首选ztree。下面分享一条在vue中使用ztree的采坑记录，感谢作者分享。传送门：https://blog.csdn.net/gaoxin666/article/details/82859355#commentBox...
2019-09-11 17:17:18
2134
原创 使用css outline-offset 属性 实现加号
CSS真是个很神奇的存在，今天记录一个通过css实现加号的方法。首先需要一个 div<div></div>然后上cssdiv { width: 200px; height: 200px; outline: 20px solid #000; outline-offset: -118px;}总结下规律：要使用负的 outli...
2019-08-08 21:30:41
800
原创 Vue项目目录架构
遇到了大神的一篇总结很到位的文章自己搬过来做个分享。话不多说，直接传送啦。传送门：https://segmentfault.com/a/1190000015612346
2019-08-08 17:45:20
487
原创 echarts 柱状图 X轴数据过多时横向拉动展示
使用echarts 柱状图数据过多时，容易挤到一起，本来是打算找带有横向滚动条的解决方案，然后找到了另一种形式的方案，效果也比较好。所以就搬过来给自己做个记录。上原文链接 https://blog.csdn.net/sheng_li/article/details/80187175...
2019-07-16 09:58:27
4259
转载 利用 css3 模仿 input[type=radio] 样式
做项目的时候需要使用单选按钮input[type=radio]，但是默认的样式与UI设计不一致,所以需要修改默认的样式，如下图。搜索的时候发现有一些实现是利用背景图实现。不想使用图片，所以利用css3的重新实现了一遍。在ie8下无效。原理利用<label>标签与对应的<input>关联,给<input>设置透明,使用position(定位)让用户看到的是&l...
2019-06-27 14:48:49
571
原创 js压缩、混淆和加密工具
最近遇到js压缩、混淆和加密的问题，特意找了些资料看了下，找到了一篇博客总结比较到位，搬过来学习下，主要是自己记笔记，可以直接去原文看，我这里只记录(复制粘贴)重点。原文地址：https://www.cnblogs.com/flyrui316/p/5002320.html1.先看几个定义：压缩：删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格，从而压缩 JS 文件大...
2019-06-06 15:26:20
2955
转载 jquery中attr和prop的区别
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。有位大佬的见解很独特：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。简洁又明了，具体的示例呢，可以移步到大佬的博客中去了解下，我就不班门弄...
2019-05-07 09:27:58
131
原创 html 标签中 title 的换行
当我们在某个特定容器中放入很多内容时，由于空间较小，此时空间不够用，那么通过设置 title 属性是一个很有效的选择。1.直接填写title内容时候“回车键”换行，示例代码如下：<a href='#' title='标 题：html 标签中 title 的换行 创建时间：2019-04-23 推荐等级：无 关键字：tit...
2019-04-23 17:09:43
7808
1
原创 layer.msg()去掉默认时间，实现手动关闭
在layer.msg中，可以通过time来更改时间，但是总会关闭，设置一个很长的时间又显得不专业，有没有方法，设置其不默认关闭，就像layer.load 方法一样。答案是有的。毕竟layer 已经足够完善和优秀，正是因为完善，才需要我们发掘它的用法，这里做一个记录。layer.msg() 的配置参数中有一项time，将其设置为false即可。举个例子： var myMsg = layer...
2019-04-11 11:23:09
7782
2
转载 初识SSE
概述传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。服务器发送事件（Server-Sent Events，简称SSE）就是为了解决这个问题，而提出的一种新API，部署在EventSource对象上。目前，除了IE，其他主流浏览器...
2019-04-10 13:14:49
470
原创 EasyUI treegrid单元格文本超出处理，鼠标移动到单元格显示文本
主要有三步：1.nowrap : true;$('#tg').treegrid({ nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取 });2.formatter:<th data-options="field:'×××',width:70,align:'center',formatter:textover">×××&l...
2019-03-28 17:41:36
1153
转载 网页缓存Js，css以及图片导致页面刷新无效果的三种解决办法
转自：http://www.phpernote.com/seo/197.html网页缓存Js，css以及图片导致页面刷新无效果的三种解决办法，如下：方法一（php页面添加）： header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Cache-Control: no-cache, must-revalidate"); heade...
2019-03-27 14:29:29
1421
原创 jQuery里面的普通绑定事件和on委托事件
以click事件为例：$().click()和$().on('click',function(){})普通绑定事件：$(’.btn1’).click(function(){}绑定on绑定事件：$(document).on(‘click’,’.btn2’,function(){}绑定那么这两种方式有什么区别呢？$(选择器).click(fn)当选中的选择器被点击时触发回调函数fn。...
2019-03-07 13:48:06
528
原创 Jquery 事件委托$(document).on('click') 导致点击事件多次执行
用$(document).on(‘click’,’#XX’,function(){…})为元素添加点击事件 结果导致事件会执行多次 。出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。解决这个问题的办法大致有下面几种：1.每次绑定前先取消上次的绑定，在这个事件绑定的前面紧挨着加上off或者unbind...
2019-03-07 10:40:58
8910
3
转载 jQuery监听键盘事件及相关操作使用教程
一、首先需要知道的是： 1.keydown(): keydown事件会在键盘按下时触发. 2.keyup(): keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress():keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二、获得键盘上对应的ascII码：$(document).keydown(function(event){...
2019-02-26 17:03:05
1592
原创 easyui treegrid 修改节点遇到的问题
这次是采用了easyui 的 treegrid，版本是1.6.9。要做批量修改操作，每行的第一个单元格都是可编辑的，初始化时如下图：当调用’update’修改过单元格的内容后，效果如下图：...
2019-02-25 13:59:06
1066
原创 vsCode 查看文件修改历史记录 插件
vs code 查看文件历史vs code下载插件，重启vs code , 然后每次修改都会再根目录生成一个.history目录，里面是修改记录~点击 compare 就能对比修改记录了~插件名：Local History插件地址：https://marketplace.visualstudio.com/items?itemName=xyz.local-history感谢分享：htt...
2019-02-11 17:37:56
61422
2
原创 JS找出数组中最大值
1.es6拓展运算符Math.max(...arr)2.es5 apply(与方法1原理相同)Math.max.apply(null,arr)3.for循环let max = arr[0];for (let i = 0; i < arr.length - 1; i++) { max = max < arr[i+1] ? arr[i+1] : max}4.数...
2019-01-28 11:35:48
10967
原创 基于vue的UI框架集锦(移动端+pc端)
1.Element 饿了么 vue 2.0后台UI框架https://github.com/ElemeFE/element2.iview组件库iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端https://github.com/iview/iviewhttps://iviewui.com/3.vux 基于Vue和WeUI的移动UI组件Vux是基于WeU...
2019-01-22 11:23:59
8385
原创 IE下JQuery、JS动态修改img标签src无效的解决方案
今天在做到一个验证码刷新的时候出现了一个BUG，Chorme下img的src属性能够正确的动态刷新，而在IE下却不能够生效。最初是这样写的//初始化var url = "/create_check_code";$("#user-get-vercode").attr("src",url);//刷新验证码$("#user-get-vercode").on("click",function...
2018-12-28 10:53:27
4846
转载 html img Src base64 图片显示
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符。 比如：data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0...
2018-12-18 15:56:19
10058
转载 使用 JWT 让你的 RESTful API 更安全
传统的 cookie-session 机制可以保证的接口安全，在没有通过认证的情况下会跳转至登入界面或者调用失败。在如今 RESTful 化的 API 接口下，cookie-session 已经不能很好发挥其余热保护好你的 API 。更多的形式下采用的基于 Token 的验证机制，JWT 本质的也是一种 Token，但是其中又有些许不同。什么是 JWT ？JWT : JSON Web T...
2018-12-14 09:30:40
600
原创 CSS position: sticky; 粘性定位初识
MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/positionposition:sticky;是粘性定位，新的定位方式，专门用于页面滚动的时候的定位，可以方便实现吸顶条的效果。粘性定位是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。#box { position: sticky; top: 10px; }...
2018-12-13 16:42:28
3862
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人