- 博客(48)
- 收藏
- 关注
RSS订阅原创 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
399
转载 includes
//下面代码用来检查当前环境是否支持该方法，如果不支持，部署一个简易的替代版本。const contains = (() => Array.prototype.includes ? (arr, value) => arr.includes(value) : (arr, value) => arr.some(el => el === value))(...
2019-07-21 22:03:48
559
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
8918
翻译 数组实例的 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
468
原创 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
410
转载 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
3058
转载 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
8545
转载 js获取元素位置
obj.clientWidth //获取元素的宽度（width+padding）obj.clientHeight //元素的高度obj.offsetLeft //元素相对于父元素的leftobj.offsetTop //元素相对于父元素的topobj.offsetWidth //元素的宽度(width+padding+border)obj.offsetHeight //元素的高度...
2018-11-10 20:38:42
156
原创 Chrome浏览器调试HTML, CSS和Javascript
有的时候，你发现页面上元素被修改了，但是你不知道被什么代码修改了，那可以给DOM增加断点比如页面有个元素，他的max-height属性是动态改变的，但是你不知道被什么代码修改了。那我现在要给她增加一个断点 1.把鼠标放到html代码上，右键添加上断点： 点完了之后，我们在看DOM Breakpoints就给我们添加上断点了当元素被改变的时候触发断点,如下：（注...
2018-11-01 20:28:00
5246
原创 媒体查询常见媒体尺寸和设置
@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
7639
原创 实现QQ音乐项目的一些技术点jQuery，html5
及时做下笔记，谨防忘记，忘记也不怕，回来这里找就阔以了1.//当前音乐播放结束，自动播放下一首 audio.onended = function() { $('.icon-xiayishou2').trigger('click'); }...
2018-10-31 13:49:46
1612
原创 jQuery实现加入购物车飞入动画效果之开发不停，填坑不止（起点位置在Y轴方向位置偏移）
开发时为了完成购物车的飞入抛物线，因为懒惰随大流使用了fly.js插件，用的时候遇到的两个坑坑~~1. 有滚动条时，抛物体的起点位置在Y轴方向上有位置偏移，偏大2. 页面有滚动条时，抛物体的结束位置不一样，偏大我：(⊙o⊙)…烦烦的。。。这就是用别人东西的代价 。。。。。。不管如何先来解决第一个坑吧实现加入购物车效果，正常我们是这样使用的（第一次用的话，点击这里查看官方使用说明...
2018-10-30 21:44:22
2481
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
4294
1
转载 JS/JQ获取各种屏幕的高度和宽度
网上总结的蛮全面的了，直接拿来用了:Javascript:网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)...
2018-10-29 21:42:16
207
原创 JS判断键盘按键
获取键盘的键码的方法如下：window.document.onkeydown = disableRefresh; function disableRefresh(e) { e = (e) ? evt : window.event alert(evt.keyCode) //按下键盘任意键，都会弹出对应键码 ...
2018-10-29 19:26:01
1761
转载 jQuery实现购物车商品数量及总价的计算
记录一下项目中遇到的计算购物车商品数量和总价的jQuery代码，重点在于选择器以及.text()命令的使用。先上效果图，点击加减，商品数量以及总价会发生相应变化。html代码： <div class="addGoods"> <div class="goods_list"> <ul> ...
2018-10-28 17:07:45
10031
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
3402
转载 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
237
转载 router-view 的理解
主要是构建 SPA (单页应用) 时，方便渲染你指定路由对应的组件。你可以 router-view 当做是一个容器，它渲染的组件是你使用 vue-router 指定的。比如：视图层：<div id="app"> <router-view></router-view></div>路由定义：router.map({ '/f...
2018-10-23 15:24:41
21668
转载 前端学习路线
作者：林可锟链接：https://www.zhihu.com/question/26582745/answer/86755953来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 基础知识1、HTML + CSS 这部分建议在线教程 上学习，边学边练. 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head Fir...
2018-10-23 15:01:52
105
原创 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
403
原创 百度UEditor编译器中获取HTML内容和纯文本，设置UEditor编辑器的内容
获取纯文本内容的方法：1.editor.getContentTxt();获取编辑器中的纯文本内容,没有段落格式javascript代码：示例 12 //编辑器html内容:<p><strong>1</strong></p><p><strong>2</strong>
2018-10-22 22:35:45
30305
3
原创 基于jQuey的tab切换,qq音乐播放器
tab切换很常见了，基本就是两种情况1：点击不同的的tab选项，选项对应的内容改变css样式(或者js),2：不断点击当前按钮，选项对应的内容改变css样式(或者js),基于这个原理，我们来做个tab切换，两个情况都包含有的，就拿QQ音乐来说吧点击不同的单曲，会自播放 ，不断点击当前歌曲，会播放暂停切换，我们要完成的就是这个事情那怎么搞呢，我们可以给歌曲列表设置一个变量b啊...
2018-10-22 18:08:10
277
原创 让图片和文字居中对齐的方法
如果一个盒子图片，文字，在同一行上，怎么实现文字始终对齐图片的中间位置呢？ 方法就是使用vertical-align:middle;也就是给盒子都使用这个属性，需要注意的是：这个属性只对行内元素起作用,如果不是行内元素要加上diaplay:inline-block;示例代码：<div> <img src="img/0.png"> ...
2018-10-18 17:53:13
12336
转载 扎心瞬间
“这些客户需要程序能够在IE 6上运行。”真的是复古追求者！我需要费尽心思找到一台满足客户需求的测试电脑，只因为会有大约4位用户用自己的Windows 2000操作系统访问你的网站。读大神写的代码的时候：这是什么………… 我X，太牛X了。 读刚来的程序员写的代码的时候：这是什么………… 我X，太傻X了。 读大神写的代码的时候…当读其他程序员写的代码的...
2018-10-17 13:29:42
226
原创 ueditor编辑器内容高度太多，出现滚动条怎么解决
ueditor编辑器，如果内容很长，默认设置的编辑器会根据内容拉长,比如输入很多回车了就变得很丑解决办法：在config.js文件中，修改autoHeightEnabled: false,默认是 true 改成false 即可。 对比一下： 改之前：改之后：...
2018-10-16 21:27:39
4996
原创 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
106
原创 使用github destop需要注意的几点
提交文件时候无意间发现，giuhub destop客户端在提交文件的时候，都是保存上一次未修改之前的文件的内容，也即是上一次提交完成的文件内容。并且，提交文件的过程中，会发生几件事：1.你当前正在提交的项目的所有本地文件，会突然全部变成上一个版本，是的，html这些文件。如果这个时候，你在本地查看你的代码，可能会吓的一批，咦，我刚刚写的代码怎么没了！！？？根本没意识到干了啥啊，我没删吧...
2018-10-15 14:05:28
773
原创 在小屏幕和手机屏幕下，Bootstrap汉堡导航的自动折叠隐藏
最近在使用Bootstrap框架做网页时发现，在小屏幕和手机屏幕之下（max-width: 768px），导航栏不能在点击导航链接时，自动折叠导航栏。或者在展开导航栏后，如果不点击其中的导航链接，用户在选择滑动屏幕时，不能做到自动折叠导航栏。需要用户手动点击折叠按钮，才能收回去。这在小屏幕宝贵的显示面积内，显然不合理，用户体验也不好。解决办法：//点击导航之后隐藏 $(w...
2018-10-14 23:33:33
2701
翻译 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
2334
转载 Javascript 面向对象编程（一）：封装
Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、 生成实例对象的原始模式假定我们把猫看成一个对象，它有...
2018-10-07 18:32:01
83
翻译 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
229
翻译 JavaScript prototype 属性
定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中，我们将展示如何使用 prototype 属性来向对象添加属性：<html><body><script type="text/javascript">function employee(n...
2018-10-07 17:35:05
85
转载 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
340
原创 解决锚点链接跳转后位置上下偏移的偏移的办法
应用场景：我们把导航固定在页面顶部的时候，点击锚链接跳转到相应的部分时，很可能导航把页面的内容覆盖了，像这样导航把文字覆盖了， 原因就是我们设置了padding这类css属性 正常盒模型的宽度：width=width+padding+border,其实就是导航盖住了盒模型的padding，覆盖原因就不过多解释了。我们还是说下解决办法吧问题：既然是锚链接，要跳转，就要用href呀，同时，...
2018-10-05 23:08:01
14812
12
原创 Ajax的和HTML5元素拖放实现购物车功能
浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.效果图：当每一个黑色的div被拖动到灰色div中，灰色div就追加一条黑色div的信息。并且自动计算总金额 接下来我先放一坨代码在这里，先别吐，简单扫一眼就可以，一会我给你说下每一段代码的作用...
2018-09-30 17:15:04
1679
原创 html5拖放小实例
参照物：拖放的元素 和 目标点 API事件: ondragstart:开始拖放元素触发的事件 , 对象：拖放的元素 ondrag:拖放过程中触发的事件， 对象：拖放的元素 ondragenter：...
2018-09-28 23:01:55
187
原创 jQuery实现qq音乐播放器项目-ajax跨域使用
页面是pc端的页面主页index.html包含了音乐播放暂停，上一首下一首切换，拖动进度条改变播放位置，删除当前音乐，歌词联动变色等功能，数据是本地的json格式的文件点击此处页面效果search_music.html,点击主页的logo跳转过去，输入搜索的关键词，就可以看到歌词信息，播放歌曲。调用的是QQ音乐的数据，虽然包含了搜索音乐，播放音乐，显示搜索历史，歌词变色的功能，但是界面...
2018-09-26 13:08:08
1741
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人