20200506 前端开发日报

gin-Vue-admin:基于 Gin + Vue 搭建的后台管理系统框架;前端人应该有的网站和工具;正则表达式在JS的使用;Vue 的主要内容;将Vue组件库更换为按需加载;JS逆向破解码云,曲线加快github下载速度;深入webpack打包原理,loader和plugin的实现;高性能前端架构解决方案

  1. gin-vue-admin:基于 Gin + Vue 搭建的后台管理系统框架

    English | 简体中文 项目文档 在线文档 前端UI框架:element-ui 后台框架:gin 1. 基本介绍 1.1 项目介绍 在线预览 Gin-vue-admin是一个基于vue和gin开发的全栈前后端分离的后台管理系统,集成jwt鉴权,动态路由,动态菜...

  2. 前端人应该有的网站和工具

    最近有很多初学者在后台留言说:“我是一个小白,怎么才可以快速入门前端呀?”。关于这个问题其实不太好回答,因为这个问题就好像说我是一个穷光蛋如何快速致富一样的道理。但是也不是没有办法回答你这个问题,毕...

  3. 正则表达式在JS的使用

    一、写在前面 看完上一篇正则表达式的文章,应该对它的功能有了了解,现在我们看他在js中的使用 二、开始 新建正则表达式有两种方法。一种是使用字面量,以斜杠表示开始和结束。 var regex = /xyz/; 复制代码 另一种是使用 RegExp 构造函数。 var regex = new RegExp('xyz');复制代码 第一种方法在引擎编译代...

  4. Vue 的主要内容

    v-show 通过 css display 控制显示和隐藏的 v-if 是组件真正的渲染和销毁,不是显示和隐藏 频换切换的时候使用 v-show , 否则使用 v-if 2、v-for中key的作用 diff 算法中通过 tag 和 key 来判断是否是 sameNode ,减少渲染次数,提升渲染性能。key 必须使用的 不能是 index 和 random 。 3、v-for 和 v-i...

  5. 将Vue组件库更换为按需加载

    我司前端团队拥有一套支撑公司业务系统的UI组件库,经过多次迭代后,组件库体积非常庞大。 组件库依赖在npm上管理,组件库以项目根目录的 index.js 作为出口导出,文件中导入了项目中所有的组件,并提供组件安装方法。 index.js import Button from "./button"; import Table from "./table&quot...

  6. JS逆向破解码云,曲线加快github下载速度

    github 下载速度太慢了。先用导入到码云再下载下来,然后到.git/config 修改git repo url 为原来的还是有点麻烦,那就做成一个工具吧。

  7. 深入webpack打包原理,loader和plugin的实现

    本文讨论的核心内容如下: webpack 进行打包的基本原理 如何自己实现一个 loader 和 plugin 注: 本文使用的 webpack 版本是 v4.43.0 , webpack-cli 版本是 v3.3.11 , node 版本是 v12.14.1 , npm 版本 v6.13.4 (如果你喜欢 yarn 也是可以的),演示用的 chrome 浏览器版本 81.0.4044.129(正式版本...

  8. 高性能前端架构解决方案

    来自公众号:code秘密花园 这篇文章介绍了一些使前端应用程序加载更快并提供良好用户体验的技术。 我们将研究前端的总体架构,如何首先加载必需的资源,并最大化资源缓存的概率。 无论你的页面是否需要成为客户端应用程序,还是如何优化应用程序的渲染时间,我都不会说太多后端如何传递资源...

  9. vue3.0从0到1实战电商管理系统(第一天)

    任何事情都需要时间的沉淀,技术也不例外,今天编写Vue3.0系列的章节文章,只是希望能够比别人更早的去尝鲜一些新的技术,毕竟Vue3.0已经Beta版本了,所以里正式版本也不远了,提前去学习和了解,我们就会比别人有更多的时间去充分理解Vue3.0的特性,只有当你真正理解一门技术的时候,才能够正确的判定它是否合适、是否...

  10. JS解密入门——有道翻译

    扫码或搜索: 进击的Coder 发送 即可 立即永久 解锁本站全部文章 JS解密入门——有道翻译 此篇文章省略了很多基础的,例如JSON格式数据的提取啊。试试手,练练感觉。似乎也没啥用。 一 了解加密与解密 : 什么是加密,什么是解密? 加密:数据加密的基本过程,将原为 明文 的文件...

  11. Vue 学习笔记:v-for 循环引用组件

    前端开发过程中,需要动态添加操作面板,而操作面板可以封装成独立的组件,被父组件引用。比如这个添加收货信息的场景,父组件中可以添加多个收货地址: 要实现在父组件中动态添加组件的功能有哪些技术点呢?本文来讨论一下这个简单场景里面的技术要点。 v-for 循环创建子组件 显然,父组件应该使用 v-...

  12. HTML5、CSS3完全使用手册(万字详解)

    目前HTML5css3在各大浏览器上的普及率已经比较高,日常开发中也是经常使用,但对于这两者的知识点一直没有做一个比较详细的整理,这里我总结了HTML5和CSS3新增的特性详解和使用问题。 本篇文章预计占用三十分钟阅读,如果你已经熟练于HTML5和CSS3,阅读本文将带你回顾其中知识点遗漏补缺。如果你还没有对HTML5和CSS3...

  13. JavaScript性能优化–创建表格

    JavaScript创建表格的方法很多。 方法1: 可以使用createElement方法来创建table,tbody,tr,td,然后使用createTextNode创建文本,最后使用appendChild来添加元素。 http://cssrain.cn/demo/cccreatetable/demo1.html 方法2: 也可以使用HTML专门的创建表格行,列的方法(insertRow(),insertCell() )。 ...

  14. 21.JavaScript实现无缝轮播图

    JavaScript实现无缝轮播图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &...

  15. React Navigation5.0系列三:Drawer navigation的使用

    首先祝大家五四青年节及五一假期快乐。在前面系列文章中我们了解5.0最新版本堆栈导航和选项卡导航的用法,今天我们来看看抽屉导航的使用方法。React Navigation5.0系列一:StackNavigator的使用React Navigation5...

  16. JavaScript继承、属性遍历及检测

    上次讲原型和原型链,对比Java中的继承和重写其实不难理解,原型是function对象的一个属性,它定义了构造函数构造出的对象的公共祖先,由构造函数产生的对象,可以继承对应原型的属性和方法,原型也是对象。 原型链就是把原型串起来,在原型上面再加一个原型,再加一个原型,使用 __proto__ 连接各个原型。 还学...

  17. vue源码中用到的知识点

    方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象 vue的数据绑定数据代理都是靠这个语法 vue不支持IE8的最根本原因用了defineProperty作为核心语法 Object.defineProperty(obj,properName,{}) //给对象添加属性(自定描述符) defineProperty :定义属性 obj : 需要定义属性...

  18. 整理了js中String和Array的内置方法方便大家查阅

    String 和 Array 是我们日常最常用的两种数据类型,对他们进行二次加工的时候会用到一些相关的内置方法,上次系统的学习内置方法还是很多年前,现在es已经发展到好几十了,抽时间对 String 和 Array 的内置方法做了下总结,比较糙,主要目的是为了做个记录以后有相关需求方便查阅。参考了 菜鸟教程 、 w3school 的资料...

更多内容请关注公众号【前端开发博客】每日更新
20200506 前端开发日报

原文:20200506 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200506.html)