基于vue-cli3搭建一个后台管理系统框架；Vue2.x（含组件）主流程源码笔记（一）：前言及总流程概览；Nodejs Express遇到的坑；2020年年初前端面试题；2、前端页面如何优雅的显示PDF（上）：渲染页面；JavaScript 专题之花式表示 26 个字母；Vue系列-动手实现简易MVVM库；回顾JS如何向网页中输入内容,与浏览器窗口进行交互
-
一、安装 【1.1】安装Node 3.x需要node.js版本为8.9版或者更高的版本，点击这里可以安装 node 安装过node后，输入下面命令行查询你的node版本： node -v复制代码 如果当前版本不够，可以输入下面命令行来把node版本更新到最新的稳定版本 先清除npm缓存：npm cache clean -f 然后安装n模块：npm install…
-
Vue2.x（含组件）主流程源码笔记（一）：前言及总流程概览
Vue 是一套用于构建用户界面的渐进式框架，被设计为可以自底向上逐层应用。本系列不会刻意梳理讲解 API 及 Vue 的用法， 官方文档 已经有清晰的讲解。 本系列文章作为笔记，用于记录 vue2.x 的构建（含组件）主流程。 概览 根据 vue 构建 demo 的生命周期及其数据变化的更新作为流程线及相关，本系列文章一…
-
做项目用Express框架搭服务端解决跨域问题的时候遇到的一个坑，app.all()竟然不生效，记录下来防止以后再犯:sweat_smile: 解决跨域(CORS) 在app.js中加入以下代码解决跨域问题相信大家都知道： app.all(‘*’, function(req, res, next) { res.setHeader(‘Access-Control-Allow-Origin’, ‘*’) res.setHeader(‘Ac…
-
跳槽是早就计划好的，虽然因为疫情的原因耽搁了一个月，但实在是不想就这么混吃等死了，最终还是选择离职。前两周基本都是在试水的态度参加面试的，所以面得都不怎么样。在此，我必须真诚的给各位一个忠告，千万不要有这种心理，因为我的这种心理导致前期错过了一些还不错的公司T_T。 我面试的是前端开发，前期准备工作…
-
关键的两个文件 pdf.js pdf.worker.js 如何使用 import pdfjs from ‘pdfjs-dist’; import pdfjsWorker from ‘pdfjs-dist/build/pdf.worker.entry’; pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker; 复制代码 这两个文件包含了获取、解析和展示PDF文档的方法，但是解析和渲染PDF需要较长的时间，…
-
先来个思考题： // 下面这一句会打印什么呢？ + 复制代码 我们直接看效果： 如果觉得打印一个字母不过瘾的话，打印一句话呢？ // 注意，在Chrome浏览器中打印 + + + + + + + + + ] + +…
-
什么是MVVM:question: MVVM 是 Model-View-ViewModel 的缩写，它是一种 基于前端开发的架构模式 ，其核心是 提供对View 和 ViewModel 的双向数据绑定 ，这使得 ViewModel 的状态改变可以 自动传递 给 View ，即所谓的 数据双向绑定 。 如下图所示： Model：模型层，负责 处理业务逻辑以及和服务器端进行交…
-
第2章 请和我互动（常用互动方法） 本章节主要讲解如何向网页中输入内容，如何与浏览器窗口进行交互，通过简单的对象方法就可以轻松实现。 2-1 JavaScript-输出内容（document.write） 2-2 JavaScript-警告（alert 消息对话框） 2-3 JavaScript-确认（confirm 消息对话框） 2-4 JavaScript-提问（prompt 消息…
-
一直以来没有认考虑过自身对前端认识这样这一件事，在听winter的直播时，提到的一个灵魂拷问： 关于前端你都会什么？ 这样一个问题抛出后，瞬间想到的是 html、css、js、vue、webpack等一些零乱的技术点，从技术点的角度上来说并没有错。但是确不成体系，缺少层次构架，技术服务于需求，能胜任需求开发的是能力。因…
-
手把手教你用原生JavaScript造轮子（四）——Tabs选项卡
Tabs 选项卡 文档： Tabs 源码： tiny-wheels 如果觉得好用就点个 Star 吧~(〃’▽’〃) 效果 思路 这个组件的难点在于控制每个 tab 项底部条的移动以及对应 panel 的移动，最常见的做法是通过 transform 来改变元素的位置，不废话，直接上代码 实现 文章只列出关键部分的代码，其余逻辑可自…
-
赤裸裸的vuex Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式 。这是官方的定义，言外之意有3层意思。 全局的数据 响应式数据 vue的插件 所以我们先实现一个满足上述条件的简单版vuex class Vuex{ constructor(modules){ this.state = modules.state } …
-
Vue 的计算属性真的会缓存吗？（保姆级教学，原理深入揭秘）
很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 注意 本文假定你对 Vue 响应式原理已经有了基础的了解，如果对于…
-
Angular 提供了Jasmine + Karma 的单元测试，还不了解的同学请看Angular单元测试浅说。 Angular中需要为每个被测试的文件创建以 .spec.ts 结尾的文件作为测试文件，除了引入测试文件本身需要的依赖外，还需要将被测试文件所属的依赖添加到测试文件。 在这里发现了 vscode 插件： shark-extension(yangbo)，可以一键生成…
-
Vue2.x（含组件）主流程源码笔记（五）：beforeMount 阶段
接上文，在触发生命周期钩子 created 后，执行： if (vm.$options.el) { vm.$mount(vm.$options.el); } 复制代码 该句执行完后， _init 方法（位置在 src/core/instance/init.js ）执行结束。 $mount 简述 判断是否有 $options.el ，如果有就直接执行： vm.$mount(vm.$options.el) 。在前面已经提到 …
更多内容请关注公众号【前端开发博客】每日更新
