simoon's的博客

原创 关于Vue2.x中数组的劫持，我提了下面几个问题

你好，我是终身学习的阿飞。我做了个青柠檬读书会的公众号，每天分享我的学习、读书的内容，同时也会分享我的一些学习方式和一些软件推荐。我最近在读《深度工作》，有点相见很晚的感觉。预计在下周会写一个读后感，发表在青柠檬读书会的公众号。欢迎你前来阅读如果您有任何问题，可以在博客下方留言，我们一起探讨。有兴趣可以关注，我们一起进步！序在昨天的文章探讨vue2.x的数据劫持是怎么实现的？中，我们探讨了vue是如何对对象劫持的。今天继续探讨另外一个问题。vue中是如何对数组进行劫持的。在使用vue的过程

原创 探讨Vue2.x的数据劫持是怎么实现的

你好，我是终身学习的阿飞。我做了个青柠檬读书会的公众号，每天分享我的学习、读书的内容，同时也会分享我的一些学习方式和一些软件推荐。如果您有任何问题，可以在博客下方留言，我们一起探讨。有兴趣可以关注我的博客，我们一起进步！引言Vue3.0已经到来，使用vue两年余的我，vue2.x原理学习才姗姗来迟。所幸，虽晚，却仍未晚。当我们使用vue的时候，我们会引入「VUE」。我们再new Vue的时候，会传入一个data的函数，返回一个对象。最后我们可以通过构造的这个对象获取数据。大概的代码是

原创 使用浏览器配合手机调试&使用Proxy劫持（3类真机调试技巧）

你好，我是终身学习的阿飞。我做了个青柠檬读书会的公众号，每天分享我的学习、读书的内容，同时也会分享我的一些学习方式和一些软件推荐。如果您有任何问题，可以在博客下方留言，我们一起探讨。有兴趣可以关注，我们一起进步！方式一： Chrome + Android OR Safari + iossafari + ios在Mac端safari中调试vue网页在iphone手机中，设置 - 高级 - 打开web检查器通过ifconfig（ipconfig）查看本机的IP用safar

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

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

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

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

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

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

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

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

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

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

原创 ESLint那些事

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

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

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

原创 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...

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

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

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

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

原创 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...

原创 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...

原创 React 入门笔记

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

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

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

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

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

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

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

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

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

原创 js面试题系列之异步

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

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

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

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

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

原创 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('/...

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

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

原创 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 ...

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

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

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

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

原创 webpack构建vue项目深入

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

原创 webpack构建vue项目深入

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

原创 使用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...

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

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

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

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

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

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

原创 mongoDB:5、findAndModify

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

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

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

原创 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....

原创 mongoDB:3、update修改数据

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