随笔分类 - 框架
摘要：Node.js 是基于 Chrome V8 JavaScript 引擎构建的开源、跨平台运行时环境。事件驱动的非阻塞I/O 模型使,Nodejs 能开发极其轻便且高效的 Web 应用程序。客户端 和 服务端 脚本中使用相同的语言，并且这种独特的功能已提高了全球许多开发人员使用 NodeJS 框架快速
阅读全文
摘要：最近我弄清楚了如何递归地实现嵌套插槽，包括如何使用作用域插槽来实现。起因是我想看看是否可以构建一个复制v-for指令但仅使用template组件。 它还支持插槽和作用域插槽，也可以支持命名插槽，我们可以这样使用它： <template> <div> <!-- Regular list --> <v-
阅读全文
摘要：摘要 在开发项目中时常有点击跳转滚动到锚点的需求，最简单的锚点定位就是给一个a标签，a标签的href = ‘#锚点’，然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式，在react中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import rea
阅读全文
摘要：你所知道的一些事情，你可能不知道的一些事情 Create react App是搭建react项目的快速方法。这样我们可以重点放在代码上，而不是构建工具上。 事实1：可以使用单个命令创建完整项目 这个神奇的命令可以通过以下三种方式之一调用： npx create-react-app my-app np
阅读全文
摘要：由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。 vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、 具体
阅读全文
摘要：背景 前端开发都少不了对后台的调用，后台地址配置在哪里，是一个很纠结的问题 为此大家开动脑筋，想了不少办法： 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 在代码中定义一个常量如baseUrl，后台请求时，统一拼上这个baseUrl；
阅读全文
摘要：一、 在前后端完全分离的情况下，vue项目中实现token验证大致思路如下： 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 前
阅读全文
摘要：用到 react Navigation 组件 兼容性: IOS/Android原理: react Navigation 为页面的 props 上挂载了 navigation 对象, 可用来做路由跳转，在做页面跳转时可以携带参数/回调方法前往目标页面， 从而达到传参的目的。 切换路由方法： this.
阅读全文
摘要：路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。 import vue from "vue"; import Router from "vue-router"; Vue.use(Router); import store from "@/store/store"; // (延迟加载)
阅读全文
摘要：现在前端工程师的工作已经不想几年前那样，仅仅写一些页面调整一下样式就可以拿到高薪了。由于前端技术的发展，以及企业对前端工程师的要求越来越高，现在前端工作也越来越复杂。不过只要掌握目前比较流行的主流框架，完全可以轻松应对老板提出的各种需求。今天就和大家聊聊前端工程师必须了解的主流前端框架。 已经从事前
阅读全文
摘要：没有选择是痛苦的，有太多的选择却更加痛苦。而后者正是目前前端领域的真实写照。新的框架层出不穷：它难吗？它写得快吗？可维护性怎样？运行性能如何？社区如何？前景怎样？好就业吗？好招人吗？组建团队容易吗？ 每一个框架都得评估数不清的问题，直到耗光你的精力。这种困境，被称为“布利丹的驴子” —— 一只驴子站
阅读全文
摘要：创建store import { action, observable } from 'mobx'; class Store { @observable count = 1; @action setCount = () => { this.count++; } } export const stor
阅读全文
摘要：ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 准备工作 一、VSCode ESLint插件 ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。 二、基于vue-cli创建项
阅读全文
摘要：问题发现 最近准备对团队里公共的插件做一些小动效，优化用户体验。这次的先从最简单的toast插件入手。主要的文件有如下两个：index.js import Toast from './Toast.vue'; const _TOAST = { show: false, component: null
阅读全文
摘要：一、组件生命周期 每个react类组件都包含“生命周期方法”(function组件是没有生命周期方法的)，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。在接下来的文章中，生命周期方法的书写会遵照如下规则，以方便大家理解。 1、加粗生命周期方法表示常用的生命周期方法，开发中会经常使用到
阅读全文
摘要：1 / 状态管理 Rxjs + Service 组件内管理状态：在组件中可以声明一个属性，作为组件的内存存储。每次操作时调用服务（service）中的方法，然后手动更新状态。 export class TodoComponent { todos : Todo[] = []; // 在组件中建立一个内
阅读全文
摘要：一、watch进阶 从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用： watch:{ a(){ //doSomething } } 实际上，Vue对watch提供了很多进阶用法。 handler函数 以对象和handler函数的方式来定义一个监听属性，handler就是处理监听
阅读全文
摘要：1、父子传参： 父组件的数据、方法传递给子组件，子组件通过props接收，可以是数组、对象。 2、子传父（两种）： this.$emit('')可以触发一个自定义的事件 秒收目录站https://www.tomove.com.cn 第一种方法:(推荐) 第一步: 在子组件中绑定一个函数 <p><bu
阅读全文
摘要：一 、问题 vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码，其实方法很简单： 下载依赖包 npm install babel-plugin-transform-remove-console --save-dev； 下载成功后在根目录的babel.config.js配置文件
阅读全文
摘要：对于对象 vue无法检测property的添加或移除，由于vue会在初始化实例时对property执行getter/setter转换，所以propterty必须在data对象上存在才能让Vue将它转换为响应式的。例如 var vm = new Vue({ data:{ a:1 } }) // `vm
阅读全文
浙公网安备 33010602011771号