- 博客(31)
- 收藏
- 关注
RSS订阅原创 find()、findIndex()、filter()、indexOf() 处理数组方法
find() 元素 , 复杂条件查找首个匹配项 , 遍历（短路）findIndex() 索引 , 复杂条件查找首个匹配索引 , 遍历（短路）filter() 新数组 , 筛选多个符合条件元素 , 遍历(全部元素)indexOf() 索引 , 简单值查找首个匹配索引 , 遍历（可指定起点）
2025-04-19 15:50:21
275
原创 CSS伪类选择器解析
以下代码为例：<ul class="nav"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li></ul&g
2022-05-17 17:53:07
374
原创 解决小乌龟(TortoiseGit)总是要求输入密码
当你在用TortoiseGit拉取或者提交代码的时候，可能遇到过git小乌龟总是要让你输入密码，无法拉取、提交代码，见下图。怎么解决这个问题？1.复制私钥文件id_rsa，将复制的文件的文件名改为id_rsa.ppk。2.打开TortoiseGit的安装目录，找到puttygen.exe，双击运行。3.点击Load，加载刚才复制的id_rsa.ppk文件，点击确定。4.点击Save private key，弹窗选择是，将私钥保存为TortoiseGit.ppk。5.项目目录下，右键选择
2022-04-28 09:24:50
11676
5
原创 Element UI 中国省市区级联数据
1.安装npm install element-china-area-data --save-dev2.使用import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from ‘element-china-area-data’注意:provinceAndCityData是省市二级联动数据（不带“全部”选项）regionData是省市区三级联
2022-04-14 16:18:37
961
1
原创 微信小程序请求数据封装
封装代码const HTTP_BASE_URL = "https://baidun.com/";function api(_methods,url,data,callback){ wx.request({ url: HTTP_BASE_URL+url, method: _methods, data: data, dataT...
2019-09-21 15:13:33
1042
1
原创 CSS — 上下左右空心箭头，三角形
上下，右空心箭头，三角形右箭头right-arrow {display :inline-block;position: relative;width: 36rpx;height: 36rpx;margin-right: 20rpx;}.right-arrow::after {display: inline-block;content: " ";height: 18rpx;...
2019-08-13 09:36:12
1349
原创 数组api总结大全
Array.from()将一个类数组或可迭代对象转换为数组返回一个新的数组产生新的数组Array.isArray()判断一个对象是否为数组返回一个布尔值不产生新的数组Array.of()创建一个具有可变数量参数的新数组返回一个新数组产生新的数组Array.concat()将数组和（或）值连接成新数组返回一个新数组不改变原数组产生新的数组Array.copy...
2019-05-08 15:05:51
397
原创 Vue 中的钩子函数
Vue 实例在文档中经常会使用 vm 这个变量名表示 Vue 实例，在实例化 Vue 时，需要传入一个选项对象，它可以包含数据(data)、模板(template)、挂载元素(el)、方法(methods)、生命周期钩子(lifecyclehook)等选项。Vue 实例化的选项需要注意的是含 this 的函数大多不要使用箭头函数，因为我们期望 this 指向 Vue 实例。dataV...
2019-03-04 15:08:34
3938
原创 Vue导航守卫
什么是导航守卫？在vue路由的需求中，经常有这样的一种情况，就是每当进行路由跳转时，我需要预先进行一些判断，做一些事情，这时候你就需要Vue的导航守卫了！1、router.beforeEach注册一个全局前置守卫const router = new VueRouter({ … })router.beforeEach((to, from, next) => {// …})2、r...
2019-03-04 14:59:47
342
原创 面向对象编程思想（OOP）
本文我将从面向对象编程思想是如何解决软件开发中各种疑难问题的角度，来讲述我们面向对象编程思想的理解，梳理面向对象四大基本特性、七大设计原则和23种设计模式之间的关系。软件开发中疑难问题：软件复杂庞大很多软件进入维护阶段需求的不断变更软件开发中存在很多其他的问题，上面只是从程序开发和设计的角度看到的部分问题。需求解决上面软件开发中的问题，就要求我们编写（设计）的软件具有很好的可读性、可维...
2019-03-04 14:57:27
380
原创 TCP/IP协议、HTTP协议、SOCKET通讯详解
1、TCP连接TCP(Transmission Control Protocol) 传输控制协议。TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握确认建立一个连接。位码即tcp标志位，有6种 标示:SYN(synchronous建立联机) ACK(acknowledgement 确认) PSH(push传送) FIN(finish结束) RST(reset重置) URG(urg...
2019-03-04 14:51:46
443
原创 响应式布局
响应式设计的步骤1.设置 Meta 标签——视图（viewport）以符合屏幕分辨率< meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>（user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具...
2018-10-25 09:53:38
285
原创 递归/正则/数组
1.递归/正则/数组题目描述：输入：[2,3,4,[55,77,[6,43,2]],33] 输出：[2, 3, 4, 55, 77, 6, 43, 2, 33] 方法一：（递归）var arr=[2,3,4,[55,77,[6,43,2]],33];function handleArr(arr){ var result=[]; functi...
2018-10-15 11:11:40
220
原创 对象、原型链
对象 普通对象 最普通的对象：有__proto__属性（指向其原型链），没有prototype属性。 原型对象(person.prototype 原型对象还有constructor属性（指向构造函数对象）) 函数对象： 凡是通过new Function()创建的都是函数对象。 ...
2018-10-15 11:00:19
204
原创 获取锚点、底部返回
1.通过锚点获取对应的位置function sclTo(deId) {//滑动到特定位置；let h = (‘(`(‘{deId}`).offset().top;$(‘body,html’).animate({scrollTop: h})}；2.滚动条持续上升var inp = document.getElementsByClassName(“fanhui”)[0];var mc...
2018-10-15 10:41:40
621
原创 全屏滚动
通过索引获取屏幕上数跟跳转对应的屏幕位置let index = 0;let winHeight = document.documentElement.clientHeight;//过渡改变function f() {oUl.style.transition = ‘1s’;}//窗体大小改变方法function winResize() {winHeight = document.d...
2018-10-15 10:37:55
282
原创 JS节点获取、Class增删改查、属性操作、Dom操作
//得到全部子节点childNodes document.getElementById(‘head’).childNodes //NodeList(5) [text, div.head_wrapper, text, div.headBlock, text]//得到父节点 document.querySelector(‘.head_wrapper’).parentNode //下一个...
2018-09-06 16:51:55
1953
原创 js基础练习总结
// //冒泡排序 // var arr=[11,25,6,88,9,12,20]; // for(var i=0;i=arr.length-1;i++){ //一次确定最大值到最小值 // for(var j=0;j=arr.length-i-1;j++){ //反复实现数组交换 // if(arr...
2018-08-24 15:31:10
341
原创 Js 运算符(加减乘除)
1.加法 var box=1+2 //3 var box=1+NaN //NaN,有一个为NaN就为NaN var box=Infinity+Infinity //Infinity var box=-Infinity + -Infinity //-Infinity var box=Infi...
2018-08-13 11:16:11
1515
原创 BFC
BFC 定义 BFC(Block formatting context)直译为”块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 BFC布局规则： 1 内部的Box会在垂直方向，一个接一个地放置。 2 Box垂直方向的距离由margin决定。属...
2018-08-06 18:36:22
162
原创 overflow
所有主流浏览器都支持 overflow 属性。定义和用法 overflow 属性规定当内容溢出元素框时发生的事情。说明 这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。可能的值 值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。...
2018-08-02 17:37:54
3176
原创 h1~h6 大小
浏览器默认为body:100%=16px; 浏览器计算得出 h1=32px h2=24px h3=18.72px h4=16px p=16px h5=13.28px h6=12px
2018-08-02 17:35:17
4956
原创 重绘与重排
重绘重绘是一个元素 外观的改变 所触发的浏览器行为，例如改变vidibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，并不一定伴随重排。浏览器在进行重绘和重排的时候是要付出高昂的性能代价的。重排重排是更明显的一种改变，可以理解为渲染树需要重新计算。下面是常见的触发重排的操作：DOM元素的几何属性变化。DOM树的...
2018-08-02 17:24:57
415
原创 隐藏滚动条
1、完全隐藏 在boby里加入scroll=no，可隐藏滚动条； boby scroll=no 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示； boby scroll=auto 3、样式 1、完全隐藏 在里加入sroll=”no”，可隐藏滚动条；2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示...
2018-08-02 17:20:58
333
转载 浏览器兼容性
一、浏览器兼容性相关问题及其解决思路1、目前，各主流浏览器的新版本，对于 W3C 的标准支持很好，因此，首先保证代码符合 W3C 的标准，这是解决浏览器兼容问题的前提。 其次，对于某些支持受限的属性，针对不同的浏览器添加相应的前缀，比如-webkit-、-o-、-moz-。2、不同浏览器默认的内外边距不同的问题 解决： *{margin:0;padding:0;...
2018-08-02 17:12:36
228
原创 CSS元素继承
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、...
2018-08-02 17:03:13
254
原创 2D旋转基础样式
2D重叠旋转 #o { position: relative; top: 400px; left: 400px; } .aa{ width:300px; height:300px; position: absolute; ...
2018-08-02 16:58:39
473
原创 圆角过渡基本样式
圆角过渡 #a{ height:400px; width:400px; background-color:gray; transition-duration:3s; transition:3s; } #a:hover { border-radius:400px; width:1900px; } #b{ ...
2018-08-02 16:44:46
1327
原创 css动画基础样式
css动画的简单基础* div { width: 100px; height: 100px; position:relative; background:red; animation:myfirst 6s running line...
2018-08-02 16:36:23
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人