2018 年 7月随笔档案 - 浅草马甲

ES6之字符串扩展

摘要：ES6字符串新增的常用方法： 1. includes()：字符串中是否包含某个字符或字符串，包含的两个字符必须是相连的 2. startsWith() ：字符串中是否以某个字符或字符串开头， endsWith()是否以某个字符或字符串结束 3. repeat(n) ：字符串重复n次 4. 阅读全文

posted @ 2018-07-27 00:35 浅草马甲阅读(635) 评论(0) 推荐(0)

Koa中设置中文Cookie值

摘要：默认情况下，如果这时运行服务，会报错如下：表示value值无效。因为默认不支持中文字符改写如下：使用 new Buffer 转换成base64字符串如要获取也必须使用new Buffer() 阅读全文

posted @ 2018-07-26 17:58 浅草马甲阅读(401) 评论(0) 推荐(0)

node中中间件body-parser的实现方式

摘要：最近学习了Koa框架中用到了koa-bodyparser接收表单POST请求的参数，直接使用其API是很容易的，但却不知道其原生方法怎么实现的。故做些笔记首先，是搭建了Koa的服务器不再赘述其次，在做表单POST请求时，用到两个自定义封装的函数：由控制台或者body都可以打印出ctx是一个js 阅读全文

posted @ 2018-07-26 15:50 浅草马甲阅读(363) 评论(0) 推荐(0)

CSS笔记之Grid网格系统

摘要：Grid布局已经不是新鲜的技术了，但一直都是使用了Flex布局，如今需要了边学习边做些常用的笔记。首先grid和flex一样都不支持IE10以下的浏览器基本布局：一般是所有子元素都横向排列或者都纵向排列，当父容器设置了grid，其子项的 clear, float , vertical-ali 阅读全文

posted @ 2018-07-21 00:54 浅草马甲阅读(582) 评论(0) 推荐(0)

从0开始搭建vue+webpack脚手架（四）

摘要：之前1-3部分是webpack最基本的配置，接下来会把项目结构和配置文件重新设计，可以扩充更多的功能模块。一、重构webpack的配置项 1. 新建目录build,存放webpack不同的配置文件 (1) webpack.config.base.js 【保留公共的配置项，将生产环境和开发环境使用阅读全文

posted @ 2018-07-19 16:48 浅草马甲阅读(836) 评论(0) 推荐(0)

从0开始搭建vue+webpack脚手架（三）

摘要：在从0开始搭建vue+webpack脚手架（二）中已经基本完成了开发环境的配置。当开发完成后，我们需要将完成的项目进行打包，接下来对打包做一些优化：运行 $ npm run build 可生成dist目录可以看到 01.jpg被存放在 images目录下, 并且后面生成一串不固定的字符串，这是阅读全文

posted @ 2018-07-18 19:01 浅草马甲阅读(414) 评论(0) 推荐(0)

从0开始搭建vue+webpack脚手架（二）

摘要：接着从0开始搭建vue+webpack脚手架（一）三、配置webpack-dev-server 1. webpack-dev-server自带一个node的服务器，项目在服务端运行的同时可以实现热更新加载 2. 安装兼容环境变量的包 cross-env （1）原因：构建项目时分生产环境和开发环阅读全文

posted @ 2018-07-18 12:27 浅草马甲阅读(472) 评论(0) 推荐(0)

从0开始搭建vue+webpack脚手架（一）

摘要：基于多数情况下都是使用vue-cli初始化项目，却始终未去了解其原理。从零开始搭建，可以让自己更深层次的理解框架。首先从最基本的npm 开始，至于安装npm 和 node就不用再赘述了，那是前端自动化开发最基本的能力。一、初始化 1 新建项目目录，生成package.json并创建项目基本阅读全文

posted @ 2018-07-18 09:57 浅草马甲阅读(1160) 评论(0) 推荐(0)

ES6学习之解构赋值

摘要：最近看了一个vue的项目，发现作者大量使用了ES6的语法，包括async, Promise, Set, Map还有一些解构赋值，才发现自己对于ES6的语法缺乏了总结和运用，看得有点艰难，所以重新学习了阮一峰老师的教程并用自己的理解做了一些笔记： 1. 数组解构赋值 (1)按照变量位置对应赋值 "匹阅读全文

posted @ 2018-07-07 19:05 浅草马甲阅读(2571) 评论(0) 推荐(0)

Vue+webpack项目中实现跨域的http请求

摘要：目前Vue项目中对json数据的请求一般使用两个插件vue-resource和axios, 但vue-resource已经不再维护，而axios是官方推荐的且npm下载量已经170多万，github的Star已经接近4.5万, 再看看vue-resource 但是作为学习笔记，在学习axios的同阅读全文

posted @ 2018-07-06 10:43 浅草马甲阅读(577) 评论(0) 推荐(0)

Vuejs核心思想学习笔记

摘要：习Vue已经有一段时间了，但未对其核心思想作自己的总结和理解 Vue核心思想有两个 : 数据驱动和组件化(系统组件) 数据驱动数据驱动目的是让数据和DOM保持同步，只要修改了data数据，DOM就会做相应的改变。Vue已经将这一逻辑封装好人工无需手动去操作DOM, Vue的数据驱动是利用了Obj 阅读全文

posted @ 2018-07-05 14:40 浅草马甲阅读(257) 评论(0) 推荐(0)

更改file文件上传默认CSS样式

摘要：前言：多数时候我们需要表单上传文件，如图片。但是浏览器默认的input[file]样式很不友好，需要我们自己手动修改. 如图基于bootstrap布局的表单, 但file文件上传样式不敢恭维. 1. 首先在input[file]外层套一个容器（如div） 2. 定义div.avatar样式，和阅读全文

posted @ 2018-07-05 11:38 浅草马甲阅读(2632) 评论(0) 推荐(0)

javascript获取style兼容性问题

摘要：获取css 样式的方法有三种 : style, currentStyle , getComputedStyle style (无兼容性问题) 获取语法： ele.style.attr ；设置语法：ele.style.attr = '值' 大多数情况下，javascript中获取和设置style样式阅读全文

posted @ 2018-07-04 22:30 浅草马甲阅读(215) 评论(0) 推荐(0)