字符串&数组&对象方法
字符串(string)一、总汇12345678910charAt() 获取相应位置的字符charCodeAt() 指定位置字符 的 Unicode 编码indexOf() 从字符串开头查找返回字符在字符串中的位置lastIndexOf() 从字符串结尾查找返回字符在字符串中的位置concat() 连接字符串slice() 提取字符串的某个部分substr() 截取字符串toUpperCase() 字符串转大写toLowerCase() 字符串转小写trim() 去除字符串两侧空格
二、增
concat():可以传任何个数的参数,用于字符串的拼接,返回连接后的字符串,而原字符串不受影响123var str1 = '你好',str2 = 'hello';str1 = str1.concat(str2); // 你好helloconsole.log(str1.concat(' world')); // 你好hello world
+号12var str1 = ...
jQuery使用
jQuery为什么要学 jQuery究其原因是因为原生 js 在进行 dom 操作时代码量多而且容错性差,不够简练。那么 jQuery 就是为了解决这些问题而出现的。
jQuery 是什么jQuery 是一个快速、简洁的 JavaScript 框架。jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。在此阶段,我们主要介绍如何来使用 jQuery 操作 DOM,其实就是学习 jQuery 封装好的那些功能方法,这些方法叫做 API(Application Programming Interface 应用程序编程接口)。
jQuery 的引入
下载到本地
获取源文件
引入页面
1234// 先下载jQuery源文件// 引入// 同时注意引用顺序,引入之后才能使用,否则会报错 $ is not defined<script src="jquery-3.6.0.m ...
PicGo+码云生成图床
一、PicGo图床
安装PicGo
官网下载 https://github.com/Molunerfinn/PicGo/releases
windos系统的选择下载这个,然后直接安装打开就可以了
PicGo主界面
二、安装gitee插件
点击插件设置,然后在搜索框中输入gitee,会有两个结果,安装第二个即可。
三、gitee做图床
创建gitee账号:https://gitee.com/
右上角+号新建仓库
仓库信息 仓库名用 images 即可
获取私人令牌 点击右上角个人头像–> 左侧安全设置–>私人令牌–>生成新令牌
!!!记得把生成好的令牌复制保存好,只会生成一次
四、配置PicGo
图床设置–>gitee
123456repo: 用户名/仓库名称branch: 分支 这里写mastertoken: 码云的私人令牌(下文有获取方式)path: 路径,一般写imagescustomPath: 默认不用填customPath: 不用写
五、上传图片
配置完成后就可以上传图片了
js三大家族
offset 家族offsetWidth/Height: 元素自身的 width/Height + padding + border
offsetParent: 找到离自己最近的带有定位的父元素,如果没有就返回body,如果元素是固定定位返回 null
offsetLeft/Top: 返回元素距离它的offsetParent 内容区的上左边距(从自己的边框到父盒子padding的距离 不算父盒子的边框)
event 事件对象兼容写法: var e = e || window.event鼠标:
pageX/Y: 鼠标相对于页面的上左边距
clientX/Y: 鼠标相对于当前网页可见区域的上左边距
offsetX/Y: 鼠标相对于触发事件的元素的上左边距
screenX/Y: 鼠标相对于该屏幕的上左边距
元素:
触发事件的元素: event.target
绑定事件的元素: event.currentTarget (和事件中的this一致)
阻止冒泡:
event.stopPropagation()
阻止默认事件:
event.preventDefault()
scro ...
css3
CSS3CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
浏览器内核以及其前缀CSS标准中各个属性都要经历从草案到推荐的过程,css3中的属性进展都不一样,浏览器厂商在标准尚未明确情况下提前支持会有风险,浏览器厂商对新属性的支持情况也不同,所以会加厂商前缀加以区分。如果某个属性已经从草案变为了或接近推荐方案,并且厂商已经完全实现了推荐属性,那就不用加厂商前缀。如border-radius已经很成熟,不用加前缀。
什么是浏览器内核所谓浏览器内核就是指浏览器最重要或者说核心的部分”Rendering Engine”,译为”渲染引擎”。负责对网页语法的解析,比如HTML、JavaScript,并渲染到网页上。所以浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定这浏览器如何显示页面的内容和页面的格式信息。不同的浏览器内核对语法的解释也不相同,因此同一的网页在不同内核的浏览器显示的效果也会有差异。这也就是网页编写者在不同内核的浏览器中 ...