- 博客(123)
- 收藏
- 关注
RSS订阅原创 JSX基础
概念：JSX是 JavaScript XML（HTML）的缩写，表示在 JS 代码中书写 HTML 结构作用：在React中创建HTML结构（页面UI结构）
2023-08-29 14:08:29
257
原创 React项目搭建
• npx 命令会帮助我们临时安装create-react-app包，然后初始化项目完成之后会自自动删掉，所以不需要全局安装create-react-app。• npx create-react-app 是固定命令，create-react-app是React脚手架的名称。• 创建index.js文件作为项目的入口文件，在这个文件中书写react代码即可。• 删除src目录下自带的所有文件，只保留app.js根组件和index.js。• react-basic表示项目名称，可以自定义，保持语义化。
2023-08-29 13:57:34
219
原创 第2节：新的声明方式
第2节：新的声明方式1，以前只有一种声明方式var，ES6对声明进行了扩展，现在有三种声明方式。 首先从字面理解： ①var：variable的简写，可以理解成变量的意思 ②let：英文中是“让”的意思，也可以理解为一种声明的意思 ③const：英文中也是常量的意思，在ES6也是用来声明常量的，常量你可以简单理解为不变的量2，var声明 var在ES6里是用来审计全局变量的，做一...
2018-05-17 17:33:25
336
原创 第1节：ES6的开发环境搭建
第1节：ES6的开发环境搭建1，建立html文件 2，引用js文件，注意是dist目录下的文件 3，编写js文件，很简单，作一个a变量的声明，并用console打印出来let a = 1;console.log(a);let是ES6的一种声明方式，接下来把这个ES6的语法文件自动编程成ES5的语法文件。4，初始化项目：在安装Babel之前，需要npm init -y命令来初始...
2018-05-17 16:34:38
304
原创 webpack-服务和热更新
今天来分享一招，看标题，热更新，其实就是即写即现，当然如果你用的是双屏电脑这样更便于开发，就能及时看到你所要的效果。设置webpack-dev-server 在设置webpack-dev-server前要npm install webpack-dev-server ––save-dev下载，然后配置devServer，简单的配置devServer只有四项。如下代码： /webpack.co...
2018-02-08 10:10:41
935
原创 webpack-配置文件：入口/出口
配置文件webpack.config.js webpack.config.js就是Webpack的配置文件，这个文件需要自己在项目根目录下手动建立。建立好后我们对其进行配置，下面的代码是webpack.config.js的没有内容的基本结构。 webpack.config.jsmodule.exports={ //入口文件的配置项 entry:{}, //出口文
2018-02-07 17:59:00
1265
原创 webpack-demo
首先建立基本项目结构 在上一篇博客写到项目目录安装前有个初始化，npm init，生成后npm终端会显示一长串的问答，其中就有项目名，依据自己填写的项目名，打开开发者工具，在文件夹下建立dis文件夹和src文件夹。dist文件夹：用来存放供浏览器读取的文件，这个是webpack打包成的文件。src文件夹：用来存放我们编写的javascript代码，可以简单的理解为用JavaScript编
2018-02-07 16:54:54
334
原创 webpack-安装
我也是今天开始刚学，之后我会把我所学的每一点知识点放到我的博客，有兴趣的朋友可以看看，也可以把问题和我没有发布在上面的知识点写在评论中告诉我，大家一起学习钻研进步。首先先从安装webpack开始吧。安装方法 用win+R打开cmd命令窗，然后到你项目想要开始的地方，输入下方代码。 mkdir webpack_demo //建立一个文件夹 cd webpack_demo //
2018-02-07 13:25:09
2471
转载 Vue组件介绍
组件简介组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。本文的Demo和源代码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！（所有示例都放在GitHu
2017-12-15 19:06:17
301
转载 微信开发者工具下载地址
度娘广告太多了，直接上官方的 2017.1.4版本https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714无版本号下载页面 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
2017-12-15 18:12:46
8303
转载 AJAX中遇到的问题
1.POST数据出现4开头错误,这些都是客户端错误415：Unsupported Media Type 对于当前请求的方法和所请求的资源，请求中提交的实体并不是服务器中所支持的格式，因此请求被拒绝。 解决：$$.ajax({ contentType: 'application/json;chartset=UTF-8';//设置请求内容类型})400：Bad Request。前端请求的格
2017-12-04 21:33:37
799
转载 H5-如何阻止事件冒泡和默认事件
如何阻止事件冒泡和默认事件阻止事件冒泡:function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble = true } return false 阻止默认冒泡:function
2017-10-31 15:21:39
3884
1
转载 H5-&&的使用
H5面试题—&&的使用 <style type="text/css"> .embody{ padding:10px 10px 10px; margin:0 -20px; border-bo
2017-10-31 15:13:22
1625
原创 H5-HTTP状态码知道哪些？
HTTP状态码知道哪些？100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求，但尚未处理 301 Moved Permanently 请求的网页已永久移
2017-10-31 15:07:16
882
原创 H5-new操作符具体干了什么呢?
new操作符具体干了什么呢?（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 （2）属性和方法被加入到 this 引用的对象中。 （3）新创建的对象由 this 所引用，并且最后隐式的返回 this 。
2017-10-31 15:04:32
1500
转载 null和undefined的区别？
null和undefined的区别？null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值，转为数值时为NaN。 undefined： （1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （3）对象没有赋值的属性，该属性的值为undefined。 （4）函数没有返回值时
2017-10-31 15:02:42
371
转载 Label的作用是什么？是怎么用的？
Label的作用是什么？是怎么用的？ label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。<label for="Name">Number:</label><input type=“text“name="Name" id="Name"/><label>Date:<input type="text" name="B"/></label>
2017-10-31 15:01:51
958
转载 H5-Doctype作用
Doctype作用1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。 3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2017-10-31 15:00:37
812
原创 display:none和visibility:hidden的区别
display:none和visibility:hidden的区别display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢， 就当他从来不存在。 visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。
2017-10-31 14:51:21
390
原创 Vue.js框架
1 vue介绍1.1读音Vue.js (读音 /vjuː/，类似于 view) 1.2vue是什么它是一个框架，就是一片html代码配合json，在new一个对象（实例）。 通过vue框架，开发者可以不用js去操作dom元素。比如：一个按钮的显示或隐藏 之前做法：获取这个元素，然后设置该元素的style属性的display vue：只需要给new出来一个对象设置一个布尔值就可以搞定。让那个开发
2017-10-16 13:31:42
1767
原创 在dos中的常用命令
按下win+R键输入cmd进入dos环境中： dos中最常用的命令 cd 改变当前目录 sys 制作DOS系统盘 copy 拷贝文件 del 删除文件 deltree 删除目录树 dir 列文件名 diskcopy 制磁盘 edit 文本编辑 format 格式化磁盘
2017-10-16 11:30:11
1283
原创 PHP基础知识点
1 php基础知识1.1基本内容PHP是一种运行在服务器端的脚本语言。 是用来做动态页面的。 与它相似的： ASP，.net开发，使用c#； JSP，javaweb，使用java语言PHP特点：开发快；乱1.2配置环境安装好wamp(windows apache mysql php)集成环境后，要想访问需要将访问权限打开。需要修改apache下面的httpd.conf文件（单机wamp服务选
2017-10-16 09:40:27
1068
原创 MySQL数据库
1数据库基础知识1.1基本概念数据库：多个存在一定联系的关系表的集合。 关系表：一个二维的关系型数据的集合 记录：关系表中的一行数据，代表一个完整的信息，比如“梁艳丽”的信息就是一条记录。 字段：关系表中的列，其包括字段名、字段类型等属性。比如“手机号码”等字段，它的类型是字符串。 1.2为什么需要用数据库用户也可以使用文件来存储和组织数据，比如文本文件、Excel工作簿等。但是对于它的操作
2017-10-09 10:12:14
1104
转载 HTML5触摸事件(touchstart、touchmove和touchend)
HTML5触摸事件(touchstart、touchmove和touchend) <div class="article_manage clearfix"> <div class="article_r"> <span class="link_postdate">2014-11-20 16:18</span>
2017-09-27 10:26:45
1079
原创 Bootstrap-frame
Bootstrap基础知识=============1.1基本概念bootstrap是什么？bootstrap是一个HTML、CSS和JavsScript的一个前端框架，应用非常广泛。用于响应式、移动设备优先的web项目。1.2 安装这里也就不做多解释了。1.3 基本模板由于bootstrap是基于jQuery，所以在引用bootstrap.js之前一定要先引用jQuery.js2 B
2017-09-21 11:05:58
2673
原创 HTML5 Web 存储
HTML5 Web 存储（1）cookie： 特点：通过键值对的形式存储数据 在本地浏览器上存储数据 有效期：未来的时间（expires） 存储数据的容量：<4kB 所有的http请求都会带上cookie信息。（联想http的get请求的可以传送的数据容量），从某种意义上来说，用cookie存储不是那么的安全。 （2）localStorage2.1用法2.1.1.保存数据localSto
2017-09-11 20:53:07
991
原创 HTML5拖放
HTML5拖放1.被拖动元素设置为可被拖放draggable = ‘true’<div class="drag" id="drap1" draggable="true" ondragstart="drag(event)">drag</div>2.规定当被拖元素被拖动时会发生的事件ondragstart = drag(event){ }//执行这个函数//拖动什么function drag(even
2017-09-11 20:43:23
873
原创 H5增强的页面元素
增强的页面元素1、details元素和summary元素details：语义：详情 summary语义：概要，简要 details元素可以实现类似显示/隐藏的功能，summary用于显示details的标题或者简介。 注意：（1）如果details下没有summary元素，浏览器会自动添加，同时内容是“详细信息”。 （2）details默认是关闭状态的，我们可以通过设置open属性让它打开。
2017-09-11 20:31:05
1220
原创 css3动画以及过渡
CSS3过渡特点： （1）本质上是一帧动画，一帧结束后，就没有然后了….. （2）过渡的效果的实现，必须要通过用户的行为，可能触发 行为：hover，focus，click，JS代码。1、transition的属性transition-property:指定元素的过渡属性 transition-duration: 规定了过渡的时间 transition-timing-function: 规定
2017-09-11 20:18:51
1071
原创 CSS3二维变形
CSS3二维变形特点：所有的二维变形（转化），都是刷的一下就过去了，没有任何的过渡效果。1、Transform转换属性transform2、Transform 方法（1）偏移：translate(x,y)X表示水平方向的移动，y表示竖直方向的移动。负值表示往反方向移动。 transform: translate(890px,200px);//偏移 使用该方法，可以实现 元素的 水平和垂直方向的居
2017-09-11 20:13:14
1005
原创 css3一些美观的功能属性
CSS3圆角优点: 一、减少网站的维护量 二、提高网站的性能，少了对图片的HTTP请求，网页载入速度加快 三、增加视觉美观性 属性： （1）border-radius<style> #div1{ width: 200px; height: 50px; border: 2px solid red;
2017-09-11 20:09:51
1091
原创 CSS3选择器
CSS3选择器1.1属性选择器E[attr ^= “value”]指定属性名,找以value开头的属性; E[attr $= “value”]指定属性名,找以value结尾的属性; E[attr *= “value”]指定属性名,找包含value的属性值;<style> /*div[id^="product"]{*/ /*color: yellow;*/
2017-09-11 19:58:48
918
原创 swiper轮播
swiper轮播首先下载swiper需要用到的js和css文件用来引用 以下是一些属性：direction：方向，两个属性值 vertical：垂直的，切换方向为上下 Horizontal：水平的，默认值 pagination：分页，下方的点 slidesPerView：幻灯片视图，显示在屏幕上的页数 slidesPerColumn：每列幻灯片的数量 paginationClickab
2017-09-11 19:54:27
1513
转载 基于JQuery的轮播图插件nivo-slider使用教程
现在市面上基于jQuery的轮播图插件种类繁多，各具特色，这对于具有选择困难症的童鞋来说就痛苦了，不知道选哪个，那么，今天小编就来帮你选择一款，号称最好的jquery幻灯片插件，Nivo-Slider,这款插件无论是在交互效果，还是轮播效果，还是使用方法及功能都堪称完美。其效果可与Flash的幻灯片媲美，例如： 这个flash的幻灯显示主要特性：号称世界最棒的jQuery幻灯插件16种幻灯变化的
2017-08-31 14:09:40
5062
原创 音频和视频处理
音频和视频处理为什么会有audio？或者说audio的出现时为了解决一些什么问题？ 在H5之前，如果想在浏览器上播放音频和视频的话都是需要通过一些插件的支持（比如flash），但是因为浏览器和插件之间存在一些兼容性的问题，所以为了解决这些问题，H5就推出了audio和video两种新的属性来作为现在大多数浏览器处理音频和视频的标准方法，使其可以统一化、简单化。6.1 audio<audio src
2017-08-30 14:33:01
1316
原创 表单相关新增元素和属性
表单相关新增元素和属性1、表单元素新增和废弃的属性表单新增的属性可以分成两类： 提交类：提交给服务器设置的相关属性，formaction、formmethod、formtype。 控制类：required、autofocus、labels。1.1、 form属性在H5之前，表单内的所有 从属标签（下级标签），必须书写在form标签内部。 H5允许标签写在任何地方，但是需要做两步操作：给form
2017-08-30 14:25:59
1149
原创 HTML5的变化
HTML5的变化 1.1 HTML5推出的理由 推出的缘由和目标： 目前web缓存存在一些问题，比如兼容性问题，同样的页面，在不同的浏览器上显示效果不一样，那么开发人员需要做很多额外的工作去解决这一问题，需要花费大把的时间在这上面：一些特殊的权限没有开发给开发人员，比如：定位权限、拉起照相机拍照权限、动画以及绘画，那么H5推出就是为了解决这一系列问题。 H5解决了什么问题？ （1）开发了一
2017-08-30 14:06:50
1472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人