- 博客(29)
- 收藏
- 关注
RSS订阅原创 实例对象和构造函数的关系
1.编程思想： 抽象的一个过程----实例化一个对象（创建对象）人的构造函数 小明 20 男 吃 睡觉 玩 function Persson(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.eat = function(){ console.log("吃凉...
2022-05-29 08:10:33
431
原创 数据类型案例
一、数据类型1.JavaScript里面的数据类型?JavaScript里面的原始数据类型,number,string,Boolean,null,undefined,objectobject（对象）number,string,Boolean,null,undefined2.数字类型 (整数和小数)numbervarnum1 = 10;varnum2 = 10.33;varnum3;console.log(num1 + num2); // 20.3...
2022-05-29 08:06:19
225
原创 变量小结.
01代码书写的位置<!-- JavaScript代码写在行内 --> <inputtype="button"id="btn"value="按钮"onclick="alert('哈哈,弹出来了')"></body><script> document.getElementById("btn").onclick= function(){ alert("JavaScript代码写在script标签里面"...
2022-05-16 17:03:17
170
原创 颜色样式案例
通过颜色传达意义、表达不同的模块，这有一系列的定义方法，包括支持链接、悬停、选中等状态相关的的样式集。颜色.text-primary.text-secondary.text-success.text-danger.text-warning.text-info.text-light.text-dark.text-body.text-muted.text-white.text-black-50.text-white-50Copy<pclas.
2022-05-07 08:09:07
393
原创 文本处理案例
文本处理用于控制文本的对齐、组合、字重等示例以及使用文档。文本对齐使用文本对齐class样式类轻松地将文本重新对齐到组件。Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi.
2022-04-27 20:21:13
208
原创 Webpack模块化
Webpack模块化了解如何使用Webpack 2将Bootstrap包含在项目中。什么是 Webpack?webpack是近年来最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。开发者可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情
2022-04-27 20:11:18
677
原创 Bootstrap
关于BootstrapBootstrap是世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。在其中，你将发现高质量的HTML、CSS以及JavaScript，使您的WEB工程项目变得无比简单，包括官方的CDN和启动器服务。快速部署使用 Bootstrap CDN嵌入4行代码就能完成导入！点此这里下载离线包及源码。这是全新的Bootstrap v4.5手册，Zoomla!逐浪CMS官方团队负责维护这一项目的中文译本，如果您需要访问旧版4.0手册可以点击这里1行 CSS复制下面的.
2022-04-27 19:59:26
1875
原创 Display概念
Flex弹性布局引入新的Flex弹性布局，可以实现通过一整套响应灵活的实用程序，快速管理栅格的列、导航、组件等的布局、对齐和大小。通过进一度的定义CSS，还可以实现更复杂的展示样式。启用弹性行为使用display通用属性来创建一个flxbox容器，并将直属内部子元素转换为flex属性。 flex元素的容器和子项目可以通过额外的flex属性定义来实现进一步修改。FlexBox布局提供了包括诸多优秀特性，其中包括：在父元素里面内容的简单的垂直对齐 通过使用媒体查询，可以简单的根...
2022-04-27 19:42:19
146
原创 jQuery教案
1. jQuery概述1.1 JavaScript库仓库:可以把很多东西放到这个仓库里面。 找东西只需要到仓库里面查找到就可以了。JavaScript库:即library ,是一个封装好的特定的集合(方法和函数) .从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、 show ,比如获取元素等。简单理解:就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQu
2022-04-27 19:37:52
1046
原创 Bootstrap 4框架
1、一个简明的Bootstrap 4框架（只区分pc与手机并基于FlexBox布局）：<div class="container"><div class="row"><div class="col-sm"></div></div></div>Emment语法：div.container>div.row>div.col-sm2、一个完整的Bootstrap 4全栅格定义框架：<div class="con
2022-04-27 19:28:26
1753
原创 Bootstrap前端开发框架
1.Bootstrap前端开发框架2.1 Bootstrap简介Bootstrap来自Twitter (推特) ,是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS 和JAVASCRIPT的，它简洁灵活,使得Web开发更加快捷。框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案 ,且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。2.2 Bootstrap使用在现阶段我们还没有接触JS相关课程,所以我们只..
2022-04-27 19:04:08
249
原创 Bootstrap前端开发框架
1.Bootstrap前端开发框架2.1 Bootstrap简介Bootstrap来自Twitter (推特) ,是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS 和JAVASCRIPT的，它简洁灵活,使得Web开发更加快捷。框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案 ,且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。2.2 Bootstrap使用在现阶段我们还没有接触JS相关课程,所以我们只..
2022-04-24 08:53:17
648
原创 flex布局体验
1. flex布局体验1.1传统布局与flex布局传统布局兼容性好布局繁琐不能再移动端很好的布局.flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差局限性,IE 11或更低版本,不支持或仅部分支持建议:1.如果是PC端页面布局,我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局2. flex布局原理2.1布局原理flex是flexible Box的缩写,意为"弹性.
2022-04-24 08:44:37
125
原创 媒体查询教案
1. rem基础rem单位.rem (root em)是一个相对单位,类似于em , em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素( html )设置font size= 12px;非根元素设置width:2rem;则换成px表示就是24px。2.媒体查询2.1什么是媒体查询媒体查询( Media Query )是CSS3新语法。使用@media查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的
2022-04-24 08:11:26
116
原创 JavaScript 脚本
一、JavaScript 脚本Bootstrap 包括一些 JavaScript 帮助用户做出更加充满生机、活动的项目。欢迎学习更多关于如何去调用动态事件、灵活展示的数据和编程性的API选项等。二、单个引用或者编译插件可以单独包含（使用Bootstrap的单独js/dist/*.js），也可以使用bootstrap.js或缩小的bootstrap.min.js（不包括两者）一次性包含。如果使用bundler（Webpack，Rollup ...），则可以使用UMD就绪的/js/dist/*.
2021-11-17 08:13:31
2840
原创 Boostrap概念
关于BoostrapBootstrap是当前世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。在其中，你将发现高质量的HTML、CSS以及JavaScript，使您的WEB工程项目变得无比简单，包括官方的CDN和启动器服务。二、1行 CSS复制下面的<link>样式表粘贴到网页<head>里面，并放在其它CSS文件之前三、3行 JS全局组件运行在jQuery组件上，其中包括Popper.js, 以及系统内置 JavaScript 插件. ...
2021-11-07 14:53:00
532
原创 CSS三种引入方式、css定位、css 伪元素伪类的介绍
Css的引入方式一共有三种：行内样式、内部样式表、外部样式表行内样式通过style属性引入css样式示例：二、内部样式表在style标签里面写css样式示例：三、外部样式表Css代码保存到外部的css文件中，html文件通过link标签引用该css样式表。示例：四、规定元素的定位类型。说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对定位或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于...
2021-10-27 08:16:51
244
原创 2021-10-17
在 CSS 中，选择器是选取需设置样式的元素的模式。下面我们介绍几种常用选择器:元素选择器:通过选择html标签设置css样式示例：直接选取p标签设置文本颜色2、类选择器：通过设置class类设置css样式注意：class命名不能以数字开头示例：设置类名为change的标签中的文本颜色3、ID选择器：通过设置ID来设置css样式 注意：ID命名不能以数字开头示例：设置ID为select的标签中的文本颜色4、后代选择器：写法：div p示例...
2021-10-17 09:43:19
54
原创 CSS概念
1、盒模型分别: 内容区、边框、内边距（内填充）、外边距2、行内元素&块级元素 （1）行内元素与块级元素直观上的区别。行内元素会在一条直线上排列，都是同一行的，水平方向排列。块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。（2）块级元素可以包含行内元素和块级元素。行内元素只能包含其他行内元素和文本。（3）行内元素与块级元素属性的不同，主要是盒模型属性上。行内元素设置width无效，he...
2021-10-11 14:50:19
54
原创 2021-09-24
一、什么是 JavaScript？JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 由数行可执行计算机代码组成。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 所有的人无需购买许可证均可使用 JavaScript。二、HTML 的 <script> 标签用于把 JavaScript 插入
2021-09-24 09:32:22
45
原创 Dw小案例
新建一个文件夹，再把要做的页面截图和项目图片放进来 再新建文件夹里面，新建一个HTML的文件夹和一个css的文件夹，再新建一个js的文件夹 三、打开Dw,新建一个HTML 四、再保存到刚才新建文件夹里面 五、再新建一个css 再保存到新建文件夹里面的css为common 七、再把com...
2021-09-14 15:49:19
455
原创 Dw怎么背景图片设置
1.先找到Dw2.双击两下打开3.打开Dreamweaver CS6应用软件后，点击欢迎屏幕上的新建HTML，如下图所示。4.新建HTML页面后，点击文件--->保存，把新建的HTML保存下，不然后面做页面背景图片不行。如下图所示。5.保存好后，点击导航上的修改，如下图所示。6.然后直接点击弹出菜单里的页面属性，如下图所示。7.打开页面属性后，选择外观分类，然后点击背景图像后面的浏...
2021-09-06 14:46:14
21561
原创 安装Adobe Dreamweaver
一、打开电脑二、点击桌面三、进入本地磁盘（E）四、打开文件夹，点击Adobe.Dreamweaver.2021.v21.1.x64五、点击Setup六、再点击Set-up七、点击继续八、安装成功九、点击Dw十、看看效果...
2021-08-24 10:38:05
526
原创 QQ登录的引用小技巧
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： Axure 作者：苏莹撰写时间：2021/6/8一、打开Axure软件。二、进入页面。三、打开页面的元素库，将矩形3拉出。四、从元素库拉出文本标签，打上相应的字词，大小对齐。...
2021-06-06 19:49:18
330
3
原创 2021-05-25
乌龟布尔运算的引用小技巧~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术：PS作者：苏莹撰写时间：2021/5/28一、首先，绘制两个大圆，然后将形状置为顶层与形状区域相交。二、画两个圆合并，然后将形状置为顶层减去顶层形状，再画一个圆，合并把它减去顶层形 状，然后再画出一个矩形合并，减去顶层，在画一个小圆。三、画两个圆合并，然后将形状置为顶层减去顶层形状，再画一个圆，合并把它减去顶层形状，...
2021-05-25 16:23:01
81
原创 2021-05-18
名片的引用方法~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： PS作者：苏莹撰写时间：2021/5/8打开PS软件点击文件，鼠标左击按一个新建2、然后这里会出一个新建框3、宽度、长度、分辨率载入进去4、这就是名片矩形5、填充你选入的颜色6、先把圆角矩形画一个出来，再投入你想要的渐变色，再（CTRL+J）复制一个一样的圆...
2021-05-07 15:10:24
101
原创 2021-05-07
插画的引用小技巧~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： PS作者：苏莹撰写时间：2021/5/7打开PS软件点击文件，鼠标左击按一个新建 然后这里会出一个新建框 用一个椭圆形状画出圆形，填充你想填入的颜色4.再用钢笔形状画出你想画出的图形，再填入适当颜色5.再用钢笔形状画出适当形状，填充颜色6.下面，再...
2021-05-07 14:48:35
108
1
原创 2021-04-29
布尔运算的引用说明~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~开发工具与关键技术： PS作者：苏莹撰写时间：2020/4/28注意看红色箭头，共有7个步骤，按顺序操作下去打开PS软件点击文件，鼠标左击按一个 然后这里会出一个新建框 先绘制两个大圆合并图层，再绘制两个小圆 把两个小圆合并在一起，将形状置为顶层，减去顶层形状 将多余的部分去...
2021-04-29 09:06:57
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人