自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Node开发

文章目录1. node基础1.1.概念1.2.V8引擎1.1. http模块1.2. path模块1.3. fs模块1.4. fs模块2. express框架2.1.基础2.2.router2.3.中间件2.3.1.中间件原理3. node数据库连接3.1.node链接mysql数据库1. node基础1.1.概念1.2.V8引擎1.1. http模块起一个服务const http = require('http')const app = http.createServer(functi

2021-05-11 21:40:58 590 1

转载 Github和Gitee的使用

目录1 Git 远程仓库(Github)添加远程库2 配置Git首先在本地创建ssh key;为了验证是否成功,在git bash下输入:进入要上传的仓库,右键git bash,添加远程地址:出现的错误3 出现的问题解决方法:1.使用强制push的方法:2.push前先将远程repository修改pull下来3.若不想merge远程和本地修改,可以先创建新的分支:@(Github)[Git|安...

2019-01-26 20:24:04 241

原创 楼梯导航

目录楼梯导航楼梯导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>楼梯导航</title> <style type="text/css"&g

2019-01-02 21:27:08 558

原创 CSS绝对居中

目录绝对定位居中定位居中的思想具体实现第一种写法第二种写法第三种方法第四种方案第五种方案绝对定位居中定位居中的思想元素左移下移父元素的一半,然后再右移上移元素自身的一半。具体实现页面布局,居中元素为 .box,父元素为 .wraper。<div class="wraper"> <div class="box">&amp

2018-12-13 17:52:29 433

原创 React

目录React资源通过cnpm使用react快速构建 React 开发环境cnpm创建react项目React资源菜鸟教程 :http://www.runoob.com/react/react-install.html阮一锋 react:http://www.ruanyifeng.com/blog/2015/03/react.htmlreact官网【中文】:https://react.do...

2018-12-05 20:55:26 875

转载 JS模块化

JS模块化概念ES标准的缺陷:JS模块化:CommonJS规范:CommonJS模块定义:模块定义:模块引用:概念JavaScript代码如果只是少数几十上百行代码,我们还可以管理。如果是叁仟上万甚至几十万行代码呢?变量的重复,以及文件不同JS文件的管理就成为一个很麻烦的问题。这样的代码更不利于维护,把JS代码通过模块化封装使之在需要调用的地方调用执行也有利于封装。因此,对JS的封装显得尤为重...

2018-11-26 19:54:08 232

原创 移动端开发

目录原生开发混合开发(Hybrid development)移动端web app视口(viewport)原生开发主要是就是Android和IOS的App开发。混合开发(Hybrid development)使用html5去开发用户界面,使用React Native等去打包项目,将项目打包成Android和IOS平台的App,然后发布到应用商店。移动端web app其实就是移动端页面。与...

2018-11-25 19:48:58 240

原创 CSS总结

文章目录CSS3介绍属性选择器旧的属性选择器:新增的属性选择器特例:伪类选择器伪元素选择器css3:区分伪类和伪元素框模型(Box Model)背景和边框文本效果2D/3D 转换动画多列布局用户界面浏览器私有前缀新增颜色模式CSS3介绍CSS3 是最新的 CSS 标准。为了提高开发速度,也为了方便各主流浏览器根据需要渐进式支持,css3按模块化进行了全新设计,这些模块可以独立发布和这实现,也为...

2018-11-24 19:52:06 330

原创 原生js操作DOM

目录内容操作表单元素闭合标签属性操作闭合标签表单元素样式操作行间样式行外样式元素类(class)操作获取类设置类删除类图片src操作内容操作表单元素对于input这种半闭合标签,操作内容是操作它的value值。(1) 获取value —> 元素.value(2)设置value —> 元素.value = 值&a

2018-11-21 16:02:04 570

原创 jQuery

目录获取元素方法获取内容获取当前对象获取样式获取元素属性给元素设置内容给元素设置样式给元素设置点击事件给元素设置属性实例获取元素方法var box = $(".box");//通过类var box1 = $("#box");//通过idvar box2 = $("div");//通过标签cons

2018-11-20 00:49:17 161

原创 ECMAScript学习(三)ES的新特性

目录Promise作用:定义实例Promise作用:The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。它起到代...

2018-11-20 00:20:39 306

原创 ECMAScript学习(二):Array数组方法

目录Map集合格式:返回值说明使用Map集合格式:var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array}[, thisArg])返回值说明The map() method creates a new ar...

2018-11-19 23:45:08 384

原创 ECMAScript学习(一)基础

目录变量提升let定义变量let定义变量的特点1. 在let声明的前面访问不到(暂时性死区)(必须声明之后再使用)2. 不可以重复声明3. 块级作用域变量提升var关键字定义变量会有变量提升的问题 //这里a未定义,不报错有打印结果undefined console.log(a); // undefined var a = 10; //打印fn调用也存在变量提升 function f...

2018-11-19 21:03:39 272

原创 常见的浏览器兼容性问题

目录1. IE6双边距问题:问题描述:解决方案:2.子元素相对定位父元素溢出隐藏失效问题描述解决方案:1. IE6双边距问题:问题描述:浮动元素拥有同向margin值(left和margin-left,right和margin-right),在ie6s上第一个元素会出现双边距。解决方案:解决:ie6 _display:inline;_针对ie6body{margin:0;}div{...

2018-11-14 16:23:34 306

原创 数组去重的方法

目录indexOf()函数filter()方法双层for循环ES的Set()集合var arr = [1,2,3,4,6,1,3,2,2,2];indexOf()函数function removeRepeat(obj){ var newArr = []; for (var i = 0; i < obj.length; i++) { if (newArr.indexOf(obj...

2018-11-13 00:11:36 157

原创 Ajax学习

目录ajax技术概述:作用:实现过程请求数据和页面渲染demoajax技术概述:AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)即:异步javascript和xml。作用:AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务...

2018-11-12 00:00:40 164

原创 JavaScript排序

目录快速排序快速排序实现思想:数组二分法和递归调用实现步骤:(1)在数据集之中,找一个基准点(2)以基准点为大小建立两个数组。分别左边数组存储比基准点小的数,右边数组存储比基准点大的数。(3)利用递归进行循环比较var arr = [12,23,54,34,12,2,34,53,1,32,4,24,21,90];function quickSort(obj){ if (obj.l...

2018-11-11 22:08:23 361

原创 JS(三)面向对象

目录创建对象1. 通过Object方式创建对象2. 通过字面量创建对象3. 通过构造方法创建对象4. 通过构造方法创建对象创建对象1. 通过Object方式创建对象 /*** 创建对象*/ var obj = new Object(); obj.name = "小费"; obj.id = 001; obj.

2018-11-07 21:16:09 354

原创 HTML学习(一)

目录标准盒模型和怪异盒模型标准盒模型怪异盒模型CSS3的box-sizing标签分类块级元素行级(内联)元素空元素HTML新特性常见的浏览器兼容性问题标准盒模型和怪异盒模型标准盒模型在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)怪异盒模型根据w3c规范,元素内容占据空间是由width属性设置的,而内容周围的p...

2018-11-05 17:59:15 705

转载 JavaScript的事件

目录事件事件概念:事件流概念:事件阶段注意:捕获事件冒泡事件事件事件概念:Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!事件是文档或者浏览器窗口中发生的,特定的交互瞬间。典型的例子有:页面加载完毕触发load事件;用户单击元素,触发click事件。事件流概念:事件流:描...

2018-11-01 13:41:01 189

原创 JS的字符串和数组常用函数

目录字符串(String)字符串(String)

2018-10-26 21:55:27 665

原创 Vue-CLI创建项目

目录安装vue-cli创建项目安装vue-cli官网地址//version 3.x.使用npm install -g @vue/cli//(1.x or 2.x) 使用npm install vue-cli -g创建项目//version 3.x.使用vue create app-demo//(1.x or 2.x) 使用vue init webpack app-demo ...

2018-10-26 15:29:54 308

原创 原生JS实现简单页面效果

<!DOCTYPE html><html lang="en"><head&

2018-10-26 14:13:04 2685

原创 JavaScript(四)this指向问题

this指针 this.x = 9; var module ={ x:81, getX:function () { console.log(this.x); } }; console.log("第一个值:"); module.getX();//81 console...

2018-10-25 22:03:44 216

原创 JavaScript(一)基础

目录JavaScript核心基本【简单】数据类型复杂【引用】数据类型JavaScript核心ECMAScript:语言的核心DOM : document object model (文档对象模型)BOM : browser object model (浏览器对象模型)基本【简单】数据类型五种:字符串(String)数字(number)空(Null)未定义(undefined)布尔(...

2018-10-25 21:56:48 306

原创 Vue学习(二)

目录计算属性和监视生命周期函数(钩子)计算属性和监视生命周期函数(钩子)new Vue({}) 实例化vueInit Events & Lifecycle 初始化事件 与生命周期 数据观测 (data observer)和 event/watcher 事件配置之前2.Init Events & Lifecycle 初始化事件 与生命周期 数据观测 (data obs...

2018-10-22 23:00:21 248

原创 Vue学习(一)

目录Vue概念渐进式JavaScript框架Vue 扩展插件作用:作者:Vue的特点与其它前端 JS 框架的关联Vue指南Vue的浏览器插件简单示例MVVM模式声明式编程命令式编程模版语法模版的理解双大括号表达式语法:{{exp}}或者{{{exp}}}功能:向页面输出数据,可以调用对象的方法。Vue概念github站点:在线文档: 渐进式JavaScript框架Vue包含两部分:核...

2018-10-22 21:54:39 242

原创 Node.JS开发-从入门到放弃

目录进程线程单线程多线程Node.jsNode概念进程进程为程序的运行提供必备的运行环境和资源。进程好像工厂中的车间。线程线程是计算机最小的运算单位,负责执行进程当中的程序。线程好像车间的工人,负责具体的任务实现。单线程浏览器中js是单线程执行,执行的时候渲染程序停止。主流的程序是多线程执行的。多线程绝大多数程序运行的时候是以多线程方式进行的。Node.js官网原文...

2018-10-22 20:15:28 187

转载 弹性布局

目录弹性布局特点:“盒子”“项目”弹性布局特点:“盒子”“项目”

2018-10-22 16:18:18 291

原创 Mybatis学习(一)

目录ORM 映射框架ORM基本概念面向对象编程矛盾焦点解决方案:1 对象型数据库2 ORM映射框架ORM映射的未来Mybatis框架概念:Mybatis起步1. 创建java项目,引入jar包2. 创建数据库3. 创建 Mybatis 配置文件4.创建实体类和映射文件5.运行程序测试结果6.编译运行说明ORM 映射框架ORM基本概念ORM:What is Object/Relational...

2018-10-20 21:00:35 202

原创 Spring-MVC学习

目录项目搭建Spring类加载监听器Spring MVC框架原理:配置Spring MVCSpring MVC控制器注解错误1:Spring标签的值不显示错误2:页面中文出现乱码现象Spring MVC访问静态资源项目搭建用IntelliJ IDEA继承Maven搭建项目架构。在搭建项目之前,首先就要把项目所需要的jar包加载进来。在pom.xml文件中:<!--Maven "Bil...

2018-10-16 23:15:02 158

原创 项目外网部署

阿里云创建服务器阿里云服务器购买地址进入控制台开放端口安装系统Xshell宝塔安装linux系统购买域名阿里云服务器阿里云服务器针对个人和企业服务器的租用,对开发者和企业十分友好。阿里云的服务器有很多中,包括云服务器ECS和轻量应用服务器等等,选择服务器的时候按照自己的需求相应的租用就好。购买地址我们这里选用轻量级应用服务器点击网址接直接进入。首先选择好系统镜像和服务器的地域,注意不...

2018-09-27 10:01:05 1316

原创 Ngrok内网穿透

Ngrok外网的穿透

2018-09-27 09:31:03 225

原创 ThinkPHP框架学习一

ThinkPHPThinkPHP框架学习ThinkPHPThinkPHP介绍项目下载ThinkPHP介绍php开发框架很多,国内很多人在用 ThinkPHP 主要是中文文档,简单易学易上手,相关的资料比较多。ThinkPHP是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。最早诞生于2006年初,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布。项目下载官...

2018-09-25 22:31:20 418

空空如也

空空如也

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

TA关注的人

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