- 博客(36)
- 收藏
- 关注
原创 js面向对象
优点:性能比面向对象高,因为类调用时需要实例化,开销比较大,比较消耗资源;比如单片机、嵌入式开发、 Linux/Unix等一般采用面向过程开发,性能是最重要的因素。优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活、更加易于维护。1.抽取对象共用的属性和行为组织(封装)成一个类(模板)缺点:没有面向对象易维护、易复用、易扩展。1.面向对象和面向过程的优缺点对比。2.对类型进行实例化,获取类的对象。缺点:性能比面向过程低。特点:封装、继承、多态。..
2022-08-29 08:40:33 201
原创 echarts
响应式: window.onresize = function() {myEcharts.resize()}js(echarts)实现历年gdp数据可视化.zip。使用itemStyle设置(样式都和css很像)
2022-08-20 20:11:00 212
原创 bootstrap
container:居中显示 栅格系统一行是12列案例:二、按钮和按钮组1.按钮(所以按钮都基于btn)btn-primary:主要按钮btn-secondary:次要按钮btn-success:成功btn-info:信息btn-warning:警告btn-danger:危险btn-dark:黑色btn-light:浅色btn-link:链接btn-block:块级按钮disabled:禁用注:超链接按钮设置禁用状态,直接设置其disabled属性是不起作用的,需要添加类
2022-08-18 20:38:44 558
原创 ajax中axios使用方法及跨域请求
1.get(和在jQuery中的方法类似)效果如下: 2.使用post(简单表单验证)服务器代码:二、封装一个自己的Ajax 自己封装也是要按照那4步骤写只不过就是把他们封装到一个函数里面js代码:三、跨域请求简介:浏览器均默认开启了同源策略,它指Ajax请求所在的页面和被请求的页面在域名、端口均相同才能被访问,否则会提示如下错误1.JSONP解决方案和CROS解决方案JSONP解决方案(JSONP 不是真正的AJAX请求,是利用script的src可可以跨域的特性,动态
2022-08-16 17:09:07 420
原创 jq事件绑定
效果: 效果: keydown是在键盘按下就会触发,keyup是在键盘松手就会触发案例:(点击A、B、C、D变颜色并且点击上下左右建会移动)
2022-08-13 18:37:25 653
原创 jq兄弟选择器及节点
3、appendTo()方法的作用是把所有匹配的元素追加到另一个指定的元素集合中。1、append()方法的作用是向每一个匹配的元素内部追加内容。4、after()方法的作用是在每个匹配的元素之后插入内容。5、before()方法的作用是在每个匹配的元素之前插入内容。功能描述:获得集合中每个匹配元素的所有前面的兄弟元素,选择性筛选的选择器。功能描述:获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。6、empty()方法的作用是删除匹配的元素集合中所有的子节点。...
2022-08-12 20:42:32 2401
原创 JS轮播图,鼠标放上暂停,自动播放
难点:点击第一张图片,我们想要的效果是鼠标移出后,图片轮播到第二张图片,到事实是轮播到第三张图片。2、鼠标移入事件:onmouseenter/onmouseover;鼠标移出事件:onmouseleave/onmouseout;知识点:1、定时器:setInterval();2、鼠标移入,轮播停止;1、图片能够自动轮播,...
2022-08-09 16:50:26 3708
原创 JS基础事件
element.removeEventListener("click",logText) //logText为函数名。console.log("改变实时触发 ")console.log("outer捕获")console.log("按键抬起")console.log("获取焦点")console.log("失去焦点")console.log("改变触发")console.log("触摸开始")console.log("触摸移动")console.log("触摸结束")...
2022-08-08 17:26:28 418
原创 js作用域、DOM和属性操作
在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的"“"浏览器大战",双方为了在JavaScript与Script一决生死,于是大规模的赋予浏览器强大的功能。局部作用域:全局作用域中有划分出的小范围作用域,函数内部可以创建局部作用域,到目前为止,也只有函数内部可以创建局部变量。全员作用域:整个页面,只有当前页面关闭时,全员作用域才会失效。...
2022-08-07 18:22:16 83
原创 js数组的基础函数及冒泡排序
它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。这个算法的名字由来是因为越小的元素会经由交换慢慢"浮"到数列的顶端。作为最简单的排序算法之一,冒泡排序给我的感觉就像 Abandon 在单词书里出现的感觉一样,每次都在第一页第一位,所以最熟悉。对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。pop():删除并返回数组中的最后-一个元素。针对所有的元素重复以上的步骤,除了最后一个。...
2022-08-04 17:21:19 133
原创 JavaScript字符串
/ text2 是被转换为大写的 text1。// text2 是被转换为小写的 text1。方法向后进行检索(从尾到头),这意味着:假如第二个参数是 50,则从位置 50 开始检索,直到字符串的起点。// 不产生错误,但不会工作。...
2022-08-02 17:18:16 61
原创 JavaScript 日期
JavaScript 将日期存储为自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数。日期方法允许您使用本地时间或 UTC(通用或 GMT)时间来获取和设置日期对象的年、月、日、小时、分钟、秒和毫秒。获取方法用于获取日期的某个部分(来自日期对象的信息)。现在的时间是:1970 年 1 月 1 日之后的 1554166879383 毫秒。零时间是 1970 年 1 月 1 日 00:00:00 UTC。方法将日期转换为 UTC 字符串(一种日期显示标准)。...
2022-08-02 17:11:29 539
原创 web前端项目总结
加CSS来写的,不是用之前的表格来写的,足以见得CSS的重要性。CSS的学习还有个地方就是浮动,因为存在块元素和行辈元素,块元素因为其本身特性,一个块元素标记他要占用一整行的空间,而一个行内元素他只能占用行内的一些空间,但是在实际操作中,很多时候我们却要想将多个块元素排在同一行,或者将多个行内元素排在不同行,这时候就可以使用浮动的方法来实现,浮动最主要做的就是这个,唯一要记住的一点就是做了浮动之后,如果他的父元素是没有进行匡高的设定的话,是不是要进行清除浮动,防止下面的操作也是有浮动的。...
2022-08-01 09:03:38 446
原创 Sass混合器及运算符
mixin指令允许我们定义一个可以在整个样式表中重复使用的样式。Sass@mixin语法@mixinname{propertyvalue;propertyvalue;...}@include指令可以将混入(mixin)引入到文档中。Sass@include混入语法selector{mixin-name;}以上就是今天要讲的内容。...
2022-07-25 16:47:26 198
原创 SASS简单使用
Sass 是一个 CSS 预处理器。 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。SASS中定义变量的格式 $变量值=值SASS中导入另外一个SASS文件@import “”, “”, “”SASS嵌套规则:把属性名从中划线的地方断开,在根据属性后面添加yg 冒号,如何紧跟一个{ }块把子属性部分写在这个{ }块中,就像CSS选择器嵌套一样,SASS会把你的子属下解开把根属性和子属性部分通过中划线连接起来以上就是今天要讲的内容,本文仅仅简单介绍了SASS的使用。...
2022-07-23 19:07:46 1653
原创 CSS动画中心环绕
好好看,好好学一、简单用法根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。rotate(),在一个给定度数顺时针旋转的元素。负值是允许的,这样是元素逆时针旋转。scale(),以上就是今天要讲的内容.https。...
2022-07-22 18:08:19 1799
原创 运用css设计简单3D魔方
本文介绍了css简单魔方样式的基础内容。一、对于3D的理解图二、使用步骤*{margin0;padding0;}html{width100%;height100%;}body{width100%;height100%;displayflex;center;center;}section{width150px;height150px;positionrelative;animation}
2022-07-22 17:59:07 264
原创 CSS文本隐藏
本文介绍了css文本隐藏的基础内容。一、css文本基本样式设置不换行nowrap;将溢出文字进行隐藏overflowhidden;改成省略号ellipsis;控制显示行数2;二、例子p{width400px;height200px;/*设置不换行*/nowrap;*/border/*将溢出文字进行隐藏*/overflowhidden;/*改成省略号*/ellipsis;/*控制显示行数*/overflow总结。...
2022-07-22 17:45:22 1243
原创 css盒子圆角、阴影和背景
分为四种类型1.四个值左上右上右下左下2.三个值左上右上和左下右下3.两个值4.一个值以椭圆为基础的圆角x半径/y半径;.div1{width100px;height100px;border/*四个值左上右上右下左下*/*//*三个值左上右上和左下右下*/*//*两个值*/20px30px;*//*以椭圆为基础的圆角,border-radiusx半径/y半斤;*/30px/60px;}...
2022-07-21 18:30:37 272
原创 CSS动画
今天简单了解一下css动画一、css动画是什么?CSS中的动画类似于flash中的逐帧动画,表现细腻并且非常灵活,使用CSS中的动画可以取代许多网页中的动态图像、Flash动画或者JavaScript实现的特殊效果。二、使用步骤1.主要样式指定动画名称动画持续时间动画填充模式forwards;/*forwards把动画停在最后一个*/动画延迟时间animation-delay/*当值为负数时动画已经开始了多长时间*/2.读入数据...
2022-07-21 17:01:36 4659
原创 Svg颜色渐变和阴影
feBlend与图像相结合的滤镜用于彩色滤光片转换模糊滤镜feMerge多滤镜叠加滤镜可用来定义SVG的线性渐变,主要是定义方向和颜色。可用来定义SVG的径向渐变,主要是定义方向和颜色。当y1和y2相等,而x1和x2不同时,可创建水平渐变当x1和x2相等,而y1和y2不同时,可创建垂直渐变当x1和x2不同,且y1和y2不同时,可创建角形渐变...
2022-07-18 16:34:20 2341 2
原创 SVG动画效果
随着人工智能的不断发展,web这门技术也越来越重要,很多人都开启了学习web学习,本文就介绍了webSVG学习的基础内容。努力学习。
2022-07-16 17:21:54 778 1
原创 canvas 渐变
canvas设置渐变线条渐变径向/圆渐变文本渐变.font="大小,字体".fillText()基本方法就这样,挺简单的。
2022-07-16 16:51:18 1752 2
原创 【无标题】学好canvas只需要一篇文章
canvas是一个可自定义width、height的矩形画布,画布左上角为坐标原点,以像素为单位,水平向右为x轴,垂直向下为y轴,画布内所有元素的位置基于原点进行定位。就是找好坐标,一切问题迎刃而解!!!httpshttpshttpshttpshttpshttpshttpshttpshttps。...
2022-07-15 17:27:50 214 1
原创 表格css样式 ——表格背景,隔行变色,触摸表格变色
我来给大家讲解一下代码如下(示例):首先:先写一个表格 序号 商品名称 单价/元 数量 商品名称 单价/元 ...
2022-07-14 11:16:01 2320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人