- 博客(21)
- 收藏
- 关注
RSS订阅原创 js splice()删除、插入、替换数组
1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项)3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)代码：var lang = ["php","java","javascript"];//删除var removed = lang.splic
2022-03-11 14:09:12
723
原创 微信小程序checkbox样式美化
微信小程序checkbox默认默认样式显得非常不美观，需对其进行样式美化，样式美化后的结果：代码如下：html: <checkbox-group data-id="{{item.goods_id}}" bindchange="handleItemCheck"> <checkbox checked="{{item.checked}}"></checkbox> </checkbox-group>css:checkbox .wx-che
2022-03-10 10:08:33
1894
原创 css样式穿透的三中写法
当我们使用第三方组件的时候，普通的方法没有办法修改第三方组件的样式，可以使用样式穿透的方法来做，样式穿透的三种写法及应用场景：1、stylus的样式穿透 使用 >>>外层 >>> 第三方组件{样式}.ql-containe >>> .ql-editor.ql-blank:before{ background: #fff}2、sass 和 less 的样式穿透 使用 /deep/外层 /deep/ 第三方组件 {样式}.ql
2021-12-02 11:01:57
2465
原创 marquee相关属性
marquee标签的几个重要属性标题1.direction：滚动方向(包括4个值：up、down、left、right) 说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。 语法：<marquee direction="滚动方向">...</marquee>标题 2.behavior...
2021-12-01 17:29:56
3397
原创 vue 事件处理函数传递e对象和额外的参数
<switch :checked="isChecked" @change="switch4Change($event,4)" color="#57BE6C"/>switchChange(e,value){ console.log(e.detail.value,value) // true 4},第一个参数为event对象，第二个参数为额外要传入的值
2021-12-01 17:26:44
1594
1
转载 jquery页面跳转菜单高亮显示当前页面
效果图如下：html代码：<div class="navbar" role="navigation" id="nav"> <ul class="nav navbar-nav" id="menu"> <li> <a href="index.html" rel="index.html" >概况统计</a> </li> <li> <a href
2020-09-08 14:59:34
435
原创 图片和文字水平居中对齐
html代码：<div class="logo"> <img src="img/logo.png"/> <h3>iwaters edge配置平台</h3></div>css代码：/*头部*/.getway .header .logo img{ vertical-align: middle;}.getway .header .logo h3{ display: inline-block; vertical-align:
2020-08-31 17:26:17
548
转载 table td文字超出显示省略号
table { table-layout: fixed;} //必须，表格宽度不随文字增多而变长。td { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}<body> <table> <thead> <th> 第一列 </th> <
2020-06-28 15:27:50
3620
转载 git 合并分支
标题假如我们现在在dev分支上，刚开发完项目，执行了下列命令：git add .git commit -m '提交的备注信息'git push -u origin dev标题想将dev分支合并到master分支，操作如下：1、 首先切换到master分支上git checkout master2、 如果是多人开发的话 需要把远程master上的代码pull下来git p...
2020-04-24 14:27:08
165
转载 前端css技巧
radio美化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .radio-station { position: relative; ...
2020-04-13 17:25:08
136
原创 react 给元素添加背景图
import Background from '../../images/water1.png'const sectionStyle = { width: '100%', height: '100%', background: `url(${Background}) no-repeat center center fixed`, backgroundSize: '...
2020-04-10 17:00:15
1523
原创 git的操作步骤（解决冲突、撤销、暂存）
解决冲突1.分支与分支之间的冲突（1）提交自己的分支后，切换到基准分支拉取最新代码 git pull origin dev（2）切换到自己的分支 git checkout 自己的分支（3）git rebase dev 重新变更基准分支（4）手动更改冲突（5）git add -A（6）git rebase --continue（7）循环4~6，知道数字消失（8）git status...
2018-12-31 15:11:59
1063
转载 js中this指向
1.全局作用域或者普通函数中this指向全局对象window。//直接打印 console.log(this) //window //function声明函数 function bar () {console.log(this)} bar() //window //function声明函数赋给变量 var bar = funct...
2018-12-13 17:42:42
128
原创 js中点击下标
<div> <span></span> <span></span> <span></span> <span></span></div>（1）使用属性存储下标var _spans =$("span"
2018-12-13 17:41:34
513
原创 圣杯布局（双飞翼布局）
圣杯布局也叫双飞翼布局，优先解析中间内容区域 ， 使用排序方式order注：显示顺序 order （加在子元素上）默认状态是按照标准流的顺序排列，在flexbox模型里，可以通过order改变伸缩项目的顺序。注意点：不定义order的伸缩项目会排到前面<!DOCTYPE html><html> <head> <meta charset="UT...
2018-12-12 19:50:32
181
原创 HTML文本超出显示省略号
显示省略号说明text-overflow: ellipsis/clip;clip:不显示省略号（…）,而是简单的剪切；ellipsis:当对象文本溢出时，显示省略标记；方法一：要实现单行文本溢出时是否显示省略标记的效果需要定义：1.容器宽度：width：value；2.强制文本在一行内显示：white-space:nowrap;3.溢出内容为隐藏：overflow:hidden...
2018-11-09 09:41:45
460
原创 JavaScript学习第一周知识点总结
基本概念学习手册：W3School离线手册 http://www.w3school.com.cn/ http://www.runoob.com/ https://developer.mozilla.org/zh-CN/ https://caniuse.com/推荐书籍《JavaScript高级程序设计》 《JavaScript权威指南...
2018-10-23 22:25:30
195
原创 JavaScript第二周知识点总结
对象：属性：变量方法：函数直接量： { name : "张三", study : function() { console.log("学习..."); } }内置对象：由 ECMAScript 实现提供的、独立于宿主环境的所有对象Array（数组）： 作用：
2018-10-23 22:23:54
168
原创 HTML + CSS写轮播图
HTML+CSS写轮播图利用CSS3的新属性，可以实现轮播，主要是利用CSS3的动画的三要素：（1）需要执行那个动画 animation-name:动画名 animation-name:lunbo; （2）需要创建一个名称叫什么的动画 @keyframes lunbo{ from{ ...
2018-08-25 17:21:50
13197
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人