淮枳-CSDN博客

原创零碎笔记总结

1. async和await async是说明这个function是异步的await这个关键字是阻塞（将函数挂起，等待返回结果），如果返回值是promise则等待promise的resolve或reject的结果，如果是函数返回的普通值直接往下执行。2.Object.assign方法常见用途：为对象添加属性，为对象添加方法，克隆对象，为属性指定默认值 Objec...

2019-03-07 17:57:54 144

距离校园已经过去了半年，实习工作也有半年。这半年，我觉得自己变化有点多，暂且记下来。其实更多的改变在，心态和性格。技术记录就不在这叙述了。一开始工作战战兢兢，也还记得面对需求怎么做都达不到要求的苦涩，总会陷入自我否定的怪圈中，内心焦虑不安。到后来，虚心向其他同事请教，做笔记，整理需求逻辑。但没变的，内心依旧焦躁。到了现在，我反思我自己这半年的工作生活，内心都处于一种焦躁的状态，做事不踏实，不细...

2019-03-07 13:44:21 613

原创前端测试入门

前端实现自动化就要借助到unit和e2e测试了（作者：我不叫奇奇链接：https://www.jianshu.com/p/ffd6d319f05b）unit测试：站在程序员的角度测试 unit测试是把代码看成是一个个的组件。从而实现每一个组件的单独测试，测试内容主要是组件内每一个函数的返回结果是不是和期望值一样。例如：const compare = (a,b) => a&g...

2018-11-19 13:02:11 219

原创登录页面总结

1.页面的适应性方法：1.使用rem——移动端自适应性好 2.使用媒体查询+百分比/rem 响应式：如果只自适应移动端，使用rem，如果只适应pc，使用媒体查询+百分比/rem。 rem的值目前有两种方法，一种是根据js来调整html的字号（淘宝有现成的插件），另一种则是通过媒体查询来调整字号。响应式布局的一些技术点纪录：允许网页宽度自动...

2018-10-23 16:29:20 562

原创关于常用的垂直居中

最近做页面经常用到垂直居中，而且有些是不定高，在这里总结一下垂直居中用到的技巧。对于盒子垂直居中：第一种方法：先让盒子top和left的位置移动50%（要先设置position），然后利用margin的负值将盒子拉到中间。第二种方法：flex布局，使用align-items垂直居中，缺点是在pc兼容性不太好。（也可以使用Grid布局，但我很少用）第三种...

2018-10-17 02:49:16 401

原创 mongoose学习笔记

在使用nodejs+mongodb+express搭建个人博客的时候，mongodb使用的是2.2.3版本，虽然足够使用了，但也有一些不尽人意的地方，所以在后期还是决定学习一下mongoose，使用mongoose来搭建这个个人博客。1.连接数据库var dbUrl = 'mongodb://localhost:27017/Cblog';//我的数据库名字为Cblogmongoose....

2018-08-25 14:04:35 222

原创 nodejs+mongoose+express个人博客

首先要明确需求，我要做的是一个个人博客，用户分为三类：游客，用户，管理员；游客可以注册，可以根据类别看文章，可以评论；用户可以登录注册，可以根据类别看文章，可以评论，可以管理自己的博客（增删查改，查找暂时不做），可以管理个人资料，可以管理个人分类；管理员可以管理所有用户，管理所有文章，管理所有分类，管理所有评论（管理员功能待完善）。1.nodejs的express自动生成项目框架全局安装2...

2018-08-25 02:30:18 450

原创 vue项目（饿了么）过程中的问题

1.本地配置mock数据（源地址：https：//www.jb51.net/article/135280.htm）vue2.X在构建目录下的webpack.dev.conf.js配置：//在const portfinder = require(‘portfinder')后添加const express = require('express') // nodejs开发框架express...

2018-08-20 23:39:30 492

原创 flex布局快速学习笔记

由于想做一个移动app，传统布局略麻烦，想快速上手flex，参考阮一峰老师的博客写下笔记。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。1.flex布局是什么任何一个容器都可以指定为 Flex 布局。display:flex;行内元素也可以使用flex布局：dis...

2018-08-15 14:55:03 454 2

原创关于报错信息和踩过的坑

1.ajax报Uncaught TypeError:Illegal invocation报错信息截图如下：导致这个错误的原因有两个： 1.请求类型有误，比如post请求，但在后台设置的是get请求 2.参数有误。最大可能是参数不对应或者没有传参经过排查，发现我的参数没有获取到值...希望以后不要踩这个坑...2.关于ajax发送请求无法重定向 ...

2018-08-15 00:17:16 567

原创 vue项目开发流程

1.在app.vue中进行组件拆分,编写模板<template> <div id="app"> <div class="header"> 我是头部 </div> <div class="tab"> 我是tab </div&g

2018-08-10 01:17:10 2898

原创 vue-demo之简单购物车思路总结

先上结果图：1.规划主要功能：增加/减少商品数量，删除商品，计算单件商品总金额，根据勾选项结算总价格，全选/取消全选2.简单写了一下布局，略过。3.从数据库里读取数据渲染到页面中。但还没学怎么从数据库读取数据，暂时自己定义一个json，从下面这个json中读取数据。var shoplist = {"shop":[{ shopname:"剃须刀", ...

2018-08-08 16:17:23 2035

原创 vue小结

学习第一天1.MVVM模式2.一般一个页面只有一个根元素，实例化一个Vue对象——new Vue()3.写法：插值表达式 {{msg}} 指令：v-html="msg" —— 可以识别标签 | v-text="msg" —— 纯文本，不能识别标签，可用插值表达式代替{{msg}} 事件结构：v-on:click="fn()"4.v-...

2018-08-08 01:18:00 138

原创 vue的两个小demo思路总结

1.tab栏思路：1.先把布局写好；2.当点击li时，把当前的i传给msg，通过判断msg和i是否相等，从而达到显示隐藏的目的。<body> <div id="box"> <div class="list"> <ul> <li v-for="(v,i) in mylist" @click=&

2018-08-07 02:34:24 193

原创 webpack简单总结

目录webpack简单创建工程目录步骤配置文件插件webpack简单创建工程目录步骤1、创建目录test； 2、初始化目录test：npm init -y。 3、全局安装webpack-cli —— npm install -g webpack-cli。 4、全局安装webpack —— npm install -g webpack。 5、使用webpack –mode...

2018-08-06 10:40:29 118

翻译 ES6的class和继承

基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰，更像面向对象编程的语法而已。//定义类class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this....

2018-08-03 12:53:08 232

翻译 ES6解构赋值

比较简单粗略地了解各类型解构的语法：（后续有增加理解的话会继续添加...）1.数组的解构赋值解构：const [a,b,c,d,e]=[1,2,3,4,5]; 赋值：let m=23;let n=12;// 交换数值。[m,n]=[n,m];// 把右边的值提取出来，赋值给左边。2.对象的解构赋值解构：let {name,age}={age:...

2018-08-03 01:47:59 125

原创 let 和 const 命令

let 命令和 var 命令非常相似，但let 有以下几个特性：1.不存在变量提升：命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。但let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。2.暂时性死区在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”。3.不允许重复声明let不允许在...

2018-08-02 18:44:38 147

原创箭头函数

箭头函数写法可以有： var fn = n=>{}; 只有一个参数可以不写括号 var fn = ()=>'hello'; 没有参数要写括号，如果直接返回值可以写。建议按照常规写法。箭头函数不存在argument，如果要用请...rest参数代替。箭头函数的this=>箭头函数的this永远指向上一个不是箭头函数的...

2018-08-02 16:27:49 450

原创关于闭包的一些理解

闭包是什么？ ——可简单理解为：有权访问另一个函数作用域内变量的函数都是闭包。先看一段代码：function add(){ var n = 0; function inc(){ n++; console.log(n); } return inc;}var test = add(); //注意：add()返回的是函数in...

2018-08-02 15:37:57 108

翻译正则表达式的理解和常见应用

正则表达式，就是用某种模式去匹配一类字符串的公式，是一个描述字符串规则的表达式。学习正则表达式就是学习怎样定义一种“模式”的语法，说白了，就是学习各种匹配的规则，例如匹配数字要怎么要怎么写，匹配字符怎么写等等。表达式简要：字符描述 ^ 匹配输入字符串的开始位置。 $ 匹配输入字符串的结束位置。 * 匹配前面的子表达式0次或多次。例如，zo*能匹配“...

2018-08-02 15:36:40 346

原创关于原型链的一些理解

问题：什么是构造函数以及作用？构造函数与普通函数区别是什么？用new关键字的时候到底做了什么？构造函数有返回值怎么办？构造函数能当普通函数调用吗？1.什么是构造函数以及作用？（说人话的解释：构造函数，就是一个普通的函数，与其他函数没有任何区别，可以理解为函数==构造函数，它只是概念上的一个定义，使用它用来实例化对象。）...

2018-08-02 15:36:10 153

淮枳