- 博客(107)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 git目录下object文件过大清理
今天发现gitlab上的程序竟然有几百兆，但是下载源码并没有那么大，最后发现是git文件夹下的pack文件过大，所以记录一下（此处有个疑问，按照操作步骤，把多余的dist压缩文件的记录清掉了，但是还是很大，发现还存在一个.pack文件很大，网上说的命令都是查找.idx文件中较大的前几个，此处不清楚，先挖坑吧）以下操作步骤.git/objects/pack 文件过大可能是由于开发过程中上传...
2019-10-30 17:44:34
27218
3
原创 十进制转二进制，小数怎么转
整数由十进制转二进制挺好转的，小数怎么转呢？记录一下回顾整数转换短除2直至除尽，倒取余数记录小数转换小数部分乘2直至小数部分为0，顺取整数0.125 转换后 0.0010.6 * 2 = 1.2 —————— 10.2 * 2 = 0.4 —————— 00.4 * 2 = 0.8 —————— 00.8 * 2 = 1.6 —————— 10.6 * 2 = 1...
2019-10-24 17:28:18
1370
原创 vue项目打包后使用nginx代理，请求没有正常返回
vue项目打包后使用nginx代理，请求没有正常返回？查看请求，发现直接重定向了且预览为空，返回的是编译后的静态页面原因是，该请求根本没有正常发出**根本原因可能是，代理地址写错啦！！！！，有可能少了一个“/”**...
2019-08-06 16:41:10
1475
原创 gitlab与github同时使用-工作小结
平时在公司都是使用的gitlab，今天想要再配置一个GitHub仓库，遂有此文，纯粹按自己理解记录一下，有不对的地方请指正一、密钥生成不同平台对应不一样的密钥，所以首先肯定要再在电脑生成一个新的对应github账号的密钥，然后添加到github账户上C:\Users\admin.ssh 下有现有的密钥id_rsa——>对应gitlab，现在要再生成一对密钥来对应github(命...
2019-04-09 15:28:13
642
原创 JavaScript四种数据集合整理小结1_Set
ArrayArray 构造器会根据给定的元素创建一个 JavaScript 数组ObjectObject 构造函数为给定值创建一个对象包装器。SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。WeakSetWeakSet 是一个构造函数，可以使用ne...
2019-02-19 15:00:27
623
原创 canvas画波浪模拟管道水流方向
这里写自定义目录标题首先看一下效果图吧前言准备工作1.波浪线基础2.波浪线滚动3.坐标系旋转4.ocanvas思路画管道内波浪自定义波浪位置代码首先看一下效果图吧如前言因为公司有个小项目，在管道上画出水流的方向，所以在此大致记录一下使用canvas画水流的做法，写的不对的地方，请指正O(∩_∩)O哈哈~准备工作1.波浪线基础我们这次就是用最简单的正弦曲线和余弦曲线，简单复习下：正...
2018-12-16 21:25:26
6783
原创 vue里使用百度地图的2种方法
最近项目里需要用到百度地图，整理2个方法： 普遍的方法是： 1.index.html 中引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>2.新建个组件maps 注意 不
2018-07-23 17:21:31
13523
2
原创 正则 匹配 中文标点符号 小记
//匹配这些中文标点符号 。 ？ ！ ， 、 ； ： “ ” ‘ ' （ ） 《 》 〈 〉 【 】 『 』 「 」 ﹃ ﹄ 〔 〕 … — ～ ﹏ ￥var reg = /[\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u201c|\u201d|\u2018|\u2019|\uff08|\uff09|\u300a|\u300b|\u3008...
2018-05-24 15:55:16
50350
5
原创 null ,"null",undefined判断
null,NULL,”null”，undefined后台返回值的时候常有返回值是null,或者”null”甚至是不返回的情况，所以前台获取数据的时候就要加以判别再进行处理，以下是工作中的小总结。undefined如果是undefined，使用typeof来判断var tmp = undefined; if (typeof(tmp) == "undefined"){ ...
2018-04-17 16:20:56
12173
原创 关于echarts-formatter 数据格式化小结
一、tooltip中的数据格式（数据点的悬浮框）tooltip : {trigger: 'axis',formatter:function(a,b,c){return a+'<br/>'+b+c;}},formatter格式化方法的参数说明：(下面一段话引用自https://www.cnblogs.com/ys-wuhan/p/6149265.html){string}，模板...
2018-03-16 10:50:08
41175
转载 CSS秘密花园:磨砂玻璃效果
效果如下：转载 自 https://www.w3cplus.com/css3/css-secrets/frosted-glass-effect.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="wid
2018-01-11 10:56:45
1121
原创 后台获取的json数据转换成树结构数据
今天遇到一个问题，前台页面所需数据格式是树结构格式，类似下图1，但是后台返回数据格式是却是无序的json数组，如图2解决思路：首先，我遇到的问题是后台返回的每条数据是缺少父级Id的，所以需要遍历增加上去。其次，遍历数据时需要按照父>子>孙的顺序遍历，否则的话在先遍历到子元素了，但是父元素还没有出现，此时无法将id作比较，所以需要对数据进行排序。最后，转换成图一所示的树结构数
2017-11-20 21:53:15
19565
2
原创 Vue自定义slot写消息提示小红点
先上效果图： 我是用的elementUI结合作用域插槽， 先写slot，直接用的模板定义<script type="text/x-template" id="tipnotes"> <span> <slot :text="redval"></slot> </span></script>注册组件：Vue.component('tipnotes',{
2017-08-07 09:06:38
14702
2
原创 关于JavaScript的splice 和slice 方法小结
W3School上面讲的很详细了，但是还是想总结一下下 splice和slice看起来很相似，具体的用法也老是模糊不清定义与用法 splice：该方法 会 改变原始 数组，向/从数组中添加/删除项目，然后返回被删除的项目。（增删改） slice()：该方法 不会 改变原始 数组，可从已有的数组中返回选定的元素。(查) splice语法...
2017-08-07 08:43:14
572
原创 函数声明，函数表达式，块级作用域小结
前端小白一更 今天做完了工作任务开始看看大牛们的文章，总结一下下学习到的知识。一、ES6 -> let阮大神的文章特别值得读一读http://es6.ruanyifeng.com/#docs/let 写的特别详细 知识点： let类似于var ，但是声明只在代码块里有效,let不存在变量提升，不允许重复声明，存在暂时性死区。 画重点： 块级作用域的出现，实际上使得获得广泛应用的立即
2017-07-25 09:36:43
1089
1
原创 firefox 下使用html5拖拽会自动打开新标签的解决办法
使用html5的拖拽，但是firefox却会弹出新标签，以下是个人愚见：之前网上查找到说 使用禁止默认事件 event.preventDefault();但是写在相应代码里面却还是有新标签弹出来。又查询到可以将dataTransfer 的setData的属性设置为除了Text之外的其他属性，但是我试了下 设置成text/plain 还是有新标签页弹出来，但是IE会报错：“
2017-06-26 15:11:27
6096
5
原创 使用原生js和jquery 对 ul 中的li进行随机排序
使用原生js和jquery 对 ul 中的li进行随机排序var ulEle = document.getElementById("foo");var liList = ulEle.getElementsByTagName("li");var leng = liList.length;var lis = Array.prototype.slice.call(liList, 0);var idx =
2017-06-23 14:38:57
1325
原创 CSS3之transform之rotate二维、三维注意点
transform:rotateX(30deg); 二维旋转Xtransform:rotateY(30deg); 二维旋转Ytransform:rotateZ(30deg); 二维旋转Ztransform:rotate(30deg,30deg); 二维旋转X,Ytransform:rot
2017-06-02 16:22:10
810
原创 :after :before 个人理解
::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的:CSS代码div::after { content: "你好";}HTML代码div> 你好div>::before跟::afte
2017-06-02 16:18:00
316
原创 纯css3 伪元素制作旋转小风扇
效果图 需求制作旋转的小风扇，并且颜色是可以改变的制作思路只用一个标签来承载风扇，并且颜色可以任意更改，所以只能有一个标签明码定义颜色控制旋转只要在该标签上添加动画即可所以只用一个span标签制作中间的小圆点，使用伪元素和子元素制作周边的扇叶，背景颜色继承父元素的颜色但是小圆点的展示出来的背景颜色应该是辅助颜色-浅灰色，外加一个黑色边框所以我们使用边框和
2017-05-26 09:10:44
2574
2
原创 手机端给父元素绑定了长按事件，但是子元素的点击事件不被触发的解决方法——事件委托
今天遇到一个问题，手机端给父元素绑定了长按事件，但是子元素的点击事件不被触发需要实现的功能子元素需要点击父元素需要 长按 高亮显示父元素高亮时有自己的点击事件 并且 不触发子元素的点击事件点击其他位置，取消高亮显示页面展示代码如下 <meta name="viewport" content="wid
2017-05-16 16:39:08
3611
转载 常用Meta对象 的各个属性及含义
常用meta整理Meta标签中的format-detection属性及含义Meta标签中的apple-mobile-web-app-capable属性及含义Meta标签中的apple-mobile-web-app-status-bar-style属性及含义
2017-05-04 11:21:49
845
原创 css简洁代码实现 两端对齐
div{text-align: justify; }div:after{display: inline-block ; content: ''; padding-left: 100%; }参考http://www.cnblogs.com/lzkwin/archive/2012/11/08/2761667.html
2017-04-28 16:06:47
9340
转载 谈谈canvas的性能优化（主要讲缓存问题）
本文转载自http://www.cnblogs.com/axes/p/3567364.html 原理 个人理解： 1.通常使用canvas绘画，都是每隔多少毫秒清空画布重新使用画笔重新绘制 2.缓存的原理就是将需要绘制的图形先画出来保存为“贴纸”， 然后每隔多少毫秒，清空画布，将贴纸贴到一个新的位置 3.省去了每次绘制图形的步骤 ...
2017-04-27 16:43:50
19556
1
转载 CSS3自定义滚动条样式 -webkit-scrollbar
此文为转载，原文地址：http://www.xuanfengge.com/css3-webkit-scrollbar.html有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overf
2017-04-20 16:03:40
8426
原创 关于jquery 的绑定事件on 如何绑定动态生成的dom元素
今天遇到个问题，在table里面动态更新数据，然后每一行会绑定相应的点击事件我原本是想用 可作用于未来元素的on方法，但是实际上还是没有起作用，代码如下：$(".form-table tbody tr").on("click",function () {}）这段代码在页面加载时的表格中是起作用的，但是当ajax动态更新表格数据之后就不起作用了，原因是jq读到这段代码时，浏览器还没更
2017-04-20 14:56:26
6471
原创 echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
转自张林的博客echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐)
2017-04-19 14:51:24
4625
原创 HTML5 canvas 中的 fillstyle fillrect strokeStyle strokeRect fill stroke rect 的简单理解
fill和stroke英文释义fill的意思是填充，stroke的意思是一笔，一划，可以理解为只画边框fillStyle & strokeStyle背景颜色可以通过fillStyle来实现，描边颜色可以通过strokeStyle来实现。fillText &strokeTextfillText //在画布上画文本并填充预设定的fillStyle背景颜
2017-04-19 09:34:18
3444
原创 css3弹性方块布局：Flex
浏览器的兼容CSS3弹性方块布局：flex比较适合移动端的使用，下面是各浏览器的兼容情况先说一下自己的理解。。刚开始看到这个就有点懵，怎么一会是box，一会是flexbox，一会又是flex，到底是什么鬼东西！其实他们只是不同版本的写法而已W3C各个版本的flex2009 version标志：dis
2017-04-18 13:53:44
1149
原创 ASCII码对照表
ASCII控制字符二进制十进制十六进制缩写可以显示的表示法名称/意义0000 0000000NUL␀空字符（Null）0000 0001101SOH␁标题开始0000 0010202
2017-04-18 11:01:50
617
转载 jQuery中attr()、prop()、data()用法及区别
.attr()，此方法从jq1.0开始一直存在，官方文档写的作用是读/写DOM的attribute值，其实1.6之前有时候是attribute，有时候又是property。.prop()，此方法jq1.6引入，读/写DOM的property。.data()，此方法在jq1.2.3引入，作用是把任意的值读取/存储到DOM元素对应的jq对象上。从性能上对比，.prop() > .dat
2017-04-18 10:44:51
382
原创 jQuery中event.target和this的区别——冒泡
为什么会区分event.target 和 this ,根本原因是，js事件会冒泡，this是会改变的，而event.target是不会改变的，是谁调用，就指向触发事件的DOM元素本身举个栗子，比如div元素里面有一个span元素，想要点击谁，谁背景颜色就变成橘色，那么我们肯定会简单直接写成 $("div, input").click(function () {
2017-04-18 10:23:42
2394
2
转载 javascript(js)中的 substring和substr方法
1.substring 方法定义和用法substring 方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数，比要提
2017-04-10 20:46:46
336
转载 css单位介绍em ex ch rem vw vh vm cm mm in pt pc px
长度单位主要有以下几种em ex ch rem vw vh vm cm mm in pt pc px %，大概可以分为几种“绝对单位”和“相对单位”和“百分比单位”。绝对单位：px in cm mm相对单位：em rem pt pc ex ch百分比单位：vw vh vm %下面主要说几个常用的单位px：绝对单位，页面按精确像素展示em：相对单位，
2017-03-17 11:19:43
3384
1
原创 jquery 事件冒泡
外层div元素 内层span元素 外层div元素 $(function(){// 为span元素绑定click事件 $('p').bind('click',function(){ var txt = $("#msg").html()+'内层span元素被单击'; $("#msg").h
2017-02-18 13:33:14
266
转载 获取元素CSS值之getComputedStyle方法熟悉
转自 张鑫旭 http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/一、碎碎念~前言我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭
2017-02-10 14:02:40
328
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人