- 博客(48)
- 收藏
- 关注
原创 git操作命令和步骤:新增&删除&提交&合并&切换分支
提交代码流程:添加修改文件命令:git add .提交修改:git commit -m "提交描述"拉取最新代码:git pull推送到远程:git push合并某分支到当前分支(dev合至master):在dev拉最新代码 git pull切主分支git checkout master主分支master上拉最新代码 git pull合代码 git merge dev推送远程 git push切回分支dev新建、删除分支(本地和远程)创建1切换分支 git branch...
2021-04-19 10:57:03
413
转载 includes
//下面代码用来检查当前环境是否支持该方法,如果不支持,部署一个简易的替代版本。const contains = (() => Array.prototype.includes ? (arr, value) => arr.includes(value) : (arr, value) => arr.some(el => el === value))(...
2019-07-21 22:03:48
571
1
原创 flatMap
flatMap()方法对原数组的每个成员执行一个函数(相当于执行Array.prototype.map()),然后对返回值组成的数组执行flat()方法。该方法返回一个新数组,不改变原数组。// 相当于 [[2, 4], [3, 6], [4, 8]].flat()[2, 3, 4].flatMap((x) => [x, x * 2])// [2, 4, 3, 6, 4, 8]...
2019-07-21 22:01:45
8966
翻译 数组实例的 find() 和 findIndex()
数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。[1, 4, -5, 10].find((n) => n < 0)// -5上面代码找出数组中第一个小于 0 的成员。[1, 5, 10, 15...
2019-07-21 21:58:39
480
原创 Array.from和slice
对于还没有部署该方法的浏览器,可以用Array.prototype.slice方法替代。//es6const toArray = ((arg) =>Array.from ? Array.from(arg) : arg => [].slice.call(arg));toArray([1,0])//[1,0]//es5var toArray=function(arg)...
2019-07-21 21:53:45
419
转载 JS监听浏览器的返回事件
$(function(){pushHistory();window.addEventListener("popstate", function(e) { alert("监听到返回按钮事件啦"); //根据自己的需求实现自己的功能 //window.location.href = 'https://www.baidu.com'}, false);function pu...
2019-01-26 13:57:26
3075
转载 ie兼容性问题:页面内容显示不全,但不会出现滚动条
/* 页面内容显示不全,但不会出现滚动条*/ html { overflow-y: scroll;}:root { overflow-y: auto; overflow-x: hidden;}:root body { position: absolute;}body { width: 100vw; overflow: hidden;} /* ...
2018-12-19 15:19:39
8586
转载 js获取元素位置
obj.clientWidth //获取元素的宽度(width+padding)obj.clientHeight //元素的高度obj.offsetLeft //元素相对于父元素的leftobj.offsetTop //元素相对于父元素的topobj.offsetWidth //元素的宽度(width+padding+border)obj.offsetHeight //元素的高度...
2018-11-10 20:38:42
164
原创 Chrome浏览器调试HTML, CSS和Javascript
有的时候,你发现页面上元素被修改了,但是你不知道被什么代码修改了,那可以给DOM增加断点比如页面有个元素,他的max-height属性是动态改变的,但是你不知道被什么代码修改了。那我现在要给她增加一个断点 1.把鼠标放到html代码上,右键添加上断点: 点完了之后,我们在看DOM Breakpoints就给我们添加上断点了当元素被改变的时候触发断点,如下:(注...
2018-11-01 20:28:00
5498
原创 媒体查询常见媒体尺寸和设置
@media screen and (min-width:1200px){ ... }/* 大型设备(大台式电脑,1200px 起) */@media screen and (min-width:992px){ ... }/* 中型设备(台式电脑,992px 起) */@media screen and (min-width:768px) { ... } /* 小型设备(平板电脑,7...
2018-10-31 13:57:35
7654
原创 实现QQ音乐项目的一些技术点jQuery,html5
及时做下笔记,谨防忘记,忘记也不怕,回来这里找就阔以了1.//当前音乐播放结束,自动播放下一首 audio.onended = function() { $('.icon-xiayishou2').trigger('click'); }...
2018-10-31 13:49:46
1629
原创 jQuery实现加入购物车飞入动画效果之开发不停,填坑不止(起点位置在Y轴方向位置偏移)
开发时为了完成购物车的飞入抛物线,因为懒惰随大流使用了fly.js插件,用的时候遇到的两个坑坑~~1. 有滚动条时,抛物体的起点位置在Y轴方向上有位置偏移,偏大2. 页面有滚动条时,抛物体的结束位置不一样,偏大我:(⊙o⊙)…烦烦的。。。这就是用别人东西的代价 。。。。。。不管如何先来解决第一个坑吧实现加入购物车效果,正常我们是这样使用的(第一次用的话,点击这里查看官方使用说明...
2018-10-30 21:44:22
2516
4
转载 JQuery中的text(),html()和val()区别
text()定义和用法text() 方法方法设置或返回被选元素的文本内容,如果有子标签,则把子标签内的文本一起返回,相当于js的innerText代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v
2018-10-30 15:09:40
4319
1
转载 JS/JQ获取各种屏幕的高度和宽度
网上总结的蛮全面的了,直接拿来用了:Javascript:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)...
2018-10-29 21:42:16
218
原创 JS判断键盘按键
获取键盘的键码的方法如下:window.document.onkeydown = disableRefresh; function disableRefresh(e) { e = (e) ? evt : window.event alert(evt.keyCode) //按下键盘任意键,都会弹出对应键码 ...
2018-10-29 19:26:01
1784
转载 jQuery实现购物车商品数量及总价的计算
记录一下项目中遇到的计算购物车商品数量和总价的jQuery代码,重点在于选择器以及.text()命令的使用。先上效果图,点击加减,商品数量以及总价会发生相应变化。html代码: <div class="addGoods"> <div class="goods_list"> <ul> ...
2018-10-28 17:07:45
10150
1
原创 css 文字过长 显示点点点...
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 110px;使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width三者,才有效果
2018-10-27 15:00:38
3436
转载 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选
js jquery 获取元素(父节点,子节点,兄弟节点)一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var parent = test.parentNode.parentNode; // 父节点的父...
2018-10-26 18:45:02
253
转载 router-view 的理解
主要是构建 SPA (单页应用) 时,方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器,它渲染的组件是你使用 vue-router 指定的。比如:视图层:<div id="app"> <router-view></router-view></div>路由定义:router.map({ '/f...
2018-10-23 15:24:41
21705
转载 前端学习路线
作者:林可锟链接:https://www.zhihu.com/question/26582745/answer/86755953来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 基础知识1、HTML + CSS 这部分建议在线教程 上学习,边学边练. 之后可以模仿一些网站做些页面。在实践中积累了一些经验后,可以系统的读一两本书,推荐《Head Fir...
2018-10-23 15:01:52
112
原创 vue之vue-router(路由)的使用
vue学习笔记——vue-router(路由) 使用路由的时候有两个必要的知识:<router-link></router-link>:这个相当于a标签,点击的切换时候的按钮,<router-view></router-view>:这个就是你加载过来的组件放的位置使用方法:1、cnpm install vue-router --save...
2018-10-23 14:59:04
418
原创 百度UEditor编译器中获取HTML内容和纯文本,设置UEditor编辑器的内容
获取纯文本内容的方法:1.editor.getContentTxt();获取编辑器中的纯文本内容,没有段落格式javascript代码:示例 12 //编辑器html内容:<p><strong>1</strong></p><p><strong>2</strong>
2018-10-22 22:35:45
30397
3
原创 基于jQuey的tab切换,qq音乐播放器
tab切换很常见了,基本就是两种情况1:点击不同的的tab选项,选项对应的内容改变css样式(或者js),2:不断点击当前按钮,选项对应的内容改变css样式(或者js),基于这个原理,我们来做个tab切换,两个情况都包含有的,就拿QQ音乐来说吧点击不同的单曲,会自播放 ,不断点击当前歌曲,会播放暂停切换,我们要完成的就是这个事情那怎么搞呢,我们可以给歌曲列表设置一个变量b啊...
2018-10-22 18:08:10
292
原创 让图片和文字居中对齐的方法
如果一个盒子图片,文字,在同一行上,怎么实现文字始终对齐图片的中间位置呢? 方法就是使用vertical-align:middle;也就是给盒子都使用这个属性,需要注意的是:这个属性只对行内元素起作用,如果不是行内元素要加上diaplay:inline-block;示例代码:<div> <img src="img/0.png"> ...
2018-10-18 17:53:13
12385
转载 扎心瞬间
“这些客户需要程序能够在IE 6上运行。”真的是复古追求者!我需要费尽心思找到一台满足客户需求的测试电脑,只因为会有大约4位用户用自己的Windows 2000操作系统访问你的网站。读大神写的代码的时候:这是什么………… 我X,太牛X了。 读刚来的程序员写的代码的时候:这是什么………… 我X,太傻X了。 读大神写的代码的时候…当读其他程序员写的代码的...
2018-10-17 13:29:42
242
原创 ueditor编辑器内容高度太多,出现滚动条怎么解决
ueditor编辑器,如果内容很长,默认设置的编辑器会根据内容拉长,比如输入很多回车了就变得很丑解决办法:在config.js文件中,修改autoHeightEnabled: false,默认是 true 改成false 即可。 对比一下: 改之前:改之后:...
2018-10-16 21:27:39
5045
原创 js去除字符串空格
str为要去除空格的字符串:去除所有空格: str = str.replace(/\s+/g,""); 去除两头空格: str = str.replace(/^\s+|\s+$/g,"");去除左空格:str=str.replace( /^\s*/, '');去除右空格:str=str.replace(/(\s*$)/g, "");...
2018-10-16 21:00:27
118
原创 使用github destop需要注意的几点
提交文件时候无意间发现,giuhub destop客户端在提交文件的时候,都是保存上一次未修改之前的文件的内容,也即是上一次提交完成的文件内容。并且,提交文件的过程中,会发生几件事:1.你当前正在提交的项目的所有本地文件,会突然全部变成上一个版本,是的,html这些文件。如果这个时候,你在本地查看你的代码,可能会吓的一批,咦,我刚刚写的代码怎么没了!!??根本没意识到干了啥啊,我没删吧...
2018-10-15 14:05:28
784
原创 在小屏幕和手机屏幕下,Bootstrap汉堡导航的自动折叠隐藏
最近在使用Bootstrap框架做网页时发现,在小屏幕和手机屏幕之下(max-width: 768px),导航栏不能在点击导航链接时,自动折叠导航栏。或者在展开导航栏后,如果不点击其中的导航链接,用户在选择滑动屏幕时,不能做到自动折叠导航栏。需要用户手动点击折叠按钮,才能收回去。这在小屏幕宝贵的显示面积内,显然不合理,用户体验也不好。解决办法://点击导航之后隐藏 $(w...
2018-10-14 23:33:33
2731
翻译 animate.css用法介绍
animate.css介绍animate.css是一个跨浏览器的css3动画库animate.css基础使用引入animate.css文件 给指定的元素添加基础class animated 给指定的元素添加动画class 如果需要无限做动画, 添加 infinite 类名即可<!DOCTYPE html><html lang="en"><hea...
2018-10-11 17:20:28
2366
转载 Javascript 面向对象编程(一):封装
Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成实例对象的原始模式假定我们把猫看成一个对象,它有...
2018-10-07 18:32:01
91
翻译 js面向对象的几种常见写法
//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() 1.工厂方式 var Circle = function() { var obj = new Object(); obj.PI = 3.14159; obj.area = function( r ) { return this.PI * r * r; ...
2018-10-07 18:08:19
238
翻译 JavaScript prototype 属性
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:<html><body><script type="text/javascript">function employee(n...
2018-10-07 17:35:05
98
转载 js-with用法
js-with用法首先,给出个人的理解:with就是为了封装某个对象,减少某个对象的调用比如:定义一个对象var a={},a.name='张三';a.sex='女';一般的调用方式console.log(a.name);console.log(a.sex);使用with之后的调用with(a){ console.log(name); console...
2018-10-07 16:35:14
351
原创 解决锚点链接跳转后位置上下偏移的偏移的办法
应用场景:我们把导航固定在页面顶部的时候,点击锚链接跳转到相应的部分时,很可能导航把页面的内容覆盖了,像这样导航把文字覆盖了, 原因就是我们设置了padding这类css属性 正常盒模型的宽度:width=width+padding+border,其实就是导航盖住了盒模型的padding,覆盖原因就不过多解释了。我们还是说下解决办法吧问题:既然是锚链接,要跳转,就要用href呀,同时,...
2018-10-05 23:08:01
15177
12
原创 Ajax的和HTML5元素拖放实现购物车功能
浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.效果图:当每一个黑色的div被拖动到灰色div中,灰色div就追加一条黑色div的信息。并且自动计算总金额 接下来我先放一坨代码在这里,先别吐,简单扫一眼就可以,一会我给你说下每一段代码的作用...
2018-09-30 17:15:04
1687
原创 html5拖放小实例
参照物:拖放的元素 和 目标点 API事件: ondragstart:开始拖放元素触发的事件 , 对象:拖放的元素 ondrag:拖放过程中触发的事件, 对象:拖放的元素 ondragenter:...
2018-09-28 23:01:55
195
原创 jQuery实现qq音乐播放器项目-ajax跨域使用
页面是pc端的页面主页index.html包含了音乐播放暂停,上一首下一首切换,拖动进度条改变播放位置,删除当前音乐,歌词联动变色等功能,数据是本地的json格式的文件点击此处页面效果search_music.html,点击主页的logo跳转过去,输入搜索的关键词,就可以看到歌词信息,播放歌曲。调用的是QQ音乐的数据,虽然包含了搜索音乐,播放音乐,显示搜索历史,歌词变色的功能,但是界面...
2018-09-26 13:08:08
1756
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人