【HTML5】2天搞定HTML5；Spring Web 系列：静态资源配置与读取；GitHub为私人仓库添加协作者；我终于搞清了啥是 HTTPS 了；promise经典面试题；Vue源码阅读(一) 准备工作；用vue简单写一个音乐播放组件；从零写一个 Vue（四）虚拟 DOM
-
一，简介 HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 HTML 5 是下一代的 HTML。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 二，标签 – 标题标签 <h1 – h6> 定义和用法 <h1> – <h6> 标签可定义标题。<h1> 定义最大的标…
-
【WEB系列】静态资源配置与读取 SpringWeb项目除了我们常见的返回json串之外，还可以直接返回静态资源（当然在现如今前后端分离比较普遍的情况下，不太常见了），一些简单的web项目中，前后端可能就一个人包圆了，前端页面，js/css文件也都直接放在Spring项目中，那么你知道这些静态资源文件放哪里么 …
-
GitHub 在被微软收购后，对中小团队、小企业越发友好了。不久前开放了个人可以新建不限协作者人数的私人仓库，小团队又可以省下一笔。 大家都懂得创建私人仓库，就来说说怎么添加协作者吧。 步骤 1、点击上部最右…
-
引言 最近上海连续下了一周雨，温度一夜之间回到解放前，穿夏装的我被冻得瑟瑟发抖，躲在家里哪也不想去。 在家百无聊赖的刷着网页，看到公众号后台的留言，有同学问我 HTTP 和 HTTPS 有啥区别？ 这还用问，当然是 HTTPS 要比 HTTP 更加的安全啊，没看到后面带着个 S 呢么，带着 S 就这么…
-
上期讲了 promise 基本概念和用法，今天结合上期的内容，讲解几道经典的相关面试题。 promise基本规则： 1. 首先 Promise 构造函数会立即执行，而 Promise.then() 内部的代码在当次事件循环的结尾立即执行(微任务)。 2. promise 的状态一旦由等待 pending 变为成功 fulfilled 或者失败 rejected 。那么当前 pr…
-
1. 前言 vue版本：2.6.11 vue-router仓库： https://github.com/vuejs/vue vue-router文档： https://cn.vuejs.org/ 文章时间：2020-06-16 2. 开发模式 npm run dev，即运行package.json中的dev命令，其目的是把src/目录下的相关文件打成为dist/vue.js文件。 2.1 解析dev命令 首先我们看看packag…
-
公司有个单位项目，需要读取语音文件并进行播放，其实用audio引入个播放链接即可，不需要太多功能后来想到网站是不是也可以放个小播放器插件，索性查了audio相关api，也学习其中相关技巧，分享给大家
-
本篇是从零实现 vue2 系列第四篇，为 YourVue 添加虚拟 dom。 之前在第一篇实现 vue 流程的时候，将模版解析成 ast，直接生成了真实 dom。这并不是 vue 的实现方式，真正的实现方式是将 parse(template) 生成的 ast 通过 gencode 生成 render 函数，然后执行 render 函数生成 VNode，构建虚拟 dom 树，然后通过虚拟 d…
-
Vuex结构目录 目录结构 ├─ src/ │ ├─ store/ │ ├─── modules/ │ │ ├─ user.ts │ ├─── index.ts 复制代码 index.ts 代码 import Vue from "vue"; import Vuex from "vuex"; import { IUserState } from "./modules/user"; Vue.use(Vuex); export …
-
上一篇我们实现了双向绑定，篇幅原因没有处理数组。我们知道 vue 是通过重写了几个数组的方法实现的数组监听，先在 Observer 中添加几行代码。 class Observer{ constructor(value) { this.value = value this.dep = new Dep() def(value, ‘__ob__’, this) if(Array.isArray(value…
-
后端篇一阶段内容已经完成得差不多了，前端篇还没正式开始，这段时间会先转前端篇，就着之前搭建的前端脚手架搭建继续添加后续的内容。本文重点讲一下前端登录与路由模块化思路，顺便会讲一下elementui-admin脚后架的自定义图标的使用。 登录 做为后台管理系统，登录模块是不可缺少的。这里简单说明一下登录模块需要做…
-
以下内容转载自多多洛爱学习的文章《JSAPI-在地图上添加自定义覆盖物》作者：多多洛爱学习 链接：[链接] 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
-
❝ JS 的原型和原型链可以说是最基础的知识了，一起来总结下 ❞ 有图有真相 ❝ 这张流传久远的图其实很好的将原型与原型链的关系表达了出来，我们去分析图中的指向就可以了 ❞ 实例对象 就是图中最左侧的一列，包括由构造函数 Foo 生成的 f1、 f2 和 Object 生成的 o1、o2 构造…
-
output最终结果是一个object,如果是别的数据类型会报错。 参数名 意义 备注 filename 打包后文件名 必要，没有会报错 path 打包后路径 必要，没有会报错，文件名没有会创建文件 library 输出文件以什么暴露 …
-
Javascript开发人员偏爱Deno而不是Node的5大原因
NodeJS的作者Ryan Dahl发布了一个新的运行时，旨在解决Node的许多缺点。你最初的反应可能是“哦，太棒了，另一个Javascript框架？正是我所需要的…”。别担心，我也有同样的反应。在了解了优势之后，我也看到了为…
-
以下面这种方式，写单例很容易： let someModule async getSomeModule() { if (!someModule) { someModule = await someAsyncOperationsToInitializeModule() } return someModule } module.exports = getSomeModule 复制代码 通常以这种方式使用它： // in async function const getSomeModul…
-
let obj={ name:’我’ } function fn(country,type){ console.log(this.name+’是’+country+type); } let newFn=fn.bind(obj,’中国’); newFn(‘人’); 复制代码 打印结果：我是中国人. 我们可以得出结论： bind也可以改变this，但是他不会立即执行，而是返回一个函数（高阶…
-
但是，作为版本控制软件的 Git ，能跟聊天工具扯上关系吗？这二者似乎毫无关系，但脑洞大开的外国朋友 Ephi Gabay 就开发了一个 GIC ，活生生将 Git 改造成了一个聊天工具，有了它你就可以跟女神亲密沟通了！
-
近日，整理了学习笔记，然后分享给大家，共同学习，共同进步，篇幅过长建议收藏。 js异步编程我们从以下几个部分来看一看 理解异步 EventLoop 异步编程方法-发布订阅 深入理解promise Generator函数 深入理解async/await 1. 理解异步 同步与异步 首先我们得清楚的知道，什么是同步，什…
-
最近项目开始使用RxJS，很多组件订阅的可观察对象没有退订。为了验证不退订会造成内存泄漏，特意做了一些测试，以下内容是对测试的记录和总结，希望对大家有所帮助。 第一步：编写测试代码 为了验证不退订的组件会造成内存泄漏，测试代码会创建两个组件，第一个组件会退订，第二个则不会，然后通过定时器交替创建和…
-
JavaScript中的执行上下文，既然遇见了这篇图文并茂的文章，干脆看完吧（系列四）
前言 又到了修炼JavaScript内功的时候了，继上一篇 《从作用域到作用域链》 之后，我们来谈一谈执行上下文，在写这篇文章的时候总感觉无法完整的将知识点串联起来，所以希望大家也能提些建议哦，让这篇文章更值得收藏、点赞哦～ 一、怎么描述执行上下文 1.1 本节知识导图： 1.2 如果描述…
-
滴水能把石穿透，万事功到自然成——zZ先森 1.React脚手架__create-react-app 全局安装脚手架 $ npm install -g create-react-app //或者 $ yarn add -g create-react-app 复制代码 基于脚手架快速构建工程化项目 $ create-react-app xxx //xxx:项目名称遵循npm包规范，使用小写字母、数字、横杠组合方式 复制代…
-
需求：当点击input按钮时候，弹出确认框，确认后提交到指定url，效果如下 分析：这里面要，引入三个库文件，如下是下载地址 layui样式文件： https://layer.layui.com/ layer弹窗组件： https://www.layui.com/ jquery代码库： http://www.jq22.com/ 代码：下载后放入响应的项目目录，最后代码如下…
-
用不好数组的程序猿不是一个好猿，我说的~ 前段时间接手一个项目，逻辑晦涩难懂，代码庞大冗余，上手极其困难。很大的原因就是数组方法使用不熟练，导致写出了很多垃圾代码，其实很多地方稍加改动就可以变得简单高效又优雅。因此我在这里总结下数组的常用方法和奇巧淫技（奇巧淫技主要是reduce~）。 数组操作首先要…
-
阐述背景 线程池在日常工作中用的还挺多，当需要异步，批量处理一些任务的时候我们会定义一个线程池来处理。 在使用线程池的过程中有一些问题，下面简单介绍下之前遇到的一些问题。 场景一：实现一些批量处理数据的功能，刚开始线程池的核心线程数设的比较小，然后想调整下，只能改完后重启…
-
学习 Redux 源码整体架构，深入理解 Redux 及其中间件原理
如果觉得内容不错，可以设为星标置顶我的公众号 1. 前言 你好，我是若川。这是学习源码整体架构系列第八篇。整体架构这词语好像有点大，姑且就算是源码整体结构吧，主要就是学习是代码整体结构，不深究其他不是主线的具体函数的实现。本篇文章学习的是实际仓库的代码。 …
-
相信很多前端人对“this”的指向是很懵逼的，因为this的指向总是变幻莫测，在不同的调用环境中，它的指向总是各不相同。 在面试中，this也是经常考的必考题之一，很多前端老鸟经常会在this这里掉坑。 接下来，看笔者来一层一层的揭开this指向的面纱。 1.事件调用环境中的this指向 <div class="box1&q…
-
/etc/gitconfig 文件: 包含系统上每一个用户及他们仓库的通用配置。 如果在执行 git config 时带上 –system 选项，那么它就会读写该文件中的配置变量。 （由于它是系统配置文件，因此你需要管理员或超级用户权限…
-
复杂系统迁移 .NET Core 平台系列：WebApi 改造
源宝导读：微软跨平台技术框架—.NET Core已经日趋成熟，已经具备了支撑大型系统稳定运行的条件。本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验。 一、背景 随着ERP的产品线越来越多，业务关联也日益复杂，应用间依赖关系也变得错综复杂，单体架构的弱点日趋明显。19年…
-
除了调试，处理异常或许是程序员编程时间占比最高的了。我们天天和各种异常打交道，就好像我们天天和 Bug 打交道一样。因此正确认识异常，并作出合适的异常处理就显得很重要了。
-
本篇是从零实现vue2系列第五篇，将 YourVue 实例的 render 函数转换成真实 dom 和更新算法。 文章会最先更新在公众号：BUPPT。 正文 上篇文章我们把 render 函数挂在了 options 属性上，执行 render() 就可以得到 template 对应的虚拟 dom 树了。 export default class YourVue{ update(){ if(thi…
更多内容请关注公众号【前端开发博客】每日更新
