自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

转载 查找字符串 indexof 使用 ~ 符号

对每一个比特位执行非(NOT)操作。NOT a 结果为 a 的反转(即反码);即把0和1全部取反if (~str.indexOf(searchFor)){// searchFor 包含在字符串中}else{// searchFor 不包含在字符串中}

2020-06-28 10:13:26 555

原创 正则表达式

##正则表达式(Regular Expression)课堂主题​ 1)正则的创建​ 2)正则的匹配方法​ 3)元字符​ 4)字符集合​ 5)边界​ 6)分组7)反向引用​ 8)数量词汇​ 9)匹配模式课堂目标理解正则中的基础知识理解正则中的各种概念会使用正则查找替换字符能使用正则在实际中运用知识点###字符串操作查找字符串中的数字;正则如何如实现正则的创建字面量创建通过构造函数正

2020-05-15 09:58:07 476

转载 git 操作

git 常规操作创建分支,并切换到分支git checkout -b dev查看一下现在的分支状态:git branch推送到远程服务器把新建的本地分支push到远程服务器,远程分支与本地分支同名(当然可以随意起名):git push origin dev:dev查看远程所有分支git branch -a删除远程分支我比较喜欢的简单方式,推送一个空分支到远程分支,其实就相当于删除远程分支:git push origin :dbg_lichen_star也可以使用:git push

2020-05-11 16:50:27 139

原创 开发 hbuilderx 中,wifi 链接 adb 报错 adb server version (36) doesn't match this client (41); killing..解决

开发 hbuilderx 中,wifi 链接 adb 报错 adb server version (36) doesn’t match this client (41); killing…解决终端查询 adb version会出现 mac 使用 adb 的版本还有安装的位置,我的在 /usr/local/bin/adb使用这个替换 hbuilderx 下的 adbhbuilderx a...

2020-04-22 18:56:08 396

原创 深拷贝 方法

深拷贝 方法遍历对象 function deepCopy(obj) { let newObj = Array.isArray(obj) ? [] : {}; for (let i in obj) { if (obj.hasOwnProperty(i)) { if (typeof obj[i] === "...

2020-04-19 00:46:00 232 1

原创 js 精确判断数据类型

js 精确判断数据类型Object.prototype.toString.call(arr); let arr = []; let obj = {}; console.log(typeof arr); // object console.log(typeof obj); // object // typeof 类似 instanceof 会去找原型链上的数据类型 // 精确...

2020-04-15 12:34:04 153

原创 css 权重

第一等级:代表内联样式,如style="",权值为 1000第二等级:代表id选择器,如#content,权值为100第三等级:代表类,伪类和属性选择器,如.content,权值为10第四等级:代表标签选择器和伪元素选择器,如div p,权值为1注:通用选择器(*),子选择器(>),和相邻同胞选择器(+)并不在这个等级中,所以他们的权值为0...

2020-04-09 14:10:46 75

原创 less 函数

less 常用函数–雪碧图.stitches-sprite(@x: 0, @y: 0, @width: 0, @height: 0) { background-position: @x @y; width: @width; height: @height;}.sprite { background-image: url(spritesheet.png); ...

2020-04-07 09:54:11 144

原创 DOM

DOMjavascript 的组成部分DOM (document object model) 文档对象模型BOM (browers object model) 浏览器对象模型ECMAScript js 的核心[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oSa8qh3z-1577955827557)(./DOMltree.gif)]DOM 节点节...

2020-01-02 17:04:13 79

转载 vue v-for实现hover效果,点击效果

<template> <ul class="item"> <li v-for="(item, index) in Arr" :key="index" :class="{'hoverBg':index==hoverIndex}" @mouseover="hoverIndex = index...

2019-12-05 10:49:30 1042 1

原创 js处理时间,ios 兼容问题,显示 NAN

new Date(start_time)start_time 参数格式不能是 - 中横杠,可以是 / 斜杠

2019-10-18 14:51:04 776

原创 Math方法

Math方法提供了与数学操作有关的一些属性与方法与其它内置对象(如Date、Array等)不同,Math不能作为一个函数去使用,它只是一个对象常用属性常用属性PI圆周率:Math.PI=π≈3.14159常用方法取整相关ceil(x)返回大于或等于 x 的最小整数,即:向上取整参数x:任意数值floor(x)返回小于或等于 x 的最小整数,即...

2019-10-10 09:45:04 159

原创 对象方法和json方法

对象方法Object.keys(obj)返回一个由 key 组成的数组Object.values(obj)返回一个由 value 组成的数组删除对象中的元素delete obj.keyJSONJSON是什么?JSON是一种轻量级的数据交换格式。因为语言的种类繁多,且不同的语言对于数据有不同的定义,例如:php 中的数组,分为两种形式,一种:索引数组,这个与我们 JS 中的...

2019-10-10 09:44:46 94

原创 数组方法

数组方法基础添加和删除push将一个或多个元素添加到数组的结尾,并返回该数组的长度pop删除数组中的最后一位,并返回删除的值unshift将一个或多个元素添加到数组的开头,并返回该数组的新长度shift删除数组中的第一位,并返回删除的值进阶删除、添加、替换方法splice(start[,num,item1,item2…])可以用于删除...

2019-10-10 09:44:04 86

原创 字符串方法

字符串方法创建字符串字面量的创建方式var str = 'kaikeba';console.log(typeof str); //string字符串对象的创建方式var str = new String('kaikeba');console.log(typeof str); //object查找类方法:charAt( index )参数index : 0 ~...

2019-10-10 09:43:25 128

原创 js获取计算后的css

function getCss(obj) { if (obj.currentStyle) { // 兼容ie return obj.currentStyle; } else { return getComputedStyle(obj) } }

2019-09-26 11:46:35 272

原创 js 模版字符串增加条件判断

用 三元判断或者自执行函数内使用if for ( let i = 0; i < data.length; i++ ) { const html = `<li class="fl t-left"><div class="target t-center"> <p>${data[...

2019-07-30 17:49:36 4167 1

原创 less 循环

循环出图片的背景色还有子类元素的 // 循环出图片 .generate-columns(19); .generate-columns(@n, @i: 1) when (@i =< @n) { &:nth-child(@{i}) { background-imag...

2019-07-30 17:46:21 301

原创 js 开关设置遇到的问题

设置自定义属性的时候,如果设置的属性名称是 title ,或者其他的w3c内置属性,那么在js中获取到的值是字符串类型如果是其他的,比如onoff,获取到的是布尔类型...

2019-07-29 21:17:35 260

原创 vscode 使用 prettier 进行js文件的 eslint规则 格式化

安装 prettier 插件然后在设置内,勾选Prettier: Eslint Integration使用 eslint规则

2019-07-29 17:40:46 1933

原创 less mixin 和 scss mixin的不同

初学:less mixin 和 scss mixin的不同scss是sass的升级版,在codepen中,使用测试的是scss模式scss 需要用 @mixin box 定义,然后用 @include box 调用,box不能是一个类,不能加.@mixin box { width: 100px; height: 100px;}.box1 { @include box; }...

2019-07-02 17:32:12 801

转载 css效果之 文字渐变

background-image: -webkit-linear-gradient(#f94841,#921f2d); background-image: -moz-linear-gradient(#f94841,#921f2d); background-image: -o-linear-gradient(#f94841,#921f2d); background-i...

2019-06-28 18:22:57 121

原创 移动端rem单位

如果设计图是 750px,就除以7.5document.documentElement.style.fontSize = document.documentElement.clientWidth /7.5 + 'px';

2019-06-21 11:33:29 195

原创 cookie获取不到浏览器中所有的cookie值的问题

如果浏览器中 cookie的,domain 不是当前环境的值,就无法用 document.cookie 拿到这个cookie

2019-06-18 16:35:24 8314

原创 sublime /vscode 快捷键记录

文件 创建新文档 alt+ctrl+n

2019-06-14 11:49:26 835

原创 字体行高奇数

当行高为奇数时,文字的下方大1px

2019-06-06 18:27:20 295

转载 p元素margin垂直空间重叠问题,bfc

bfc 解决盒子margin重叠问题一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可:一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可:1、float的值不是none。(float:left 或者float:right)2、position的值不是static或者relative。(position:absolute或者position:fixed)3、...

2019-06-05 17:49:30 490

原创 移动端 ios 字体偏上问题

父元素设置 display: flex; align-items: center; justify-content: center;子元素设置 transform: scale(1); /*测试不加也可以*/

2019-06-05 13:46:27 1307 2

原创 js 赋值和作用域

function fn(){ var a = b = 10;// 实际上是 先进行右边的 b = 10 ,然后再进行 var a = 10 。所以a是局部变量}fn()console.log(a); // 报错console.log(b); // 10

2019-05-24 00:43:37 205

原创 js作用域

作用域全局作用域,作用域链,在自身找不到向上级找,再到全局找,都找不到,报错<button>1</button><button>2</button><button>3</button><button>4</button> var btn = document.querySelectorA...

2019-05-24 00:36:17 68

原创 网站logo等内容,logo图片高度不统一的情况下,垂直居中

图片用绝对定位position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);

2019-05-20 11:47:14 555 1

原创 swiper

问题:loop 循环轮播后左右出现空白,没有立即出现内容loopAdditionalSlides: 100,loopAdditionalSlides这个参数就是前后复制n个

2019-05-14 13:51:22 436

原创 锚点 缓动

页面实现 锚点,缓动滚动页面html 布局<a class="anchor-B2C" href="javascript:;"></a> <!-- 跳转部分 --> <h3 id="anchor-B2C"></h3>用 jquery 实现// 锚点缓动动画$( function () { var b = ( ...

2019-04-08 20:50:53 435

转载 PHPStrom 快捷键

CTRL+ALT+F12 资源管理器打开文件夹,跳转至当前文件在磁盘上的位置 CTRL+SHIFT+N 全局搜索文件 ,优先文件名匹配的文件 CIRL+B 找变量的来源,跳到变量申明处 (CTRL+ 鼠标单击 也可以)http://blog.csdn.net/fenglailea/article/details/53350080 配置可以直接搜索PHP函数shift + F6 重命名

2017-09-14 00:19:55 288

转载 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-09-13 23:39:21 109

原创 递归函数

递归函数

2017-08-11 11:00:12 1332

原创 小程序学习记录

小程序开发记录text标签 可以长按选中,text标签中会识别转义字符 hel\nlo 输出效果: hel lorpx单位 rpx是逻辑分辨率单位,会根据屏幕大小自适应 ; iPhone6 模式下 1px = 2rpx ; ui 做效果图的时候,建议用iPhone6 750px的尺寸做图 小技巧高低用px,左右用rpx * 小程序缓

2017-07-20 12:01:33 226

原创 日期 2017-07-12 学习记录

学习记录日期 2017-07-12学习 AJAX ,添加一个传统的提交服务器页面,登录页面。

2017-07-12 13:03:17 187

原创 学习进度更新 2017-6-18

本周,学习进度到CSS第三天,过渡应用,接下去要学习动画CSS还有2天的课程争取在下周可以完成发布一下今天学习遇到的一个问题,需要进行yanji    * { margin: 0; padding: 0; } .bigger { margin: 0 auto; width: 200px;

2017-06-18 23:21:14 180

原创 CSDN,开篇第一章

自学前端技术已经有些时间了希望可以每周发一个篇博客,总结一下一周的学习情况,学习方法。也作为一个每周的反馈。之前学习的HTML CSS  Javascript,JQuary 基础内容,有时间会在这里总结一下。目前学习到CSS3 第三天的自学课程

2017-06-13 15:45:55 226 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除