Javascript
刘小筛
为自己代言~
展开
-
git 克隆远端分支,关联到本地,修改代码并提交到远程分支
背景: 多人项目,没人远程一个分支,直接克隆只可克隆master分支,看不到自己分支上的代码。需求: 同步远程分支到本地,将本地分支与远程分支进行关联,修改代码,更新到远程分支。实现:按照正常流程克隆到本地,cd +tab 切换到项目里面。输入 git branch -a 会看到远端所有分支,确定自己的分支。输入 git checkout -b xxx origin/XXX (xxx是本地要用的分支,XXX是在上一步中确定的自己的分支名称,也就是 remotes/or原创 2021-09-07 16:22:40 · 538 阅读 · 0 评论 -
解决webpack 打包出现额外的xxxx.LICENSE.js文件
最近打包遇到了打包完成之后,除了xxxx.js之外,还会多一个xxxx.LICENSE.js文件,很苦恼,百度后发现,原来是webpack5的原因,如果你也遇到这样的问题,请确认使用的webpack版本是不是5及以上。参考如下博客后问题完美解决,感谢。https://blog.csdn.net/qq_39903567/article/details/114384242需要注意的是:1. 虽然博客里面分析说无需安装terser-webpack-plugin,但是我这边不安装是没有办法解决.原创 2021-03-19 16:12:00 · 1369 阅读 · 3 评论 -
交换li的位置
<ul> <li class="pars"> <div class="stream-item" data-id="__k__"> <div class="stream-video" id="video-__k__"></div> <div class="stream-info"><pre></pre></div> .原创 2021-01-05 23:16:09 · 1963 阅读 · 0 评论 -
权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
应用场景:直播间,主播身份进入,麦克风摄像头等按钮可实现开关功能,即麦克风摄像头按钮存在单击事件;观众身份进入直播间,该按钮不起作用,即事件绑定不生效。解决方案:当用户身份为观众时,给麦克风和摄像头等相关标签添加一个类名,并设置新添加的类的CSS样式标签,设置pointer-events:none;比如 html:<div class="camera video"><button><img src="" alt=""></button>&..原创 2020-12-10 23:00:31 · 183 阅读 · 1 评论 -
js遍历多层嵌套对象存在的JSO数据
js获取含有多层嵌套对象的JSON数据,主要应用迭代的思想。该案例需要获取jsonData中的所有属性值。<!DOCTYPE><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head><body> <h1> <button o原创 2020-10-24 23:50:00 · 3348 阅读 · 0 评论 -
JS中代表结束的三个关键字 break,continue,return
**逻辑控制作为JS编程的核心,在编码中是最常使用的,那么在使用的过程中一些常见的问题需要使用特定的语句来实现。我们用的比较多的就是循环语句,在循环语句中,一定会有满足条件或者不满足条件跳出循环的时刻,这个时候就用到循环结束语句,一般是使用break跳出当前整个循环;如果跳出某一次循环,当满足条件时继续执行,此时可用continue;return 一般作用于一个函数,用来结束函数。break表示跳原创 2017-05-10 10:00:25 · 1783 阅读 · 0 评论 -
面试宝典(三)
1、什么是语义化的HTML 直观的认识标签,对于搜索引擎的抓取有好处 2、清除浮动的几种方式,各自的优缺点 (1)、使用空标签清除浮动 cl、ear:both(理论上能清除任何标签,增加无意义的标签) (2)、使用overflow:auto(空标签元素清除浮动而不得不增加无意义的代码的弊端,使用zoom:1用于兼容ie) (3)、使用after伪元素清除浮动(其父元素height:0;zo原创 2016-11-14 20:10:11 · 404 阅读 · 0 评论 -
Ajax获取XML格式的数据
XML格式数据的解析优点:XML是一种通用的数据格式。不必把数据强加到已定义好的格式中,二是要为数据自定义合适的标记利用DOM可以完全掌控文档。缺点:如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么response XML的值是空的。当浏览器接受到长的XML文件后, DOM解析可能会很复杂。解析XML代码如下:1、xml文件(文件名为:test.xml)原创 2016-11-11 22:07:26 · 1071 阅读 · 0 评论 -
Ajax拿取html格式数据
数据格式提要在服务器端Ajax是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端端编程语言能以如下3种格式返回数据: XML JSON HTML解析 HTMLHTML由一些普通文本组成,如果服务器通过XMLHttpRequest发送HTML,文本将存储在responseText属性中。不必从respo原创 2016-11-11 17:15:23 · 1295 阅读 · 0 评论 -
滑动门效果
滑动门效果滑动门效果简言之就是当鼠标放在折叠的图片上时,图片显示全部。本着能用代码表达的想法坚决不用文字,哈哈,我们一起来看看如何用代码实现吧!框架,HTML代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑动门效果</title> <l原创 2016-09-05 10:39:38 · 906 阅读 · 0 评论 -
JQuery中的ID选择器
页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法id选择器:一个用来查找的ID,即元素的id属性 $( “#id” )id选择器也是基本的选择器,jQuery内部使用Jav原创 2016-05-29 14:40:59 · 1112 阅读 · 0 评论 -
JQuery中的类选择器
类选择器类选择器,顾名思义,通过class样式类名来获取节点使用方式为$( “.class” )类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的下面实现一个原生getElementsByClassName()函数的实现代码原创 2016-05-29 14:55:31 · 840 阅读 · 1 评论 -
JQuery中的元素选择器
元素选择器元素选择器:根据给定(html)标记名称选择所有的元素表示方式为:$( “element” )搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持下面编辑器代码使用两种方式获取并设置CSS属性:<!DOCTYPE html><html><head> <meta http-equiv="Content-type"原创 2016-05-29 15:10:49 · 554 阅读 · 0 评论 -
JQuery中的全选择器(通配符)
全选择器(*选择器)在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;}通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素表示方式为:$( “*” )抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递”*”同样可以获取到 下面代码原创 2016-05-29 15:18:53 · 1327 阅读 · 0 评论 -
JQuery中的层级选择器
层级选择器文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙的关系了。选择器中的层级选择器就是用来处理 子元素 后代元素 兄弟元素 相邻元素这种关系的通过一个列表,对比层级选择器的区别具体实现我们看一下下面代码<!DOCTYPE html><html><head> <me原创 2016-05-29 15:47:56 · 636 阅读 · 0 评论 -
.attr()与.removeAttr()
每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问题,这里先不说。而在jQuery中用一个attr()与removeAttr()就可以全部搞定了原创 2016-05-30 21:42:12 · 482 阅读 · 0 评论 -
JQuery中的 .val()
jQuery中的.val()方法主要是用于处理表单元素的值,比如 input, select 和 textarea。.val()方法简介1..val()无参数,获取匹配的元素集合中第一个元素的当前值 2..val( value ),设置匹配的元素集合中每个元素的值 3..val( function ) ,一个用来返回设置值的函数注意: 1.通过.val()处理select元素, 当没有选择项被原创 2016-05-31 18:01:43 · 1888 阅读 · 0 评论 -
JQuery中的样式切换
在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果。jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass。.toggleClass( )方法:在匹配的元素集合中的每个元素上添原创 2016-05-31 18:31:20 · 4106 阅读 · 1 评论 -
JavaScript入门(一)
几乎所有从事前端的人都要学习JS,为什么呢?有了HTML来给页面提供内容和CSS给页面做修饰,一个界面就建好了,为甚么还要学习JS呢,JS是用来做什么的呢?接下来我就告诉大家我们为什么还要学习JS。首先,几乎所有的主浏览器都支持JS。其次,目前全世界大部分网页都使用JS然后,JS可以让网页呈现各种动态效果。最重要的是,作为一个Web开发师,如果你想提供漂亮的网页,给予用户满意的上网体验,JS是原创 2016-05-27 16:36:52 · 342 阅读 · 0 评论