自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 日更 - 摄影学习第五课:延时摄影

2020-06-13 17:16:30 58

原创 日更 -摄影第四课:慢动作,提升视频感染力

2020-06-13 16:56:09 48 2

原创 日更 -摄影学习第三课:防抖和稳定

2020-06-13 16:48:09 54

原创 日更 - 摄影学习第二课:手机参数相关

2020-06-13 16:39:55 52

原创 日更 - 摄影学习,一些关于摄影的细碎概念

今天学习了摄影的相关知识点。以此记录。

2020-06-11 12:49:51 41

原创 精读高效能人士的七个习惯:思维定式

基于原则的思维定式,可以引导我们实现高效能,改善人际关系,解决深层问题。大家好,我是阿飞。今天是我和大家分享的概念是思维定式。在说思维定式之前,我想和大家分享一对图片:这是两个妙龄少女是吗?我第一眼看上去也是这样的。但是我们看看下面这张图:然后,我们再来看看这张图呢?这是一个年过花甲的奶奶不是么?你会扶着一个老奶奶过马路,却不会去扶着一个妙龄的少女过马路不是吗?由此可见,...

2020-04-09 19:12:57 186

原创 《此生未完成》:她说,名利权情,没有一样是不辛苦的

文|阿飞2014年4月,一位风华正茂的女子、海龟博士、复旦大学优秀的青年教师,留下了她深爱的丈夫"光头"和她最放心不下的"土豆",因乳腺癌离开了人世。同年5月,《此生未完成》出版,首发的100本一抢而空。她,就是于娟,一个好人,透透彻彻、干干净净、明明白白的一个好人。一、节俭从大二开始,她开始勤工俭学,一直到博士三年级。做过家教、调研员、文员等十余种兼职。于娟是一个很节约...

2020-04-08 17:04:05 344 2

原创 ESLint那些事

前言两年多以前,我刚刚学前端没多久。老师教我们使用可eslint。当我把eslint安装上的时候,满屏的错误一度让人崩溃,我当时心里想,这么难用的鬼东西,怎么会有人用呢?时至今日,身边还有些朋友,对eslint望而生畏。今天这篇文章,主要聊聊什么是Eslint,为什么要用它。它的实现原理是什么。工作中如何使用的Eslint,以及如何自定义Eslint规则。本文整理自以下文章:掘金:es...

2020-01-12 19:24:17 519

原创 小程序、H5登录授权、分享、支付流程

微信登录、分享、支付流程[TOC]前言对于前端来说,微信的支付、分享、登录是一定要掌握的,今天这篇文章,主要对这三方面的流程进行详细的介绍。主要内容如下:域名相关知识介绍业务域名:在微信浏览器中点击文本框,会弹出提示该网站不安全,请不要输入密码的提示,通过配置业务域名可以解决这个问题。JS接口安全域名:分享功能(js-sdk)时需要试用这个域名。网页授权域名:用于获取用户...

2020-01-12 19:23:02 798

原创 Docker入门之安装教程

本篇介绍了在Mac OS, Windows, Linux下的Docker安装方法。先来一个官方的介绍:Docker Engine is available for Linux (CentOS, Debian, Fedora, Oracle Linux, RHEL, SUSE, and Ubuntu) or Windows Server operating systems and is base...

2020-01-05 17:23:02 705

原创 【读好书第四期】面向对象设计(一)

今天简单介绍一下对象的属性相关知识。导图如下:属性对象的属性有两种:数据属性和访问器属性数据属性数据属性包含一个数据值的位置,可以读取和写入。具有一下四个特征:[[Configurable]]:能否删除属性或定义属性 。默认值true[[enumerbale]]:能否通过forin循环返回对象。默认值true[[Writable]]:可否修改属性值。默认值true[[Value...

2020-01-05 00:20:19 30

原创 小程序中应该如何实现上拉加载?

实现要点:onReachBottom声明周期使用随机数触发子组件的oberserver第一步: 在Page页面中维护一个参数,的onreacebottom中。改变该参数。data: { more: false },onReachBottom: function () { this.setData({ more: true }) },第...

2018-12-14 05:03:14 1108

原创 antd按需加载遇到的坑:.bezierEasingMixin();

在less升级到3.x, webpack 升级到4.x的时候,按需加载就会出现错误 了。./node_modules/antd/lib/button/style/index.less (./node_modules/css-loader??ref--6-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/le...

2018-12-01 18:00:15 9006

原创 2、React基础插件的安装

##目录React-RouterAxiosAntD暴露webpack配置less-loader修改less-loaderReact-Routeryarn add react-router-domless文件的配置首先暴露webpack的配置yarn eject配置less-loader文件: webpack.config.dev.js const less...

2018-12-01 17:50:53 251

原创 React 入门笔记

生命周期的相关概念willMount //即将挂载DomdidMount //已经挂载domwillReciveProps //即将接受参数shouldComponentUpdate // 是否需要更新component, return true or falsewillUpdate //即将更新domdidUpdate //已经更新dom方法需要bi...

2018-11-29 05:20:41 80

原创 面试题之: 什么是MVVM?

考察点:如何理解MVVM?如何实现MVVM?你是否读过VUE源码?面试题1: 说下使用jquery和Vue的区别?答:数据和视图的分离dom 和 js没有分离,真正的内容会混合在js中由js创建不符合开放封闭原则。对扩展开放,对修改封闭以数据驱动视图jquery直接修改视图vue只需要修改数据,框架自动修改视图面试题2: 说一下对MVVM的理解面试题3: ...

2018-11-23 05:21:17 6686

原创 什么是虚拟dom: virtual dom?

我一直在思考, 写博客是为了什么?终于有一天我想明白了: 思考, 表达, 交友。问: vdom是什么?为什么存在?用js模拟dom结构。dom发生变化的对比,放在js层做。提高重绘的性能js是图灵完备语言,能实现各种逻辑和算法的语言。存在的理由:dom操作是非常昂贵的js的运行效率是非常高的 jquery 中操作dom的渲染案例:var $idBtn = $('...

2018-11-19 05:04:20 1174

原创 面试题之:Promise的前世今生

jquery中ajax的几种方法如下: // 方案1 var ajax = $.ajax({ url: './1.json', success: function() { console.log(1); console.log(2); console.log(3); }, error: fun...

2018-11-17 07:55:02 93

原创 面试题之事件轮询(event-loop)

js实现异步的具体解决方案同步代码直接执行异步函数到了指定时间再放到异步队列同步执行完毕,异步队列轮询执行。问: 什么叫轮询?当第一个异步函数执行完之后,再到异步队列监视。一直不断循环往复,所有叫事件轮询。...

2018-11-16 19:39:17 681

原创 js面试题系列之异步

1、什么是单线程?和异步有什么关系?答:单线程: 同一时间只做一件事情。原因: 避免dom渲染冲突解决方案: 异步单线程的小例子:console.log(100)let sum = 0;for(let i = 0; i < 1000000000; i++) { sum ++;}console.log(sum);//如果sum没有执行完,下面的代码就不会执行了co...

2018-11-16 05:13:08 943

原创 常见面试题之谈一谈原型在实际应用中的使用

我一直在思考, 写博客是为了什么?终于有一天我想明白了: 思考, 表达,交流。问: 谈一谈原型和构造函数在实际应用中的使用?答: 原型和构造函数在jquery和zpeto中大量的被使用。zepto的大概的流程是这样的://创建一个自执行函数,避免全局变量被污染(function(window) { // 声明一个zepto对象 var zepto = {}; funct...

2018-11-13 06:20:03 773

原创 Es6(es2015)常见高级面试题

Es6 模块化如何使用,开发环境如何打包?回答: es6的模块化是import 和export 的语法。代码如下://util1.js: 输出一个默认的对象export default { a: 1}//util2.js: 输出两个函数export function fn1() { console.log('fn1')}export function fn1() { con...

2018-11-11 23:33:12 1820

原创 vue+koa 美团实战之koa基础

koa-generator使用安装全局脚手架: npm i -g koa-generator使用: koa2 -e koa2-learncd koa2-learnnpm installnpm i --update-binarynpm run devasync / await 的使用声明了async , 可以没有await , 反之则不可以。router.get('/...

2018-10-15 04:47:20 1449

原创 vue+koa 美团实战之vue基础3:最简单的vuex入门

Vuexvuex的执行流程用户操作,使用dispatch触发actionsactions通过commit提交操作到mutationsmutations方法该表state的数据然后render到组件用法###安装vuexnpm i vuex --save###创建store.js,文件内容如下:第一步: 引入和使用import Vue from 'vue';import ...

2018-10-13 09:19:40 298

原创 vue+koa 美团实战之vue基础3: 路由

路由引入路由npm i vue-router --save如何使用? router.js引入 import Vue from 'vue' import VueRouter from 'vue-router' //引入组件 import xxx from 'xxx'使用 Vue.use(vue-router);定义routes ...

2018-10-13 05:56:05 163

原创 Ajax2.0: formData总结1:普通文件上传

Ajax2.0: formData总结1:普通文件上传普通的请求文件上传##如何用formData上传数据到服务器?Get方法前台:<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title

2018-09-22 10:25:40 193

原创 如何美化单选框按钮?

.toggle text-align center width 40px height 40px position absolute top 0 bottom 0 margin auto 0 //让按钮上下居中对齐 border null //去除原始边框 appearance none //去除按钮的...

2018-07-08 14:14:49 438

原创 webpack构建vue项目深入

准备工作新建文件夹npm init`创建文件夹和文件- [app](#app) - [css](#css) - [reset.css](#resetcss) - [js](#js) - [home](#home) - [router](#router) - [app.vue](#appvue) - [main.js](#mainj...

2018-07-08 14:11:44 145

原创 webpack构建vue项目深入

准备工作新建文件夹npm init`创建文件夹和文件- [app](#app) - [css](#css) - [reset.css](#resetcss) - [js](#js) - [home](#home) - [router](#router) - [app.vue](#appvue) - [main.js](#mainjs)...

2018-07-02 19:54:04 222

原创 使用vue-infinite-scroll实现无限滚动效果

npm i vue-infinite-scroll --savemain.js使用import vueiInfinite from 'vue-infinite-scroll'Vue.use(vueiInfinite)<div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-s...

2018-06-21 17:07:53 8882 4

原创 vue中如何实现左右联动的效果?

这里的坑还是蛮多的,花了一个多小时,才理清楚。 做一下笔记,以便于复习。首先呢,需要让左右的布局都可以滚动,这里使用了betterScrollnpm i better-scrollimport BScroll from 'better-scroll'methods: { _initScroll () { this.menuScroll = new BScro...

2018-06-21 14:31:32 4719 2

原创 vue中实现星星评分组件

以下代码做记录:<template> <div class="star" :class="starSize"> <div v-for="(starType, index) in itemClasses" :key="index" class="star-item" :class="starType"&

2018-06-20 13:45:19 5299

原创 如何在腾讯云linux服务器安装Mongodb?

本人小白,安装的时候还是遇到了一点问题。以此记录,方便日后查看。首先:本地下载mongodb的安装包https://www.mongodb.org/dl/linux/x86_64-amazon?_ga=2.185059695.772659237.1529243192-1240463952.1528126392上面是官网,选择自己需要的网址下载。本地下载好后,把文件传送到服务器端。...

2018-06-18 08:59:20 1099

原创 mongoDB:5、findAndModify

update在实际工作用使用的很少,因为是非应答式操作。db.runCommand()可以执行数据库的命令。在shell和驱动程序提供接口。db.workmate.update({sex: 1}, {$set: {money: 1000}}, false, true)// 第一个代表upsert,没有数据不增加//第二个代表所有的男士都查找到。 multi/...

2018-06-09 09:49:18 489

原创 webpack4配置vue环境和一些小坑。

第一步: npm initnpm install webpack vue vue-loader css-loader vue-template-compiler第二步: 创建文件: src–>app.vue,代码如下:<template> &amp

2018-06-08 17:11:20 14644 1

原创 mongoDB:4、如何接受get请求和post请求

get请求的接收const Koa = require('koa');const app = new Koa()app.use(async(ctx) => { let url = ctx.url; // request用来处理别人发的请求,是一个对象 let request = ctx.request; let req_query = request....

2018-06-08 10:51:40 1063

原创 mongoDB:3、update修改数据

不优雅的修改方式:var db = connect('company')var workmate3 = { name:'MinJie', age:20, sex:0, job:'UI设计', skill:{ skillOne:'PhotoShop', SkillTwo:'UI', SkillThre...

2018-06-08 05:35:46 626

原创 mongoDB:2、快速插入的能力

批量插入> db.test.insert([{"_id":"1"},{"_id":"2"},{"_id":"3"}])BulkWriteResult({ "writeErrors" : [ ], &quo

2018-06-07 10:57:56 115

原创 mongoDB:1、简单的几个命令

> 声明和打印> var x = "hello world"> print(x)hello world> function jspang(){... return "jspang"... }> print(jspang())jspang简单的几个命令 1. 显示数据库> show dbsadmin 0.000GBlocal 0.00...

2018-06-07 10:43:49 132

原创 《javaScript高级程序设计》阅读:15-详细的谈一谈原型

原型模式要了解原型,首先要了解原型对象。 每个函数都有一个prototype属性,这个属性是一个指针,指向原型对象。他的优点是可以让实例共享他(原型对象)的所有属性和方法。那么怎么理解原型对象呢?创建新函数,该函数会创建一个prototype的属性,属性指向原型对象原型对象自动获得constructor属性,该属性指向prototype所在函数。创建构造函数后,原型对象...

2018-06-01 12:11:46 120

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