- 博客(25)
- 收藏
- 关注
原创 call()和apply()
这两个方法都是函数对象的方法,需要通过函数对象来调用,如:function fun({alert(1);})1、fn就是这个函数的函数对象2、fn()、fn.call()、fn.apply()都是调用fn函数,效果一致3、调用call()或apply()方法时可以将一个对象指定为第一个参数,如:function fn({ alert(this);})var a = {}fn.call(a);fn.apply(a);将一个对象指定为第一个参数时,this会指向
2022-05-11 16:21:10
235
原创 数据可视化
数据可视化简单理解,就是将数据转换成易于人辨识和理解的视觉表现形式,如各种2D图表、3D图表、地图、矢量图等等数据可视化解决方案Highcharts、EChart、AntV、three.js、zrender、d3、Canvas、Svg、WebGL、HTML、Chrome、Skia、OpenGLcanvascanvas是HTML5的新特性,它允许我们使用canvas元素在网页上通过js绘制图像canvas标签canvas标签只是图形容器,相当于一个画布,canvas元素本身是没有绘图能
2022-04-27 15:55:09
575
原创 Vue2---
Vue2简介一套用于构建用户界面的渐进式js框架特点1、采用组件化模式,提高代码复用率、且让代码更好维护2、声明式编码,让编码人员无需直接操作DOM,提高开发效率3、使用虚拟DOM+优秀算法Diff算法,尽量复用DOM节点安装官网:Vue.js学习——教程——安装——用<script>引入——选择开发版或生产版使用前准备<script src="../../Vue/vue.js">将文件引入后打开浏览器测试,f12中会出现两个提示
2022-03-23 19:11:54
1433
原创 Git、Gitee
版本控制版本控制是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术 实现跨区域多人协同开发 追踪和记载一个或多个文件的历史记录 组合和保护你的源代码和文档 统计工作量 并行开发、提高开发效率 跟踪记录整个软件的开发过程 减轻开发人员的负担,节省时间,同时降低人为错误 简单来说就是用于管理多人协同开发项目的技术常见的版本控制工具:1)Git2)SVN
2022-03-20 20:05:15
134
原创 ES6-ES11
简介1)ES全称ECMAScript,是脚本语言的规范,而平时经常编写的js,是es的一种实现,所以es新特性其实指的就是js的新特性2)ECMA(European Coumputer Manufacturers Association):中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准、1964年后该组织改名为Ecma国际3)ECMAScript:是由Ecma国际通过ECMA-262标准化的脚本程序设计语言ES6ES6兼容性查看ECMAScript
2022-03-19 16:46:51
1409
原创 JS高级补充
IIFE匿名函数自调用function (){ console.log(1);}//这样写会报错。因为又不给它函数名,又不调用//解决方法:匿名函数自调用(function (){ console.log(1);})()//输出1prototype每一个函数都有一个prototype属性,它默认指向一个Object空对象(即称为:原型对象)instanceof 判断左边的对象是不是右边的实例//往一个函数里面添加另一个函数function fn(){...
2022-03-18 15:08:43
913
原创 AJAX-
AJAX简介AJAX全称为Asynchronous JavaScript And XML,就是异步的JS和XML是一种在无需重新加载整个网页的情况下,能够更新部分页面内容的新方法通过ajax可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式XML简介XML:可扩展标记语言。被设计用来传输和存储数据XML和HTML类似,不同的是HTML中都是预定义标签,XML中没有预定义标签,全都是自定义标签,用来表示
2022-03-10 18:25:42
271
原创 正则表达式
在js中创建正则表达式对象1)直接量语法var regExp = /正则表达式/标记var regExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/gi2)使用内置类regExp(了解)var regExp = new RegExp('正则表达式','标记')注意: 标记是可选项:有以下值 g:全局(global) i:忽略大小写(ignorecase) gi:全局扫描,忽略大小写 方法var ..
2022-03-10 18:09:51
249
原创 jQuery
jQuery概念jQuery就是js函数库,里面有大量的js函数,我们可以使用这些函数操作dom对象,做事件、动画、ajax处理jQuery下载 进入jQuery官网:jQuery 点击下载jQuery 在jQuery中点击下载未压缩的、开发的 jQuery jQuery使用 jQuery是一个js文件,将文件引入 在官网查阅API文档,在js中调用即可 对象的分类dom对象和jQuery对象。在一个文件中同时存在两个对象dom对象:使用js
2022-03-08 15:22:30
434
原创 --本地存储
本地存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性的在本地存储大量的数据,HTML5规范提出了相关解决方案本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大、sessionStorage约5M,localStorage约20M 只能存储字符串,可以将对象JSON.stringify()编码后储存 Window.sessionStorage 生命周期为关闭浏览器
2022-03-03 13:50:18
101
原创 移动端网页特效
触屏事件概述移动端浏览器兼容性好,不需要考虑JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有常见事件触屏touch事件 说明 touchstart 手指触摸到一个DOM元素时触发 touchmove 手指在一个DOM元素上滑动时触发 touchend 手指从一个DOM元素上移开时触发 触摸事件对象(TouchEvent)touchstart、touch
2022-03-03 13:06:43
147
原创 PC端网页特效
元素偏移量offset系列概述offset翻译过来就是偏移量,我们是用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等常用属性offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素。如果父级都没有定位则返回body element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft 返回元素相对带有定位父元素做边框的偏移 element.off
2022-02-28 17:29:26
202
原创 JSAPI
简介 Web APIs 是w3c组织的标准 主要学习DOM 和 BOM 是JS独有的部分 主要学习页面交互功能 API:是一些预定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节Web API:是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)DOM文档对象模型(Document Object Model,简称DOM),是w3c组织推荐的处理可扩展标记语言(html或
2022-02-27 10:28:44
5382
原创 JavaScript
JavaScript什么是JavaScript编程类语言,是一种运行在客户端的脚本语言 客户端:自己的电脑 脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行浏览器执行JS浏览器分为两部分:渲染引擎和JS引擎渲染引擎:用来解析HTML和CSS,俗称内核,比如chrome浏览器的blink。老版本的webkitJS引擎:也称为JS解析器,用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8浏览器本身并不会执行JS代码,而是
2022-01-23 16:47:43
852
原创 BootStarp
BootStarp包含全局css样式,组件,javascript插件,定制使用BootStarp框架快速开发响应式网页企业站和内容很少的网站适合用响应式布局BootStarp是由Twitter公司开发维护的前端UI框架,它提供了大量编写好的CSS样式,允许开发者结合一定HTML结构及JavaScript,快速编写功能完善的网页及常见交互效果中文官网:https://www.bootcss.com/使用步骤: 下载:首页—BootStarp中文文档—下载BootStarp
2022-01-16 17:19:31
379
原创 VSCode扩展与插件
1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 转换为中文2. Easy less less应用
2022-01-16 15:30:09
225
原创 手机端WEB开发与拓展
手机端视口布局视口,视觉视口,理想视口理想视口需要给移动端页面添加meta视口标签<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">CSS初始化移动端css初始化推荐使用normalize.css/官网地址:http://necolas.github.i...
2022-01-15 16:20:42
368
原创 CSS3转换
CSS3转换转换(transform)是css3中具有颠覆性的特征之一,可以实现元素的位移,旋转,缩放等效果。 移动:translate 旋转:rotate 缩放:scale 2D转换 二维坐标系:2D转换是改变标签在二维平面上的位置和形状的一种技术 移动语法:transform:translate(x,y); 沿着x轴和y轴移动 translate最大的优点:不会影响其他盒子的位置 translate中的百分比单位是相对
2022-01-15 14:45:31
408
原创 HTML5 CSS3
HTML5html5新特性header:头部标签nav:导航标签article:内部标签section:定义文档某个区域aside:侧边栏标签footer:尾部标签主要针对搜索引擎使用在IE9中,需要把这些元素转换为块级元素CSS3css3新特性css3新增选择器 属性选择器:属性选择器可以根据元素特定属性来选择元素,这样就可以不用借助于类或者id选择器 类选择器,伪类选择器,属性选择器权重为10...
2022-01-11 17:12:13
153
原创 Study CSS
CSS层叠样式表如果给同一个标签设置了相同的样式,此时样式会层叠(覆盖),写在最下面的会生效作用:给页面中的HTML标签设置样式css写在style标签中,style标签一般卸载head标签里面,titel标签下面css引入方式 内嵌式:CSS写在style标签中 style标签虽然可以写在页面任意位置,但是通常约定写在head标签中 外联式:CSS写在一个单独的.css文件中 需要通过link标签在网页中引入 行内式:CSS写在标签的style属性中
2021-12-25 22:22:17
341
原创 前端 Study HTML
五大浏览器 IE 火狐 谷歌 Safari 欧朋(Opera) 渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分前段的代码是通过什么软件转换成用户眼中的界面的?通过浏览器转化(解析和渲染)成用户看到的网页每个浏览器渲染引擎不同,解析的效果会存在差异保证不同浏览器打开效果一样,就要保证Web标准web标准 HTML 结构 页面元素和内容 CSS 表现 网页元素的外观和位置等页面样式(颜色,大小等)
2021-12-23 22:38:19
592
原创 cmd-----
打开cmd的方式 开始+系统+命令提示符 win+r 输出cmd 资源管理器的地址栏前加 cmd+空格 在任意文件夹下面,shift+右键 在此处打开powershell 窗口 常用的dos命令# 盘符切换 D:# 显示当前目录下所有文件 dir# 跨盘切换 cd /d# 返回上一级 cd..# 进入文件 cd+文件名# 清理屏幕 ...
2021-12-20 22:39:27
453
原创 MARKDOWN学习
MARKDOWN学习#+空格+内容=一级标题 ##+空格+内容=二级标题 ###+空格+内容=三级标题 ####+空格+内容=四级标题 最高可以到六级标题二级标题三级标题四级标题字体Hello,world!两边加两个** 加粗 Hello,world! 两边加一个* 斜体 Hello,world! 两边加三个* 粗斜 Hello,world! 两边加两个~引用走上人生巅峰 <+字分割线三个 - 或者三个 *图片英文 !+[]+()超链接
2021-12-19 02:23:31
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人