随笔分类 - 框架
摘要：本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite 重定向问题。 location 优先级 =
阅读全文
posted @ 2020-12-11 13:54
浅笑·
摘要：准备工作 首先搭建vue项目，lint选择ESLint + Prettier，配置方式选择In dedicated config files。具体搭建过程这里就不赘述了，如果不熟悉的同学可以点击这里。 配置Eslint 项目搭建完成后，根目录下会自动生成一个.eslintrc.js文件，我们直接来看
阅读全文
posted @ 2020-12-11 13:53
浅笑·
摘要：一.安装 安装webpack4最新版本 npm install --save-dev webpack@4 安装新增依赖 webpack-cli 这个在webpack3中，webpack本身和它的CLI是在同一个包中，webpack4中将两个分开管理。 npm install --save-dev w
阅读全文
posted @ 2020-12-11 13:51
浅笑·
摘要：Dart语言与其他语言究竟有什么不同呢？在已有的编程语言经验的基础上，我们该如何快速上手呢？本篇文章从编程语言中最重要的组成部分，也就是基础语法与类型变量出发，一起来学习Dart吧 一、Dart语言之初体验 Dart可以在编译器（Android Studio）、命令行（前提是安装了Dart SDK）
阅读全文
posted @ 2020-12-11 13:49
浅笑·
摘要：前言 随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。 比如vue项目vuex文件非常多： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); im
阅读全文
posted @ 2020-12-11 13:48
浅笑·
摘要：随着vue应用程序的大小增加，vuex Store中的actions和mutations也会增加。本文，我们将介绍如何将其减少到易于管理的东西。 Vuex是什么 Vuex是vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。 我们怎么
阅读全文
posted @ 2020-12-11 13:46
浅笑·
摘要：组件的状态是一种保存、处理和使用给定组件内部信息的方法，并允许你实现其自身的逻辑。状态本身其实是JavaScript中一个简单的对象(Plain Old Java[Script] Object)，并且改变它是使组件重新进行渲染的几种方法之一。 这是react背后最基本的思路之一,但是它(状态)有一些
阅读全文
posted @ 2020-12-11 13:45
浅笑·
摘要：vue双向绑定原理分析 当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的se
阅读全文
posted @ 2020-12-11 13:39
浅笑·
摘要：1、递归组件-简单树形控件预览及问题 在编写树形组件时遇到的问题： 组件如何才能递归调用？ 递归组件点击事件如何传递？ 2、树形控件基本结构及样式 <template> <ul class="vue-tree"> <li class="tree-item"> <div class="tree-con
阅读全文
posted @ 2020-12-11 13:30
浅笑·
摘要：前段时间，vue 官方释出了 Composition API RFC 的文档，我也在收到消息的第一时间上手尝鲜。 虽然 vue 3.0 尚未发布，但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。接下来的内容我将以构建
阅读全文
posted @ 2020-12-11 13:28
浅笑·
摘要：我们身处科技高速发展的时代；互联网日新月异，移动应用程序开发产业也在大踏步前进。多年来，移动应用的市场需求呈爆发式增长；众多企业都在开发自己的移动应用程序，或者用于促销自己的产品，或者用来向客户提供更好的服务。 众所周知，主导全球市场的两大移动平台分别是 iOS 和 Android。当一家企业决定开
阅读全文
posted @ 2020-12-11 13:22
浅笑·
摘要：Virtual DOM 是一种编程理念 Virtual DOM 是一种编程理念。UI 信息被特定语言描述并保存到内存中，再通过特定的库，例如 reactDOM 与真实的 DOM 同步信息。这一过程成为 协调 (Reconciliation)。 与之对应的数据结构 Virtual DOM 反映到实际的
阅读全文
posted @ 2020-12-11 13:20
浅笑·
摘要：与我使用的其他框架相比，我最喜欢 react 的原因之一就是它对 JavaScript 的暴露程度。没有模板DSL（ jsX 编译为合理的 JavaScript），组件 API 只是通过添加 React Hooks 变得更简单，并且该框架为解决的核心 UI 问题提供非常少的抽象概念。 因此，学习 J
阅读全文
posted @ 2020-12-11 13:17
浅笑·
摘要：最近观察项目 CI 跑的情况如何时，会偶尔发现一两个镜像虽然构建成功但是容器跑不起来的情况。究其原因，是因为一个 exit code 的问题 throw new Error 与 Promise.reject 区别 以下是两段代码，第一个是抛出一个异常，第二个是 Promise.reject，两段代码
阅读全文
posted @ 2020-12-11 13:14
浅笑·
摘要：在微服务架构的世界中，我们通过一系列服务构建应用。集合中的每项服务都符合以下标准： 松散耦合 可维护和可测试 可以独立部署 微服务架构中的每个服务都解决了应用中的业务问题，或至少支持一个。一个团队对应用中的一个或多个服务负责。 微服务架构可以解锁许多好处。 它们通常更容易构建和维护 服务是围绕业务问
阅读全文
posted @ 2020-12-11 13:11
浅笑·
摘要：众所周知，官方提供了好几个办法来让我们在开发 Flutter app 的过程中可以使用查看 fps等性能数据，如 devtools ，具体见文档 Debugging Flutter apps 、 Flutter performance profiling等。 但是这些工具统计到的数据充其量只能算开发
阅读全文
posted @ 2020-12-11 13:09
浅笑·
摘要：随着前端项目复杂程度越来越高，依赖也越来越多，为了提高项目中代码的可复用性，前端开始提出模块化开发的思路，前端模块化会有以下几个痛点： 命名冲突文件依赖代码复用 模块化，会将相关的代码封装成一个package包的文件，当需要的时候，直接拿来用即可(import引入)。至于相关文件的直接依赖如何处理，
阅读全文
posted @ 2020-12-11 13:06
浅笑·
摘要：我的许多同事最近通过各种方式问同一类问题： “如果我们开始用 hook 后，那还有必要用 Redux 吗？”“react hook 不是让 Redux 过时了吗？那只用 Hooks 就可以做 Redux 所有能做的事了吧？” 随便搜一下 Google，你就会发现人们也在互联网上问同样的问题。简单来说
阅读全文
posted @ 2020-12-11 13:03
浅笑·
摘要：一、什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态，其实指的是实例之间的共享数据，Vuex是管理应用中不同Vue实例之间数据共享的工具。 下图是Vuex官方提供的对于状
阅读全文
posted @ 2020-12-08 14:57
浅笑·
摘要：1.前端角度 a.将图片发给后端 ajax 1.前端获取图片信息 文件域2.将文件信息 存到formdata3.调用后端写的api接口发送数据 b.接受返回的数据 前端页面显示图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
阅读全文
posted @ 2020-12-08 14:55
浅笑·
浙公网安备 33010602011771号