2019年05月_啊哈前端

12月 08月 07月 06月 05月 03月

原创 css3弹性盒模型flexbox

一、设置给父元素的属性，控制子元素的显示方式display: flex/display: inline-flex设置给父元素盒子，将一个元素设置成弹性盒子；flex-direction决定显示的方向 (即项目的排列方向)1.row: 默认值，左对齐，顺序显示2.row-reverse: 右对齐倒序显示3.column: 竖直顺序显示4.column-reverse:...

2019-05-03 17:05:48 256

原创初学webpack（3.X版本），手动搭建的一个简单多页面项目

这个配置是基于webpack3.X版本的；1、第一个文件webpack.util.js，主要作用是自动读取入口文件并进行配置，自动生成html模板的配置文件const glob = require('glob'), path = require('path'), htmlWebpackPlugin = require('html-webpack-plugin'),...

2019-05-03 17:03:56 378

原创 node中的module.exports与exports

module.exports与exports的区别每一个node.js执行文件，都自动创建一个module对象，同时，module对象会创建一个叫exports的属性，初始化的值是{}module.exports = {};Node.js为了方便地导出功能函数，node.js会自动地实现以下这个语句foo.jsexports.a = function () { conso...

2019-05-03 16:49:57 1227 1

转载 cookie与session

为什么要使用cookie和session由于HTTP协议是无状态的协议，所以服务端需要记录用户的状态时，就需要用某种机制来识别具体的用户，这个机制就是Session.而session一般情况下需要客户端发送的cookie信息，来识别当前访问程序的用户是谁。什么是cookie?cookies是后台服务器在本地客户端浏览器上存储的小段文本(一般情况下，只能存字符串)；并随每一个请求发送至同...

2019-05-03 16:42:19 208

原创使用vue的slot插槽做母板组件

母板组件是啥？母板跟模板差不多，就是将一些重用性较高的页面结构抽离出来，封装到一个独立的组件里，以便于在各个项目中使用。比如后台管理，经典的头部，尾部，侧边栏与主要内容区域；我们就可以把这个结构封装成一个母板组件，今后只要写后台管理类的项目，就可以直接使用。下面具体来实现一下。实现一个后台管理的母板组件假设我们需要实现的是下面这张图的效果：母板组件命名为layer.vue;为了...

2019-05-03 16:36:13 848

前端路由的定义在spa流行之前，前端路由是没有的；而像java之类的后台语言很早就有了，后端路由一般就是定义一系列的访问地址规则，路由引擎根据这些规则匹配并找到对应的处理页面，然后将请求转发给页面进行处理。在spa应用中，前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法，一是在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航；...

2019-05-03 16:26:05 25237 2

原创 html5 filereader读取txt文件

var readTxt = (function(w) {//常量 var __DEFAULT__ = {exp: {trim: /\s/, //匹配空格 rn: /\r\n/g //匹配换行 },errorMsg: {readError: "读取文件出错！",interruptError: "读取文件异常中断！" }};//保存...

2019-05-03 15:16:10 1861

原创 jquery简易验证插件封装

html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery数据校验插件开发</title> <link rel="stylesheet" href="css/register.css"...

2019-05-03 15:13:38 263

原创移动端网页布局之rem

1、我理解的rem布局首先，假设我现在要在iphone6里面布局，那么设备宽度deviceWidth=375px(通过document.documentElement.clientWidth获取，也可以用document.documentElement.getBoundingClientRect().width获取)，默认设计稿宽度designWidth=750px；设备宽度与设计稿的比值ra...

2019-05-02 23:26:00 438