- 博客(36)
- 收藏
- 关注
原创 Vue数据双向案例
一 用数据双向实现待办处理事项的小案例:该案例实现的功能为:(1)在输入输入文字,点击“添加按钮”添加到未完成事项中;(2)当输入框为空时,会提示请输入事项;(3)每个事项的复选框:点击时可以实现分组交换功能;(4)移除:点击时,该事件被移除;该案例核心代码为:<template> <div id="app"> <div class="title"><span>ToDo list</span> <d
2020-07-13 12:41:40
189
原创 MongoDB
一 MongoDB的安装与环境配置mongoDB是一个文档型数据库,存储的是key:value ,类似json数据 。分布式 、高性能的数据库。去官网下载MongoDB安装包,解压后配置环境变量;去找安装好的你的mongodb目录里面bin文件,把路径配置到系统环境变量path上;最后启动mongodb服务器 :在cmd里面输入mongo ,回车 就进入mongodb数据库了 ;最后重...
2020-04-18 14:43:38
169
原创 MYSQL数据库
一 MYSQL的安装和环境配置建议不要安装最新的版本,5.5即可使用。具体安装配置见官网。二 MySQL–结构型数据库MySQL是结构型数据库,存储的是表格关系型的。什么是数据库?叫Database 用来按照数据的结构组织、存储、管理数据一个仓库 。三 命令面板操作显示所有的数据库 show databases;使用数据库use mysql;显示表 sho...
2020-04-14 22:30:02
209
原创 node(二)
一 创建web静态服务器localhost:8000,直接访问静态网站的首页,处理服务两次响应。当路径是localhost:8000,默认加载首页;可以将之前自己写的H5+C3的静态页面加载上去,看浏览器加载情况,注意要转到汉字符号。二 nodejs里面的非阻塞io和阻塞IO非阻塞io:异步读取。其他后端语言会使用多线程,而nodejs是单线程,优势是非阻塞io:一个服务员满足...
2020-04-09 21:27:17
129
原创 node课程
一 node简介node属于服务器端的语言,服务端:javascript,V8引擎运行,性能很快,直接运行js到服务器端。http模块:服务器http协议模块;url模块:路径解析模块,使用parse 方法解析路径;二 创建服务器req: 服务端路径相关信息;res :浏览器的响应信息;设置http的响应头:参数1: 服务器的响应状态 :200:成功 、 500 :服务器报错...
2020-04-09 16:56:52
233
原创 Less
一 Less简介浏览器端使用less。less是css的扩展语言,css的预编译语言,就是CSS的提前状态。在less使用的选择器和之前一样。(1)声明变量:使用@来声明变量;全局变量和局部变量全局变量:在方法或者类的外面声明;局部变量:在方法或者类内部声明;(2)变量的运算:在进行变量运算的时候,符号尽量用空格间隔开使用;变量可以直接进行运算。颜色在运算的时候是按照对应的rgb...
2020-03-27 13:40:31
230
原创 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
133
原创 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
346
原创 Cookie
一 cookiecookie主要用于缓存web页面用户的信息。cookie是一种数据,缓存到电脑上的文本文件,在web页面上,用户的信息不会存储在后端,而是在页面上使用缓存来存储。在用户访问页面的时候存储用户的信息到cookie,下次访问的时候直接从cookie读取信息。cookie的缓存存在有效期cookie的简单建立:document.cookie=“jiajia”;cookie的...
2020-03-19 23:07:29
122
原创 VIDEO语法
一 APIonloadstart:当浏览器加载媒体数据时执行;onloadeddata:开始加载视频数据时;oncanplay:视频因缓冲,停止播放执行事件;onerror:video加载失败时执行;onplay:开始播放时执行;onpause:暂停时执行;onvolumechange:设置为静音时执行;onplaying:正在播放时执行;ontimeupdate:播放的位置...
2020-03-19 22:27:22
944
原创 ES6第三部分
一 GeneratorGenerator:提供异步编程的解决方案,异步函数的写法;标注:*;next,:调用遍历器方法,移动方法内部的指针。next返回一个对象,value指的是yield表达式的值:done:false(遍历还没有结束);done:true(遍历结束);Generator 函数返回的一个遍历器 ,就可以遍历;function *method(){ ...
2020-03-19 15:40:20
139
原创 ES6第二部分
一 set数据结构Set:里面存储的是值,并且值是唯一的,没有重复的(因此set可以对数组直接去重)。Set本身是一个构造函数;使用的时候:new;Set的构造函数constructor 是自己的本身;Size:属性,返回的是Set对象里面的成员变量;add:方法,将值添加到Set里面;delete:方法,删除某个值,返回true false;has:方法,检测是否有某个值,返回...
2020-03-18 14:13:10
142
原创 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
359
原创 es6入门
一 es6简介javascript:、: ECMAScript5 es5。ECMAScript6 : es6语法接近后端语法。还有一种脚本语言TypeScript (更接近后端); 在es5语法中声明变量用:var ,而在es6中用:(1) let,声明的变量是在当前的作用于内有效;(2)const:声明的是只读变量–常量;let 、const 声明的变量不存在变量的声明提前,...
2020-03-13 15:04:17
202
原创 原型链、严格模式、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
170
原创 原生JS里的对象继承与模式
一 原生JS里面的对象继承原型链继承 : prototype 原型对象要继承就必须有父类:子类继承父类 ,继承父类的属性和方法;特点:实例可以继承自身实例的属性、父类里面的构造函数属性、父类的原型属性缺点:不能继承子类的原型属性和方法;太单一 ,只能单继承,不能进行多继承;继承之后原型对象上的属性全部是共享的;子类不能直接向父类传递参数。构造继承:直接使用call、apply 继承...
2020-03-11 15:14:33
204
原创 jQuery ajax 跨域
一 ajaxajax–前后台分离开发,专门做后台数据的访问。局部刷新技术:(1)异步请求:请求和后续代码同时执行;(2)同步请求:等待请求执行完成后,再执行后续代码api(程序应用集–数据接口);原生js在访问后台数据时专门写(1)实例化对象(2)open :连接远程服务器 。参数:method 请求的方式:get post ;url:请求的服务器路径;async:当前的请求是...
2020-03-06 15:15:52
241
原创 jQuery插件
一 jQuery的ajax请求(1)dataType 返回的数据格式“xml”: 返回 XML 文档,可用 jQuery 处理;. “html”:返回纯文本 HTML 信息;包含的script标签会在插入dom时执行;“script”:返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。’’‘注意:’’'在远程请求时(不在同一个域下),所有POS...
2020-03-06 15:03:46
107
原创 jQuery第四次课
一 正则表达式正则表达式的作用是: 验证字符串格式的;它比较繁琐,但是比较强大。\ : 转义字符 ; \n 匹配的就是换行 , \ 匹配的是\ , ( 匹配的是(;^ :开始符号 ; 匹配字符的开始 ,或者正则表达式的开始;$ : 结束符号 ; 匹配字符的结束或者正则表达式的结束;(星号): 匹配一个字表达式零次或者多次 ,zooo zo* 等价 {0,};...
2020-02-23 21:37:13
152
原创 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
119
原创 Jquery第二次课
一 筛选主要用于查找子元素。eq() :获取子元素里面的其中某一个,根据索引来获取,索引可以是正值也可以是负值,若是负值,倒数;first() :获取第一个子元素;last : 获取最后一个子元素;hasClass :根据元素的类名称来进行过滤的, 参数是class名称,获取时(.log)来判断某个元素是否具有class名称,输出true/false;hasClass是jquer...
2020-02-17 19:38:40
135
原创 jQuery-----2.13第二次课
一 尺寸height 、width:设置或者获取元素的宽和高,设置的值不带px, 设置的样式是行内样式;innerHeight()、innerWidth():不包括边框 ,包括补白 (padding 之内的属性也算) ;outerHeight([options])、outerWidth([options]):包含边框 ,获取的是宽和高度的问题(所占页面的实际高和宽),根据盒子模...
2020-02-14 15:08:48
120
原创 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
195
原创 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
181
原创 JavaScript之三
一 拖拽事件draggable=“true”:对象可以被拖拽;拖拽事件:drop drap;开始拖动:ondragstart;结束拖动:ondragend //ondragover;开始拖动鼠标进入的时候: ondragenter;拖动结束鼠标离开的时候:ondragleave;前进:history.go(1);倒退:history.go(-1);前进:history.f...
2020-01-02 21:31:51
162
原创 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
135
原创 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
145
原创 JavaScript入门
一 基础标签1 、内置对象number对象:.toString(进制数) --------转换成不同进制数 .toFixed(小数位数) --------保留小数倍数2 、string对象.length 字符串长度indexOf() --------查找字符串返回字符串位置,如果没找到返回-1 match() -------- 查找指定字符串,找到返回该字符串,没有返回n...
2019-12-12 10:50:25
112
原创 Web前端
一 Java Script基础标签(1)输出:alert()-------- 弹框输出 confirm() -------- 带确定取消按钮的弹框 document.write() -------- 在文档流中输出 document.getElementById.innerHTML-------- 修改页面中的html元素 console.log() -------- 在调试平台中...
2019-12-04 21:37:49
127
原创 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
391
原创 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
352
原创 补充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
326
原创 CSS的一些其他属性
一 溢出省略号overflow:hidden; //溢出隐藏text-overflow:eclipse; //溢出的文本为省略号white-space:nowarp; //不换行执行效果如图:二 颜色渐变1 区域颜色的渐变 .box{ width:300px; he...
2019-11-05 13:51:30
172
原创 层叠样式表--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
145
原创 层叠样式表--css(一)
一 基本格式(一)样式表的引用方式1、行内样式表<any style="样式名:样式值;"></any>2、页面内样式<head lang="en"> <meta charset="UTF-8"> <title></title> <style> 标签名{ ...
2019-10-22 15:38:54
177
原创 超文本标记语言--HTML基础标签用法
一 HTML格式<!DOCTYPE html> //声明网页类型<html><head lang="en"> //"en"表示语言类型是英文 <meta charset="UTF-8"> //网页的编码类型 <title></title></head><body>...
2019-10-21 14:01:54
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人