- 博客(33)
- 收藏
- 关注
RSS订阅原创 关于webpack
webpack是一个现代JavaScript应用程序的静态模块打包器，当webpack处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle。
2022-08-27 09:04:26
527
1
原创 react生命周期详解
在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。只有 class 组件才有生命周期，因为 class 组件会创建对应的实例，而函数组件不会。组件实例从被创建到被销毁的过程称为。由 class 组件创建的实例具有生命周期，它的 render 函数在 render 阶段执行，并在此阶段进行 DOM 节点的 diff（diff 算法就是在此阶段进行的），找出需要改变的 DOM 操作。...
2022-08-18 17:13:15
1529
原创 react入门
React是Facebook研发的一款前端框架(MVC框架：侧重于view层操作)，目前在行业内广泛使用。这样的操作有好处，也有弊端，麻烦的是，开发中我们需要不断的安装各种组件，而且react独有的jsx语法是不能直接的被浏览器解析的，我们在编写程序过程中使用的es6/less等待都需要进行编译处理...此时我们非常期待有一款自动化部署工具，可以帮助我们自动完成这些编译的操作，webpack就是目前项目中非常常用的自动化部署平台，我们在搭建项目之前，还需要自己配置webpack。...
2022-08-17 16:31:59
129
原创 Vue中的组件传参与生命周期
一.定义与使用01导入02注册components03使用二.父传子使用props父传给子的数组是只读的(做默认值,读取显示)不能进行修改App.vue文件中num="10">CounterCom.vue组件中//01接收参数并定义默认值props{"num"{type1}}//02使用参数numdata(){this.num}}三.子传父使用的事件$emit。...
2022-07-27 20:21:56
356
原创 cmd命令与npm命令
1）启动cmd用户启动，Winr输入cmd，Enter管理员启动，Winr输入cmd，CtrlShiftEnter打开cmd，右击窗口点击属性，可以为cmd命令窗口设置文字与背景样式（2）文件夹命令1.cmd命令为什么vue脚手架安装插件包安装插件管理都需要cmd命令2.进入win键+R打开运行窗口cmd进入cmd控制台3.切换盘符盘符c切换到c盘d切换到d盘4.目录代表符号/代表根目录。...
2022-07-25 19:33:45
1409
原创 Vue入门
elVue语法与JavaScript一样写在script中，通过id选择器绑定DOM，在Vue中，只需要在el中对DOM的id进行挂载，可以简单的理解为钩子，el通过id="app"的特征钩住了中的所有内容，这样我们就可以在Vue中实现对DOM中的操作.dataVue中的data用于声明我们所要使用的数据，这样操作有利于我们在维护或者操作文档的时候能够更容易的清晰某一板块所需要修改的数据，并且不需要直接对DOM进行操作，此时的数据与DOM是双向绑定的，当我们对data中所声明的数据进行修改时，DO...
2022-06-27 19:09:57
185
原创 jQuery中的事件和动画
事件绑定 bind()bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数$("p").bind("click",function(){ alert("这个段落被点击了。");});第一个参数表示要绑定的事件，多个事件中间用空格隔开 第二个参数是需要执行的函数绑定多个事件$(".head").bind({ mouseover:function(){ $(this).next().slideDown() }, mouseout:fun
2022-05-16 22:40:39
114
原创 js中的正则运算
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示：var re = /ab+c/;脚本加载后，正则表达式字面量就会被编译。当正则表达式保持不变时，使用此方法可获得更好的性能。或者调用RegExp对象的构造函数，如
2022-05-09 20:51:53
570
原创 JavaScript|DOM初步
引言DOM全称是：Document Object Model(文档对象模型)是浏览器提供给JavaScript使用的操作HTML和CSS的接口。js通过DOM操作HTML和CSS。DOM不是一个新的语言，本质上他就是给js提供一些新的对象和方法而已。js、DOM、HTML和CSS的关系是(如一座敲梁一般)：DOM节点HTML元素的方法如果要操作某个HTML元素，首先要得到这个标签。通俗地说，就是把HTML标签"拿到"JavaScript里面来.DOM提供了几个非常实用的得到元素的方法
2022-04-24 22:22:10
1501
原创 javascript 中的数组
一.数组数组是可以在内存中连续存储多个元素的结构数组的下标索引从0开始.通过length可获取数组的总长度。数组的上下界 [0 , myarr.length-1]二.创建数组使用数组之前首先要创建，而且需要把数组本身赋至一个变量var myarray（保存数组的变量）=new Array（元素1，元素2，.......）//创建一个新的空数组字面量数组 var myarr=[数值1，数值2]; //直接输入一个数组三.遍历数组遍历数组使用for ...
2022-04-14 22:04:50
874
原创 js中的字符串对象⑴
一。创建String对象var str = new String();var str = new String(); alert(str);//输出空字符串 str = new String("some string here"); alert(str);//输出字符串"some string here" //表面上看,这和直接创建的字符串是一样的效果 str = "some string here"; alert(str);二.length ...
2022-04-11 20:43:19
288
原创 js中的函数
一.为什么需要函数1，如何希望点击某个按钮后才显示“HelloWorld”，并能输入显示的次数，怎么办2，点击按钮，循环输出5次“hello world”，该如何输出呢？？3，有一个加法运算的方法，a.html,b.html,c.html等都需要完成同样方法，该怎么办呢？函数特点：封装代码，代码的重用性强！什么是函数在程序设计中，可以将一段经常使用的代码“封装”起来，在需要时直接调用，这种“封装”就是函数。函数：为完成某一功能的程序指令(语句)的集合。执行特定任务的语句块。.
2022-04-06 21:24:47
1938
原创 javascript简介与嵌入方式、其他事件、注释方式、变量、运算符
一.javascript简介为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript成为全球标准，几个公司联合ECMA（European Computer Manufacturers Association）组织定制了JavaScript语言的标准，被称为
2022-03-28 21:07:24
560
原创 css中的弹性布局
弹性布局Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。 它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 Flex 布局。display : flex; display : -webkit-flex;display: i
2022-03-23 18:58:03
259
原创 html移动端
CSS3新增样式 column-count : 3; 列数column-width : 100px; 列宽column-gap : 2em; 列间距column-rule : 2px #f00 outset 列样式Columns:100px 4; 列宽 列数媒体查询@media screen and (max-width:800px){ }@media screen and (min-width:800px){ }响应式布局 例：bootsript中文网自适应...
2022-03-21 22:07:18
301
原创 css3中文字与字体相关样式与背景和边框相关样式
一.颜色 (Color)透明度：opacity: 0.1;opacity: 0.5;opacity: 0.9;filter:alpha(opacity=50)RGBA：color: rgba(255, 0, 0, 0.6);注意: RGBA是在RGB的基础上多了控制alpha透明度的参数。二.文本的阴影text-shadow: h-shadow(必需。水平阴影的位置。允许负值) v-shadow(必需。垂直阴影的位置。允许负值) blur(可选。模糊的距离) ...
2022-03-16 21:25:15
431
原创 Html5简介,语义化标签,新增结构标签,表单,多媒体
一.HTML5简介HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。二.语义化标签三.新增结构标签1.<details>关于文档的细节：目前只有 Chrome 和 Safari 6 支持 <details> 标签。<details><s
2022-03-14 20:46:01
98
原创 css的中关于定位
定义.position 属性规定元素的定位类型。语法.值 说明 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的
2022-03-10 21:28:37
46
原创 css中图片背景以及URL的介绍以及什么是css精灵
一.图片背景background-image定义背景图片,可定义多背景background-repeat定义背景图片的显示方式repeat，图片重复 垂直水平都重复repeat-x，图片横向重复repeat-y，图片纵向重复no-repeat，图片不重复注:添加多张图片时,图片的显示顺序按照图片先后引入的顺序.URL-统一资源定位器background-position定义背景图片的位置直接使用两个定位单词，例:background-position(位.
2022-03-07 20:53:12
2367
原创 CSS中的边框与内边距外边距
边框的三个方面(webkit、firefox和ie) border-width,边框的宽度 border-color,边框的颜色 border-style,边框的样式（border-style:dotted(点状线)、solid(实线)、double 双线、dashed(虚线);groove 立体线; ） 边框的综合定义分开单独设置，例：border-width:1px; border-color:#00f; border-style:solid;使用综合属性例：b...
2022-03-05 17:34:20
1691
原创 css的盒子
盒子模型标准盒模型 w3c标准盒盒子大小=width+padding(内边距)+border(外边距) padding:值 四周的内边距一样 padding:10px 20px;值一是上下内边距 值2是左右内边距padding:10px 20px 30px 值1是上内边距 值2是左右内边距 值3是下内边距padding:10px 20px 30px 40px 值1是上内边距 值2是有内边距 值3是下内边距 值4是左内边距 上右下左 顺时针方向w...
2022-03-03 20:42:16
177
原创 HTML中src与href的区别；link与@import的区别
一.src与hrefsrc用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。<script src ="js.js"></script>当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标
2022-03-02 21:47:23
328
原创 css第一节
html用来搭建网站基本骨架 结构层css 用来修饰你的网页 表现层javascript 脚本 行为层css语法css样式属性名:属性值CSS:层叠样式表（Cascading Style Sheets）优点:使HTML专注于网页的内容，CSS专注于网页的表现提供了丰富的格式化功能可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式CSS与浏览器:并不是所有的CSS的样式都被浏览器支持不同的浏览器对CSS的实...
2022-03-02 17:43:56
400
原创 HTML5中表单与表格的总结
一.<button> 标签用于定义一个按钮。使用 input 元素也可以设置成按钮的样式，但是在 button 元素的内部，你可以放置文本或图像，而 input 元素则不行。请始终位 button 元素设置 type 属性，因为不同的浏览器为其指定的默认值可能不同。autofocus autofocus 指定当页面加载的时候，按钮将获得焦点。 disabled disabled 禁用按钮. form form_id 指定按钮所关联的.
2022-03-01 17:01:35
565
1
原创 第五天，表单的深入了解
表单标签1 input各种输入控件, 单行文本框, 按钮, 单选框, 复选框1、文本框<input type="text"> 12、密码框<input type="password"> 1很多网站都有密码不显示功能，忘记密码可以通过开发者工具选中密码栏改成text就没问题了。3、单选框 （多个选一个）<input type="radio" name="gender"> 男<input type="radio" ...
2022-02-28 22:24:39
168
原创 第四天,表格与表单
表格的基本结构:1.<table></table> border(代表表格边框)=”0” cellspcing(单元格与单元格之间的距离)=”0”定义表格的基本框架:2.<tr></tr>定义表格的行:3.<td></td>定义表格中行内的单元格:4.<th></th>定义表格中行内的单元格(标题),自动将文本加粗,居中对齐cellpaddin=”0”字跟四周单元格距离ce
2022-02-25 21:42:43
344
原创 第三天,认识HTML内的元素
border-color 改变线的颜色块元素:< p ></p>< div ></div>;<ol></ol>;<ul></ul>;<h1~h6></h1~h6>;<hr><hr>内联元素:<em></em><i></i>;<strong></strong>.
2022-02-24 21:13:50
236
原创 第二天,html的几个字符
代码缩进按tab键或者4个空格<P>元素里面不能放块元素width 宽度height 高度title(属性)这是一个鼠标放的文本或图片上的一个提示文本在浏览器中默认1em=16像素weight 指字体的粗细<h1~h6>共同点:都加粗,都是块元素 不同点:字号依次减小<br>单标记标签,用于段落内部换行,(该标记是自我闭合标记)<hr>单标记标签,可以直接加宽.高,网页的水平线,默认居中对齐align...
2022-02-23 21:18:51
236
原创 什么是HTML
HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL），实际上就是下载、解析和显
2022-02-22 20:11:16
344
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人