- 博客(39)
- 收藏
- 关注
RSS订阅原创 Git常用命令
gitstash-u-k忽略其他文件，把现修改的隐藏起来，这样提交的时候就不会提交未被add的文件。建立远程分支与本地分支联系gitpush--set-upstreamorigindev。修改某一次的gitcommit注释gitcommit--amend。更新本地分支gitremoteupdateorigin--p。删除远程分支gitpushorigin--deletedev。删除本地分支gitbranch-ddev。...
2022-07-28 22:59:14
233
原创 浏览器中的画中画（Picture-in-Picture）API
https://segmentfault.com/a/1190000021217628
2020-12-09 09:35:02
1139
原创 Session和Cookie，Token
SessionSession是一种在服务端记录用户信息的技术，一般Session用来在服务器端与客户端之间共享数据。Session可以存在内存中比如redis，亦或者存入mysql，具体看服务器配置。首先浏览器请求服务器访问web站点时，程序需要为客户端的请求创建一个session的时候，服务器首先会检查这个客户端请求是否已经包含了一个session标识、称为SESSIONID； 如果已经包含了一个sessionId则说明以前已经为此客户端创建过session...
2020-11-30 14:53:38
170
原创 box-shadow相关属性
对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow:inset 0px 10px 10px blue, /*上边阴影*/ inset 10px 0px 10px gray, /*左边阴影*/ inset -10px 0px 10px red, /*右边阴影*/ inset 0px -10px 10px yellow; /*下边阴影*/ .
2020-11-20 15:06:07
152
原创 css实现简单蒙层与气泡
蒙层可用于自定义弹出框的阴影，以及数据加载等。<div class="mask"></div>// 蒙层.mask { background-color: rgba(0,0,0,.5); position: fixed; opacity: 0.8; z-index: 999999; top: 0; bottom: 0; left: 0; right: 0; }气泡可用于新手提示，以及注意事项提示等。
2020-11-20 14:42:26
788
原创 关于Iframe
虽然iframe现在不推荐大量使用，但是某些时候迫不得已，比如模拟窗口，或者HTML在线编辑器等。iframe的优点就是隔离上下文网页，缺点也很明显大量使用，打开一个网页加载过多iframe体验很不友好而且影响网页加载速度。今天主要说说iframe的相关属性，以及加载与刷新。 <iframe id="mapFrame" name="mapFrame" allowfullscreen="true" webkitallowfullscreen="true"
2020-11-19 10:07:34
216
原创 钉钉H5微应用免登鉴权
项目中可给钉钉用户推送消息和待办事项，但接口又做了登录权限，这时我们就需要进行免登授权。因为每次点击待办事项都需要跳转到不同的H5页面进行处理，所以对免登进行了简单封装。function onReadyPromise () { return new Promise((resolve, reject)=>{ dd.ready(()=>{ dd.runtime.permission.requestAuthCode({ ...
2020-09-30 09:44:25
1570
原创 Vue,图片编辑功能实现
实现对图片的编辑，如画圆、矩形、箭头，涂鸦，文字添加，剪切等功能；主要借助了tui-image-editor、FileSaver、fabric等插件。项目地址：
2020-09-03 14:24:32
7958
6
原创 Vue,简单预约功能实现
需求用户可以选择指定日期时间段进行会议室特定场景的预约。要求如下：1、只能预约当前时间后未被预约的连续时间段；2、显示当前所选日期的已预约列表，可查看详情；3、有权限对自己且在当前时间后的预约项进行取消；解决方案1、fullcalendar插件 https://fullcalendar.io/最开始想的就是找一个插件直接解决掉问题，但是发现它也有一个问题。在后面初始事件(events对象)时，发现只要浏览器一刷新，事件总是会出现错位现象，表格的宽度也出现问题。虽然有人用过这个插件，但是
2020-09-02 11:52:18
6199
原创 Vue小技巧，我“废“了
1、如何监听生命周期函数Vue项目中，我们通常这样去使用如beforeDestroy之类的生命周期函数：export default { data(){ return{ timer:null } }, mounted() { //创建定时器 this.timer = setInterval(()=>{ //... }) }, updated() { //... }, beforeDest...
2020-07-01 12:02:29
177
原创 Vue的单击、双击、长按事件？
1、单击事件click<div @click="clickFun"></div> //是否有括号决定是否可传参<div @click="clickFun($event)"></div> // $event表示当前事件对象<div @click.stop="clickFun()"></div> //.stop修饰符可阻止事件冒泡<div @click.prevent="clickFun()"></...
2020-06-28 16:36:46
12620
原创 这些数组技巧，我爱了
前言数组是Javascript最常见的概念之一，它为我们提供了处理数据的许多可能性。恰当的数组处理技巧能够让我们编码事半功倍，接下来我们就来看看吧。1.数组去重前端面试最爱问的问题，哈哈哈。...
2020-05-27 15:30:21
169
原创 解决ios history.back()返回不刷新
需求当由A页面跳转到B页面，将B页面的字段保存至localstorage中。返回A页面时，需要将B页面的某些字段从localstorage取出进行渲染。B页面返回A页面时，我用的是history.back()，由于ios和安卓机制不同，安卓会重新刷新主页面的ready， ios则不会。解决方法①window.location.href=“pageA.html”这是我们最容易想到的解决办法，但是存在问题。pageA.html-->pageB.html-->pageC.h..
2020-05-27 10:59:44
2329
2
原创 钉钉企业内部-H5微应用开发
前言公司需利用钉钉相关API完成公司内部报销平台。项目搭建创建H5微应用登入钉钉开放平台（https://open-dev.dingtalk.com/#/index），进入“应用开发”->企业内部开发H5微应用->创建应用，并填写基本信息和配置开发信息注意：应用首页链接：vscode需安装Liver Server插件，将首页以该方式打开，将获得的地址的IP地址替...
2020-05-07 16:24:53
3524
转载 WebSocket与HTTP有什么区别
1、前言最近面试总被问WebSocket与HTTP两种协议的关系以及相关实现原理，翻了翻资料，知乎上的一篇回帖让我恍然大悟，把它也分享给大家。2、WebSocket与HTTPWebSocket：是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）；HTTP：首先HTTP有1.1和1.0之说，也就是所谓的ke...
2020-04-09 09:20:20
1447
原创 前端解决接口跨域的方法
跨域产生的原因：浏览器受到同源策略的限制，在不同域名、不同端口、不同协议等情况下不允许资源共享。解决跨域的方法：（1）jsonp通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上，在html页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许，基于此原理，我们可以通过动态创建script，再请求一个带参网址实现跨域通信。缺点...
2020-03-27 14:52:20
4957
原创 解决background-size:cover时图片铺满但显示不完整?
body{ background: url('xxx.jpg') no-repeat center; background-size:100% 100%; }
2019-10-24 15:58:29
10107
2
原创 关于Echarts的柱状图、折线图
项目中用了多次Echarts图表，由于内置属性太多，今天对柱状图、折线图样式以及渲染方法做一个总结。（1）柱状图<div id="bookCount" style=" width: 500px;height: 500px;"></div>$(function () { initbookStatusCount(); bookStatusCoun...
2019-10-21 10:17:28
637
原创 ElementUI弹窗简单组件化封装
Vue项目中，一个页面可能有多个弹窗出现，因此可对单个弹框进行了简单封装，弹窗默认隐藏，某个事件或条件触发时，父组件让指定弹窗显示。弹窗子组件： <template> <el-dialog :visible.sync="visible" :title="modalObj.title" :width="modalObj.width" :modal='modalOb...
2019-10-17 10:25:40
5254
原创 Vue指令实现数字增长动画？
vue中，想要实现几个数字从0缓慢增长到目标值的动态特效，我采用了vue指令实现。Vue.directive('countRunning', { bind(el, binding, vnode, oldVnode) { var timer = null; const targetDomCount = el.getAttribute('data-targ...
2019-10-16 17:11:30
4436
4
原创 layui进度条渲染不出来？
考虑静态渲染和动态渲染进度条两种情况。 <div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="yes"> <div class="layui-progress-bar layui-bg-green" lay-percent="50%"><...
2019-10-15 11:53:34
5044
2
原创 多分支管理git仓库项目
前几天老大要求进行git版本仓库变更，即git仓库迁移，同时改为三个分支（dev、test、master）进行项目分支管理，之前项目只含有master一个分支。解决仓库迁移的同时保存之前的commit记录？（1）起初想到可以将新仓库地址的项目克隆下来，将原始的项目内容拷贝至新的项目目录，再将内容重新上传，但这样会覆盖掉以往的提交日志；假设当项目很庞大时，克隆和重新上传都需要花费大量时间。...
2019-10-08 15:35:56
494
原创 react项目搭建
首先确定node.js和npm已经安装完成。此处使用git bash进行安装。（1）npm install -g create-react-app //安装脚手架（2）create-react-app first-demo //first-demo为项目名称（3）cd first-demo（4）npm start //npm run start 启动项目使用a...
2019-10-08 09:30:59
106
原创 js判断两个对象内容是否相等
function isEqual(obj1,obj2){ if(!obj1 instanceof Object || !obj2 instanceof Object){/* 判断不是对象 */ return obj1 === obj2; } if(Object.keys(obj1).len...
2019-03-01 10:59:15
2883
2
原创 去除并美化由于overflow产生的滚动条？
去除overflow产生的滚动条？.discrible { overflow: scroll; -ms-overflow-style: none; //IE 10+ overflow: -moz-scrollbars-none; //Firefox}/*整个滚动条样式 当width:0;或display:none;时，滚动条不显示*/.discri...
2018-12-04 23:43:39
4743
原创 原生js的Ajax请求封装
function ajax({url,type,data,dataType}){ return new Promise(function(open,err){ //1. 创建xhr对象 var xhr=new XMLHttpRequest(); //2.绑定监听事件 xhr.onreadystatechange=function(){ if(xhr.r...
2018-11-14 13:20:33
2027
原创 内容超过想要宽度时，多余内容用省略号代替？
在给元素指定最大宽度后，增加样式：white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;如果在table中td内容超过想要宽度后，想要隐藏内容并用省略号代替，需要对table增加样式：table-layout:fixed;table{ table...
2018-11-09 11:53:31
191
原创 谈js的变量声明和函数声明提升
首先我们需要知道JS解析的两个阶段：预处理、执行期，本次来谈谈预处理阶段。预处理阶段：JS会对代码中所有用var声明的变量和函数声明进行处理，将其提前。注：其中变量也只是进行了声明并未进行初始化以及赋值。变量：来个简单的例子：console.log(a);var a = 1;！！会显示undefined。实际上，浏览器的解析过程如下：var a;consol...
2018-07-23 22:20:25
164
原创 jq实现瀑布流布局
效果图：可以看到，除了第一行，接下来的图片都是添加在高度最低的那一列下面。因此我用了一个数组heightArr存放每一列的高度，每次选择高度最低的那列进行插入，随后更新当行列的高度。css： .box{ position: relative; margin: 0 auto; } .item{ position: absolute; ...
2018-07-04 19:12:00
2873
原创 JS获取for循环中i的实时值
最近在完成灯箱效果时，需要获取for循环中i的实时值来定位大图轮播的索引，但最初获得的是i的最大值几种获取for循环中i的实时值方法：自调：for (var i = 0; i < itemli.length; i++) { (function (arg) { itemli[i].onclick = function () { console.l...
2018-06-28 17:41:04
5988
原创 jq城市三级联动效果
<select id="selProvince"> <option>--请选择--</option> </select> <select id="selCity"> <option>--请选择--</option> </select> ...
2018-06-18 10:59:26
371
原创 jq实现放大镜查看商品大图效果
<div id="tab"> <!--中间区域--> <div class="mid-box"> <div class="zoom"></div><!--放大镜--> </div>
2018-06-18 10:12:38
1773
原创 让一个div在页面中居中的常用方法
让一个div在页面中居中的方法有很多，但是呢，这里列出3种我觉得比较简单易懂的。（1）text-align:center;margin:0 auto;line-height:500px;//这里的行高由大盒子的高决定（2）position:absolute;top:50%;left:50%;margin-top:-小盒子自身高度/2;margin-left:-小盒子...
2018-05-11 16:16:58
21951
原创 如何解决img标签src为空或加载失败后的边框问题？
img标签的src为空或者加载失败，浏览器都会自动加上一个边框，这会让人头疼，因为它一定程度上影响着网页的美观。。。昨天我就遇见了这个问题，最后找到了自我觉得比较理想的方法。（1）针对路径为空，网上还有js、绝对定位、margin聚焦等方法，个人认为这是最简单有效的方法（人太懒了，哈哈哈）img[src=""],img:not([src]){opacity:0;} /*这样可...
2018-04-29 11:27:10
6433
3
原创 如何解决IntelliJ IDEA导入java项目后，打开java源码文件出现乱码的问题？
下载java开源项目的宝宝会发现，IntelliJ IDEA导入eclipse的项目后，打开java源码文件后有可能是乱码，这真让人恼火啊。今天我就遇见了这个问题，出现了File was loaded in the wrong encoding:"UTF-8"最后，还是找到了解决方案。。。（1）点击右侧的Reload in another encoding,然后选择GBK接着选择选择Reload然...
2018-04-25 16:19:52
8345
1
原创 JavaScript 之for循环打印金字塔图形
需求：1、用for循环打印半个金字塔图形n=5：<html><head><title>打印半个金字塔</title><script type="text/javascript">var n = window.prompt("请输入金字塔的高度（行数）"); for(var i=0;i<=n;i
2018-04-05 22:45:06
9603
原创 window对象的setTimeout、clearTimeout、setInterval、clearInterval方法
在JS中，除函数是需要调用时才执行的代码外，所有的代码都是浏览器读取代码时立即执行的。而window对象也提供了一 些方法可以设置代码的执行时间和执行方式。针对代码延迟执行：（1）setTimeout：可延迟代码的执行时间，也可指定代码的执行时间。 语法：window.setTimeout（code，delay） code参数...
2018-04-05 17:18:28
1221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人