自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 Vue数据双向案例

一 用数据双向实现待办处理事项的小案例:该案例实现的功能为:(1)在输入输入文字,点击“添加按钮”添加到未完成事项中;(2)当输入框为空时,会提示请输入事项;(3)每个事项的复选框:点击时可以实现分组交换功能;(4)移除:点击时,该事件被移除;该案例核心代码为:<template> <div id="app"> <div class="title"><span>ToDo list</span> <d

2020-07-13 12:41:40 157 1

原创 MongoDB

一 MongoDB的安装与环境配置mongoDB是一个文档型数据库,存储的是key:value ,类似json数据 。分布式 、高性能的数据库。去官网下载MongoDB安装包,解压后配置环境变量;去找安装好的你的mongodb目录里面bin文件,把路径配置到系统环境变量path上;最后启动mongodb服务器 :在cmd里面输入mongo ,回车 就进入mongodb数据库了 ;最后重...

2020-04-18 14:43:38 128

原创 MYSQL数据库

一 MYSQL的安装和环境配置建议不要安装最新的版本,5.5即可使用。具体安装配置见官网。二 MySQL–结构型数据库MySQL是结构型数据库,存储的是表格关系型的。什么是数据库?叫Database 用来按照数据的结构组织、存储、管理数据一个仓库 。三 命令面板操作显示所有的数据库 show databases;使用数据库use mysql;显示表 sho...

2020-04-14 22:30:02 179

原创 node(二)

一 创建web静态服务器localhost:8000,直接访问静态网站的首页,处理服务两次响应。当路径是localhost:8000,默认加载首页;可以将之前自己写的H5+C3的静态页面加载上去,看浏览器加载情况,注意要转到汉字符号。二 nodejs里面的非阻塞io和阻塞IO非阻塞io:异步读取。其他后端语言会使用多线程,而nodejs是单线程,优势是非阻塞io:一个服务员满足...

2020-04-09 21:27:17 103

原创 node课程

一 node简介node属于服务器端的语言,服务端:javascript,V8引擎运行,性能很快,直接运行js到服务器端。http模块:服务器http协议模块;url模块:路径解析模块,使用parse 方法解析路径;二 创建服务器req: 服务端路径相关信息;res :浏览器的响应信息;设置http的响应头:参数1: 服务器的响应状态 :200:成功 、 500 :服务器报错...

2020-04-09 16:56:52 201

原创 Less

一 Less简介浏览器端使用less。less是css的扩展语言,css的预编译语言,就是CSS的提前状态。在less使用的选择器和之前一样。(1)声明变量:使用@来声明变量;全局变量和局部变量全局变量:在方法或者类的外面声明;局部变量:在方法或者类内部声明;(2)变量的运算:在进行变量运算的时候,符号尽量用空格间隔开使用;变量可以直接进行运算。颜色在运算的时候是按照对应的rgb...

2020-03-27 13:40:31 192

原创 vue框架

一 Vue环境的搭建首先下载vscode,安装;安装各种插件,(在vscode里面,应用市场安装);安装NDP,如果电脑里有就不用安装;安装node。然后在cmd里面检测,输入:node -v和npm -v,安装成功会出现版本号;使用淘宝镜像,安装cnpm,也是在cmd里全局安装,在cmd输入npm install -g cnpm – registry=http://registry....

2020-03-27 00:19:51 107

原创 Bootstrap简介

一 bootstrapbootstrap响应式框架–css里面有大量的媒体查询,在pc端和移动端响应,这是后端人员在使用,前端人员基本是自己写响应式。bootstrap内置css和js字体图标。怎样引入到前端页面:直接将css文件或JS或字体文件引入。 若是在集成环境,需要安装bootstrap。3.3.7版本的boostrap cnd css :https://maxcdn.boo...

2020-03-27 00:03:51 309

原创 Cookie

一 cookiecookie主要用于缓存web页面用户的信息。cookie是一种数据,缓存到电脑上的文本文件,在web页面上,用户的信息不会存储在后端,而是在页面上使用缓存来存储。在用户访问页面的时候存储用户的信息到cookie,下次访问的时候直接从cookie读取信息。cookie的缓存存在有效期cookie的简单建立:document.cookie=“jiajia”;cookie的...

2020-03-19 23:07:29 89

原创 VIDEO语法

一 APIonloadstart:当浏览器加载媒体数据时执行;onloadeddata:开始加载视频数据时;oncanplay:视频因缓冲,停止播放执行事件;onerror:video加载失败时执行;onplay:开始播放时执行;onpause:暂停时执行;onvolumechange:设置为静音时执行;onplaying:正在播放时执行;ontimeupdate:播放的位置...

2020-03-19 22:27:22 887

原创 ES6第三部分

一 GeneratorGenerator:提供异步编程的解决方案,异步函数的写法;标注:*;next,:调用遍历器方法,移动方法内部的指针。next返回一个对象,value指的是yield表达式的值:done:false(遍历还没有结束);done:true(遍历结束);Generator 函数返回的一个遍历器 ,就可以遍历;function *method(){ ...

2020-03-19 15:40:20 110

原创 ES6第二部分

一 set数据结构Set:里面存储的是值,并且值是唯一的,没有重复的(因此set可以对数组直接去重)。Set本身是一个构造函数;使用的时候:new;Set的构造函数constructor 是自己的本身;Size:属性,返回的是Set对象里面的成员变量;add:方法,将值添加到Set里面;delete:方法,删除某个值,返回true false;has:方法,检测是否有某个值,返回...

2020-03-18 14:13:10 114

原创 H5----canvas

一 canvas简介canvas是H5里的一个标签,引用格式为: <canvas id="canvas"></canvas>这里设置的ID类名称是:canvas;二 canvas属性save:存储当前canvas画布的状态,存储在栈的最上面;restore:依次从栈的上方弹出canvas的状态;做canvas动画注意:(1).要清空画布:clearRe...

2020-03-16 14:56:50 302

原创 es6入门

一 es6简介javascript:、: ECMAScript5 es5。ECMAScript6 : es6语法接近后端语法。还有一种脚本语言TypeScript (更接近后端); 在es5语法中声明变量用:var ,而在es6中用:(1) let,声明的变量是在当前的作用于内有效;(2)const:声明的是只读变量–常量;let 、const 声明的变量不存在变量的声明提前,...

2020-03-13 15:04:17 170

原创 原型链、严格模式、JS异常处理

一 原型链 //原型链 var arr=new Array(); console.log(arr); console.log(arr.__proto__);//输出的是整个Array的原型对象 console.log(arr.__proto__.__proto__);//输出的是Object 的原型对象 console.log(arr.__proto__...

2020-03-11 15:18:13 133

原创 原生JS里的对象继承与模式

一 原生JS里面的对象继承原型链继承 : prototype 原型对象要继承就必须有父类:子类继承父类 ,继承父类的属性和方法;特点:实例可以继承自身实例的属性、父类里面的构造函数属性、父类的原型属性缺点:不能继承子类的原型属性和方法;太单一 ,只能单继承,不能进行多继承;继承之后原型对象上的属性全部是共享的;子类不能直接向父类传递参数。构造继承:直接使用call、apply 继承...

2020-03-11 15:14:33 173

原创 jQuery ajax 跨域

一 ajaxajax–前后台分离开发,专门做后台数据的访问。局部刷新技术:(1)异步请求:请求和后续代码同时执行;(2)同步请求:等待请求执行完成后,再执行后续代码api(程序应用集–数据接口);原生js在访问后台数据时专门写(1)实例化对象(2)open :连接远程服务器 。参数:method 请求的方式:get post ;url:请求的服务器路径;async:当前的请求是...

2020-03-06 15:15:52 188

原创 jQuery插件

一 jQuery的ajax请求(1)dataType 返回的数据格式“xml”: 返回 XML 文档,可用 jQuery 处理;. “html”:返回纯文本 HTML 信息;包含的script标签会在插入dom时执行;“script”:返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。’’‘注意:’’'在远程请求时(不在同一个域下),所有POS...

2020-03-06 15:03:46 79

原创 jQuery第四次课

一 正则表达式正则表达式的作用是: 验证字符串格式的;它比较繁琐,但是比较强大。\ : 转义字符 ; \n 匹配的就是换行 , \ 匹配的是\ , ( 匹配的是(;^ :开始符号 ; 匹配字符的开始 ,或者正则表达式的开始;$ : 结束符号 ; 匹配字符的结束或者正则表达式的结束;(星号): 匹配一个字表达式零次或者多次 ,zooo zo* 等价 {0,};...

2020-02-23 21:37:13 120

原创 jQuery第三次课

一 基本效果show([s,[e],[fn]]) :显示;hide([s,[e],[fn]]) :隐藏;toggle([s],[e],[fn]) :显示隐藏切换,可以实现上述两个功能;不带参数时, 直接显示隐藏;带参数时可以带: speed 、easing 、 fn。(不建议带参数),fn 指的是:动画完成之后的执行函数;滑动:slideDown([s],[e],[f...

2020-02-20 18:26:53 85

原创 Jquery第二次课

一 筛选主要用于查找子元素。eq() :获取子元素里面的其中某一个,根据索引来获取,索引可以是正值也可以是负值,若是负值,倒数;first() :获取第一个子元素;last : 获取最后一个子元素;hasClass :根据元素的类名称来进行过滤的, 参数是class名称,获取时(.log)来判断某个元素是否具有class名称,输出true/false;hasClass是jquer...

2020-02-17 19:38:40 107

原创 jQuery-----2.13第二次课

一 尺寸height 、width:设置或者获取元素的宽和高,设置的值不带px, 设置的样式是行内样式;innerHeight()、innerWidth():不包括边框 ,包括补白 (padding 之内的属性也算) ;outerHeight([options])、outerWidth([options]):包含边框 ,获取的是宽和高度的问题(所占页面的实际高和宽),根据盒子模...

2020-02-14 15:08:48 85

原创 jQuery----2.12第一次课

一 jQuery简介jQuery是JS封装的一个框架,用于快速开发。优点:代码少,做的多,处理浏览器之间的兼容性。jQuery在网页里如何实现: jQuery库,有很多库,按照需求使用,不一定越新的越好,一般用于开发的 jQuery库版本有:1.9.1 3.4.1。关于 jQuery库引入到网页中:在head与 body里都可以引入,如下:<head lang="en">...

2020-02-14 11:15:09 166

原创 JavaScript之算法

算法1、找出1-100的素数素数是除了1和自身,没有其他因数的数,比如2,3,4等等。该算法可以从这里入手,具体实现代码如下: sushu(100); function sushu(num){ for(var i=2;i<=num;i++){ var isactive=false; for(var k=2;k...

2020-01-08 19:09:04 157

原创 JavaScript之三

一 拖拽事件draggable=“true”:对象可以被拖拽;拖拽事件:drop drap;开始拖动:ondragstart;结束拖动:ondragend //ondragover;开始拖动鼠标进入的时候: ondragenter;拖动结束鼠标离开的时候:ondragleave;前进:history.go(1);倒退:history.go(-1);前进:history.f...

2020-01-02 21:31:51 134

原创 JavaScript之二

排序算法(1)冒泡排序mao_sort(arr);冒泡排序是对数组从第一个元素开始,与之后的元素逐个比较,元素值大的(或者小的)放在前面,就是对数组按从小到大或者从大到小的顺序排列。下述是冒泡排序中主要代码部分的注释:for(i=0;i<num.length;i++){ for (k=0;k<num.length-i-1;k++){ ...

2019-12-26 13:40:42 102

原创 JavaScript

一 JS基础1、 JS渲染到页面的方法有两种:外部引入(head)、内嵌(body);2、JS的关键字只有一个:var,在JS中严格区分大小写;function 常规定义方式:function 函数名称(){ }常规函数也会声明提前;使用传递的参数: arguments 参数列表对象; method4(1,2,3); function method4(){ ...

2019-12-18 19:20:46 116

原创 JavaScript入门

一 基础标签1 、内置对象number对象:.toString(进制数) --------转换成不同进制数 .toFixed(小数位数) --------保留小数倍数2 、string对象.length 字符串长度indexOf() --------查找字符串返回字符串位置,如果没找到返回-1 match() -------- 查找指定字符串,找到返回该字符串,没有返回n...

2019-12-12 10:50:25 82

原创 Web前端

一 Java Script基础标签(1)输出:alert()-------- 弹框输出 confirm() -------- 带确定取消按钮的弹框 document.write() -------- 在文档流中输出 document.getElementById.innerHTML-------- 修改页面中的html元素 console.log() -------- 在调试平台中...

2019-12-04 21:37:49 96

原创 H5+C3---手机页面

一 移动端手机页面的代码示例(1)H5<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <meta charset="UTF-8"> <meta http-e...

2019-11-27 20:04:14 358

原创 HTML5标签及其属性

一表单元素及其属性在HTML中,表单元素有:text 、password 、 textarea 、 checkbox、 radio、 file、 select 、button 、 submit 、reset,分别为:文本框、密码、文本域、选择框、选择圆、文件、多选项、按钮、提交、重置。而在HTML5中,表单如下表示:email、url、date、week、month、t...

2019-11-20 16:00:43 313

原创 补充CSS & 初步了解H5----HTML5

补充CSS一 页面定位Position:fixed下面给出简单的代码实现html部分:<div class="gd-top"> <div class="gd-left fl"> <a href=""><img src="images/gd-logo.png" alt=""/></a...

2019-11-13 20:51:21 246

原创 CSS的一些其他属性

一 溢出省略号overflow:hidden; //溢出隐藏text-overflow:eclipse; //溢出的文本为省略号white-space:nowarp; //不换行执行效果如图:二 颜色渐变1 区域颜色的渐变 .box{ width:300px; he...

2019-11-05 13:51:30 128

原创 层叠样式表--css(二)

一 CSS标签1 颜色透明度例如:红色:red/#f00/rgb(255,0,0);带透明度的色彩值:rgba(255,0,0,0.5) 或者直接写成 opacity: 50%;2 边框圆角border-radius:圆角border-radius值的不同意义:值:a 表示四角都为相同的圆角状态 值:a b 表示 左上,右下都为a,右上,左下都为b ...

2019-10-31 11:01:21 118

原创 层叠样式表--css(一)

一 基本格式(一)样式表的引用方式1、行内样式表<any style="样式名:样式值;"></any>2、页面内样式<head lang="en"> <meta charset="UTF-8"> <title></title> <style> 标签名{ ...

2019-10-22 15:38:54 137

原创 超文本标记语言--HTML基础标签用法

一 HTML格式<!DOCTYPE html> //声明网页类型<html><head lang="en"> //"en"表示语言类型是英文 <meta charset="UTF-8"> //网页的编码类型 <title></title></head><body>...

2019-10-21 14:01:54 363

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除