一个React版的画图工具；你可能不知道的Ajax；Vue CLI3搭建组件库并实现按需引入实战操作；WebSocket 原理浅析与实现简单聊；一个简单的Vue按钮级权限方案；[js行为研究] 对象作为对象的键会发生什么？；前后端分离，我怎么就选择了 Spring Boot + Vue 技术栈？；详解JavaScript中的new操作符
-
一个React版的画图工具 之前看到系统自带的画图工具， 感觉挺有意思， 于是用react和canvas实现了个简易画图工具， 不用react也行， 我主要是因为在原来的项目里写的， 所以用了react。 这里是线上地址： Paint 源码在项目下的Library中： 源码 实现 画笔功能 <canvas id="canvas" onMouseDown={mouseEvent}…
-
你可能不知道的Ajax 本来打算水一篇文章，好达到微信的赞赏要求，结果一搜索，发现这一块的知识其实挺多的。不过呢，真人还是来水。因为太多了，写的简单一点，浅显一点，粗制滥造一点。 如今现世 现在，所有的前端开发者，包括“前端吕布”这种水平的人都会用到ajax. 这样用 // Jquery $.ajax({ url: …
-
Vue CLI3搭建组件库并实现按需引入实战操作 在 Vue CLI3搭建组件库并用npm发布实战操作 中介绍了单个组件的组件库怎么开发，本文将一步一步教大家怎么开发多个组件集成的组件库，怎么实现组件库按需引入。觉得有用点个赞支持一下。 本文将略过安装Vue CLI3、搭建组件库的项目、清洁组件库项目的步骤，不懂的地方可以看 Vue CLI3搭建组件库并用npm发布实战操作 …
-
WebSocket 原理浅析与实现简单聊 随着 Web 的发展，用户对于 Web 的实时推送要求也越来越高，在 WebSocket 出现之前，大多数情况下是通过客户端发起轮询来拿到服务端实时更新的数据，因为 HTTP1.x 协议有一个缺陷就是通信只能由客户端发起，服务端没法主动给客户端推送。这种方式在对实时性要求比较高的场景下，比如即时通讯、即时报价等，显然会十分低…
-
一个简单的Vue按钮级权限方案 在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能增多、业务越来越复杂，就变得有些吃力了，因为我们的权限动态性太大了 手摸手系列权限方案是有比较清晰的权限划分的，而我们公司部…
-
[js行为研究] 对象作为对象的键会发生什么？ 本文主要是针对对象作为对象的键会发生什么这一问题, 记录分享自己思考和实践的轨迹。 众所周知, ES6 有一种新的数据结构叫做 Map ，他跟对象一样, 是存的也是键值对 (key => value) ，但是 Map 技高一筹,他的 key 既可以是 基本数据类型 ，也可以是 引用数据类型 。 那么问题来…
-
前后端分离，我怎么就选择了 Spring Boot + Vue 技术栈？前两天又有小伙伴私信松哥，问题还是职业规划，Java 技术栈路线这种，实际上对于这一类问题我经常不太敢回答，每个人的情况都不太一样，而小伙伴也很少详细介绍自己的情况，大都是一两句话就把问题抛出来了，啥情…
-
详解JavaScript中的new操作符 原文地址： 详解JavaScript中的new操作符 JavaScript中 new 操作符用于创建一个给定构造函数的对象实例。如下例子： function Person(name, age){ this.name = name; this.age = age; } const person1 = new Person(‘Tom’, 20) console.log(person1) // Person {name: "Tom", age: 20} 复制代…
-
学习 vuex 源码整体架构，打造属于自己的状态管理库 这是学习源码整体架构第五篇。整体架构这词语好像有点大，姑且就算是源码整体结构吧，主要就是学习是代码整体结构，不深究其他不是主线的具体函数的实现。本篇文章学习的是实际仓库的代码。 其余四篇分别是： 1. 学习 jQuery 源码整体架构，打造属于自己的 js 类库 2. 学习 underscore 源码整体架构，打造属于…
-
Web前端基础(16):jQuery基础(三) 1. jQuery动画效果 jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 1.1 显示动画 方式一： $(“div”).show(); 无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过 display: block; 实现的。 方式二： $(‘div’).show(3000); …
-
前端基础整理-JS数据类型转换JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据，本文主要介绍有关数据类型的转换
-
js中call、apply和bind到底有什么区别？在js中，每个函数的原型都指向Function.prototype对象（js基于原型链的继承）。因此，每个函数都会有apply，call，和bind方法，这些方法继承于Function。它们的作用是一样的，都是用来改变函数中this的指向。
-
JavaScript循环语句_for循环（十三） 目录： 什么是for循环 for循环的语法格式和使用 for循环的嵌套 一、什么是for循环 程序中进行有规律的重复性操作，需要用到循环语句。 先来看看生活中的一些场景： （1）食堂阿姨打菜：接过顾客的餐盘→询问菜品→打菜→递回餐盘，重复以上过程，直到所有顾客的菜都打完了。 （2）快递员送快递：查看送件地…
-
为什么 HTTPS 比 HTTP 安全HTTP（超文本传输协议）是目前互联网应用最广泛的协议，伴随着人们网络安全意识的加强，HTTPS 被越来越多地采纳。不论是访问一些购物网站，或是登录一些博客、论坛等，我们都被 HTTPS 保护着，甚至 Google Chrome…
-
如何对 React 函数式组件进行优化本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。
-
使用Web Animations API创建炫酷动画Web Animations API ( Web 动画 API，简称 WAAPI )可以让我们用 JavaScript 写动画并且控制动画。这些 API 被设计成 CSS Animations 和 CSS Transitions的接口。未来会对这些 API 做补充使其功能更强大，它是对网…
-
《蚂蚁前端研发最佳实践》文字稿 以下是我在 2019.11.15 成都全栈大会 分享的文字稿，介绍了蚂蚁前端研发的最佳实践，其中我提取了三个比较重要的点，每个点都是我们实践和深入思考后的结果，希望能对大家有所启发，欢迎探讨。 招人：如果你如果对这套技术栈感兴趣，希望来一起打磨优化 umi 和 bigfish，我们招人，P6-P9 不限，发邮件到 sorrycc#gmai…
-
浅谈Vue SSR中的Bundle 写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的呢？OK，话不多说，进入正题 客户端 vue-ssr-client-manifest.json 首先看看客户端的json，明显看到，里面借助webpack插件，把spa用到的文件…
-
Web前端基础(17):jQuery基础(四) 1. jQuery的属性操作 jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removeProp() …
-
AssemblyScript 入门指南WebAssembly（Wasm）是 Web 浏览器中相对较新的功能，但它地扩展了把 Web 作为服务应用平台的功能潜力。
-
给大家整理了几个开源免费的 Spring Boot + Vue 学习资料最近抽空在整理前面的文章案例啥的，顺便把手上的几个 Spring Boot + Vue 的学习资料推荐给各位小伙伴。这些案例有知识点的讲解，也有项目实战，正在做这一块的小伙伴们可以收藏下。
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
