特牛生活网

20200621 前端开发日报

每日开发周报
  • 【HTML5】2天搞定HTML5

    一,简介 HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 HTML 5 是下一代的 HTML。 HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 二,标签 - 标题标签 <h1 - h6> 定义和用法 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标

  • Spring Web 系列:静态资源配置与读取

    【WEB系列】静态资源配置与读取 SpringWeb项目除了我们常见的返回json串之外,还可以直接返回静态资源(当然在现如今前后端分离比较普遍的情况下,不太常见了),一些简单的web项目中,前后端可能就一个人包圆了,前端页面,js/css文件也都直接放在Spring项目中,那么你知道这些静态资源文件放哪里么

  • GitHub为私人仓库添加协作者

    GitHub 在被微软收购后,对中小团队、小企业越发友好了。不久前开放了个人可以新建不限协作者人数的私人仓库,小团队又可以省下一笔。 大家都懂得创建私人仓库,就来说说怎么添加协作者吧。 步骤 1、点击上部最右

  • 我终于搞清了啥是 HTTPS 了

    引言 最近上海连续下了一周雨,温度一夜之间回到解放前,穿夏装的我被冻得瑟瑟发抖,躲在家里哪也不想去。 在家百无聊赖的刷着网页,看到公众号后台的留言,有同学问我 HTTP 和 HTTPS 有啥区别? 这还用问,当然是 HTTPS 要比 HTTP 更加的安全啊,没看到后面带着个 S 呢么,带着 S 就这么

  • promise经典面试题

    上期讲了 promise 基本概念和用法,今天结合上期的内容,讲解几道经典的相关面试题。 promise基本规则: 1. 首先 Promise 构造函数会立即执行,而 Promise.then() 内部的代码在当次事件循环的结尾立即执行(微任务)。 2. promise 的状态一旦由等待 pending 变为成功 fulfilled 或者失败 rejected 。那么当前 pr

  • 用vue简单写一个音乐播放组件

    公司有个单位项目,需要读取语音文件并进行播放,其实用audio引入个播放链接即可,不需要太多功能后来想到网站是不是也可以放个小播放器插件,索性查了audio相关api,也学习其中相关技巧,分享给大

  • 从零写一个 Vue(四)虚拟 DOM

    本篇是从零实现 vue2 系列第四篇,为 YourVue 添加虚拟 dom。 之前在第一篇实现 vue 流程的时候,将模版解析成 ast,直接生成了真实 dom。这并不是 vue 的实现方式,真正的实现方式是将 parse(template) 生成的 ast 通过 gencode 生成 render 函数,然后执行 render 函数生成 VNode,构建虚拟 dom 树,然后通过虚拟 d

  • Vue+Ts搭建项目(二): Vuex的使用

    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(三)数组监听

    上一篇我们实现了双向绑定,篇幅原因没有处理数组。我们知道 vue 是通过重写了几个数组的方法实现的数组监听,先在 Observer 中添加几行代码。 class Observer{ constructor(value) { this.value = value this.dep = new Dep() def(value, '__ob__', this) if(Array.isArray(value

  • 腾讯地图JSAPI-在地图上添加自定义覆盖物

    以下内容转载自多多洛爱学习的文章《JSAPI-在地图上添加自定义覆盖物》作者:多多洛爱学习 链接:[链接] 来源:掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处

  • prototype 是原型吗?终结 JS 原型疑问

    ❝ JS 的原型和原型链可以说是最基础的知识了,一起来总结下 ❞ 有图有真相 ❝ 这张流传久远的图其实很好的将原型与原型链的关系表达了出来,我们去分析图中的指向就可以了 ❞ 实例对象 就是图中最左侧的一列,包括由构造函数 Foo 生成的 f1、 f2 和 Object 生成的 o1、o2 构造

  • webpack基础入门

    output最终结果是一个object,如果是别的数据类型会报错。 参数名 意义 备注 filename 打包后文件名 必要,没有会报错 path 打包后路径 必要,没有会报错,文件名没有会创建文件 library 输出文件以什么暴露

  • Javascript开发人员偏爱Deno而不是Node的5大原因

    NodeJS的作者Ryan Dahl发布了一个新的运行时,旨在解决Node的许多缺点。你最初的反应可能是“哦,太棒了,另一个Javascript框架?正是我所需要的...”。别担心,我也有同样的反应。在了解了优势之后,我也看到了为

  • JavaScript之实现bind

    let obj={ name:'我' } function fn(country,type){ console.log(this.name+'是'+country+type); } let newFn=fn.bind(obj,'中国'); newFn('人'); 复制代码 打印结果:我是中国人. 我们可以得出结论: bind也可以改变this,但是他不会立即执行,而是返回一个函数(高阶

  • Git 居然可以用来跟女神聊天?

    但是,作为版本控制软件的 Git ,能跟聊天工具扯上关系吗?这二者似乎毫无关系,但脑洞大开的外国朋友 Ephi Gabay 就开发了一个 GIC ,活生生将 Git 改造成了一个聊天工具,有了它你就可以跟女神亲密沟通了

  • 深入JavaScript 之异步编程

    近日,整理了学习笔记,然后分享给大家,共同学习,共同进步,篇幅过长建议收藏。 js异步编程我们从以下几个部分来看一看 理解异步 EventLoop 异步编程方法-发布订阅 深入理解promise Generator函数 深入理解async/await 1. 理解异步 同步与异步 首先我们得清楚的知道,什么是同步,什

  • 前端开发实战:RxJS与内存泄漏

    最近项目开始使用RxJS,很多组件订阅的可观察对象没有退订。为了验证不退订会造成内存泄漏,特意做了一些测试,以下内容是对测试的记录和总结,希望对大家有所帮助。 第一步:编写测试代码 为了验证不退订的组件会造成内存泄漏,测试代码会创建两个组件,第一个组件会退订,第二个则不会,然后通过定时器交替创建和

  • 带你学会—React

    滴水能把石穿透,万事功到自然成——zZ先森 1.React脚手架__create-react-app 全局安装脚手架 $ npm install -g create-react-app //或者 $ yarn add -g create-react-app 复制代码 基于脚手架快速构建工程化项目 $ create-react-app xxx //xxx:项目名称遵循npm包规范,使用小写字母、数字、横杠组合方式 复制代

  • JS加HTML实现弹窗提示是否确认提交

    需求:当点击input按钮时候,弹出确认框,确认后提交到指定url,效果如下 分析:这里面要,引入三个库文件,如下是下载地址 layui样式文件: https://layer.layui.com/ layer弹窗组件: https://www.layui.com/ jquery代码库: http://www.jq22.com/ 代码:下载后放入响应的项目目录,最后代码如下

  • JS数组奇巧淫技

    用不好数组的程序猿不是一个好猿,我说的~ 前段时间接手一个项目,逻辑晦涩难懂,代码庞大冗余,上手极其困难。很大的原因就是数组方法使用不熟练,导致写出了很多垃圾代码,其实很多地方稍加改动就可以变得简单高效又优雅。因此我在这里总结下数组的常用方法和奇巧淫技(奇巧淫技主要是reduce~)。 数组操作首先要

  • 一时技痒,撸了个动态线程池,源码放 GitHub 了

    阐述背景 线程池在日常工作中用的还挺多,当需要异步,批量处理一些任务的时候我们会定义一个线程池来处理。 在使用线程池的过程中有一些问题,下面简单介绍下之前遇到的一些问题。 场景一:实现一些批量处理数据的功能,刚开始线程池的核心线程数设的比较小,然后想调整下,只能改完后重启

  • Javascript千面之变幻莫测的this指向

    相信很多前端人对“this”的指向是很懵逼的,因为this的指向总是变幻莫测,在不同的调用环境中,它的指向总是各不相同。 在面试中,this也是经常考的必考题之一,很多前端老鸟经常会在this这里掉坑。 接下来,看笔者来一层一层的揭开this指向的面纱。 1.事件调用环境中的this指向 <div class="box1&q

  • git 最全命令总结都在这里了

    /etc/gitconfig 文件: 包含系统上每一个用户及他们仓库的通用配置。 如果在执行 git config 时带上 --system 选项,那么它就会读写该文件中的配置变量。 (由于它是系统配置文件,因此你需要管理员或超级用户权限

  • 复杂系统迁移 .NET Core 平台系列:WebApi 改造

    源宝导读:微软跨平台技术框架—.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件。本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验。 一、背景 随着ERP的产品线越来越多,业务关联也日益复杂,应用间依赖关系也变得错综复杂,单体架构的弱点日趋明显。19年

  • 你不知道的前端异常处理(万字长文,建议收藏)

    除了调试,处理异常或许是程序员编程时间占比最高的了。我们天天和各种异常打交道,就好像我们天天和 Bug 打交道一样。因此正确认识异常,并作出合适的异常处理就显得很重要了

  • 标签: