自定义博客皮肤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 688

原创 正则表达式

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

2020-05-15 09:58:07 655

转载 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 206

原创 开发 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 下的 adb hbuilderx a...

2020-04-22 18:56:08 607

原创 深拷贝 方法

深拷贝 方法 遍历对象 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 344 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 227

原创 css 权重

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

2020-04-09 14:10:46 134

原创 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 214

原创 DOM

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

2020-01-02 17:04:13 155

转载 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 1167 1

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

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

2019-10-18 14:51:04 861

原创 Math方法

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

2019-10-10 09:45:04 240

原创 对象方法和json方法

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

2019-10-10 09:44:46 154

原创 数组方法

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

2019-10-10 09:44:04 161

原创 字符串方法

字符串方法 创建字符串 字面量的创建方式 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 187

原创 js获取计算后的css

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

2019-09-26 11:46:35 350

原创 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 4409 1

原创 less 循环

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

2019-07-30 17:46:21 405

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

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

2019-07-29 21:17:35 349

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

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

2019-07-29 17:40:46 2015

原创 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 888

转载 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 187

原创 移动端rem单位

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

2019-06-21 11:33:29 284

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

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

2019-06-18 16:35:24 8525

原创 sublime /vscode 快捷键记录

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

2019-06-14 11:49:26 923

原创 字体行高奇数

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

2019-06-06 18:27:20 373

转载 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 567

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

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

2019-06-05 13:46:27 1505 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 306

原创 js作用域

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

2019-05-24 00:36:17 148

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

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

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

原创 swiper

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

2019-05-14 13:51:22 529

原创 锚点 缓动

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

2019-04-08 20:50:53 570

转载 PHPStrom 快捷键

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

2017-09-14 00:19:55 355

转载 欢迎使用优快云-markdown编辑器

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

2017-09-13 23:39:21 175

原创 递归函数

递归函数

2017-08-11 11:00:12 1404

原创 小程序学习记录

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

2017-07-20 12:01:33 313

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

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

2017-07-12 13:03:17 241

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

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

2017-06-18 23:21:14 242

原创 优快云,开篇第一章

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

2017-06-13 15:45:55 355

空空如也

空空如也

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

TA关注的人

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