Webpack dll优化实战

长文

  

2019-12-14 02:56:59

DLL是什么,用它来干啥?   DLL(Dynamic Link Libray)原来特指windows系统中实现共享函数库的一种方式,扩展名通常为.dll。玩过老windows游戏的同学应该对这种文件不陌生,很多游戏的安装盘下就有很多.dll的文件。DLL通常是已经编译、链接的二进制文件,方便程序直接调用。 前端应用场景   在大型项目的开发过程中,往往会用...

前言 书接上文,在前一篇文章中babel插件分析-编写你的第一个插件,对于babel的原理和如何写一个插件进行了大致的分析,这里我们将结合一个官方插件@babel/plugin-proposal-optional-chaining,对babel实现进行深入分析。当前的浏览器还不支持可选链式调用,也就是类似这样的写法: 即在.操作符前添加一个问号,表示如果?.操作符后的内容如果没法取到,将会直接返回...

前言   最为一个前端开发者,应该没有人不知道babel是什么,但针对不大熟悉的同学,在这里我还是简单介绍一下:JavaScript 的版本标准更新频繁,从2015年开始,就以每年一个版本的速度更新(该版本为es6),每个版本标准都会推出一些新的语法糖(装饰器语法,动态加载等),极大地提升了编程体验;在下个版本推出前,社区也会提出一些提案,涉及未来es版本的最新特性(可选链式调...

前言   作为当下风头正劲的跨端框架,flutter成为原生开发者和前端开发者争相试水的领域,笔者将通过一个仿微信聊天的应用,展现flutter的开发流程和相关工具链,旨在熟悉flutter的开发生态,同时也对自己的学习过程进行一个总结。笔者是web前端开发,相关涉及原生的地方难免有错漏之处,欢迎批评指正。项目代码库链接放在文末。 功能简介 聊天列表 本应用支持用户直接点对点聊...

前言 前端技术发展至今,开发者关注的焦点已经从功能和页面呈现效果的实现转变为对用户体验的极致追求。在最近几年间,后端(服务器端,通常指的是node)渲染的概念在业界广泛铺开。后端渲染打破了传统web页面等待服务器返回js文件,client再加载执行的工作流,由服务器直接返回渲染好部分内容的html文件,能够极大地提升用户体验(html文件返回即可展示,不再依赖其他文件的下载执行)。页面的后端渲染暨...

前言 如果你不甘于做一个纯粹的页面仔,想了解一个web应用从编写到到发布到用户可见的全过程,或是想自己玩一点新东西,突破原有的技术圈层,那么本文将是一个很好的入门指南。笔者将从实战入手,尽可能细致地结合当前主流的工具链,以命令行为粒度来讲解一个web应用CI/CD的全过程。有些部分的内容可能过于基础,大神们可以酌情跳过。 本例的应用架构大致是:一个web静态中台服务,和与之配套的后端服务(通过no...

2天入门小程序开发

长文  前端

  

2019-12-14 03:27:41

前言   当下的前端业态正在朝多端化发展,小程序和诸多跨平台的架构(ReactNative、Weex、Flutter)开发逐渐成为大公司的必备选项。作为前端从业者,除了传统的web开发工具集,我们也需要掌握一定的跨端开发能力,以适应技术潮流的发展。在此我将通过一个简单的例子,展示微信小程序的基本开发流程。 小程序开发概述 小程序优缺点   作为一个有一定学习...

前言 写博客也有一段时间了,不知道诸位是不是跟我一样在多个平台都有同步博文,笔者目前在掘金、csdn和简书都有在同步文章,这个过程中发现一个问题,简书官方没有统计作者所有博文的总阅读、评论、点赞等数据,只是给出了每篇文章的对应数据,这对于习惯了在各个平台上查看数据的笔者来说十分不友好(看着博客阅读数上涨是更新的巨大动力),为此笔者决定通过技术手段解决这个问题。 思考解决思路 要解决这个难点,最直观...

前言   dart语言的库及其相关语法是了解dart应用代码组织的基础。网上查找的相关资料往往只是涉及某几个点,很难有系统性的认识,这里笔者将结合一些文档和个人实践经验来对dart的库及其相关语法进行一个梳理。 库的引入   dart中,任意一个文件都会被认为是一个库,尽管其中可能并没有library标签,dart库目前的引入方式大致有三种: 引入dart语...

diff.js使用指南

长文  前端

  

2020-08-05 17:22:12

前言 最近在开发过程中遇到了需要diff文件内容或者大json的业务场景,发现了一个比较好用且经典的js库diff。这个库功能十分强大,不仅能够简洁地输出字符串结果,也能够输出规范化的数据结构方便二次开发。这里笔者针对这个库的文档进行翻译和简单的讲解,同时也会展示自己的测试demo。 库简介 diff是一个基于javascript实现的文本内容diff的库。它基于已发表论文中的算法An O(ND)...

ABAP 显示长文本

ABAP长文本

  

2020-01-20 02:54:16

业务背景:目前项目上  采购订单打印输出EXCEL的需求:允许客户进行长文本编辑、更改后保存到采购订单抬头,并且打印输出到EXCEL,且下次进入到相同的采购订单打印时,能取出相应的长文本进行excel输出。 一般来讲,这种类型于这种编辑后输出的需求直接在ALV上对应的列设置为可编辑即可,但是这次需求不太一样,它是一个长文本输出, 而ALV的列显示最大128位(这里的意思是:如果ALV的列...

前言 Android应用中通常有一些很长的文案,比如有些用户评论或者文章内容特别的长,如果整体都展示出来可能会占据很大的空间,其他的控件都无法完全展现在用户面前。通常程序会对长文案做收缩操作,只展示开头的部分,用户如果真的对内容感兴趣可以点击展开按钮或文字,这种功能在应用中很常见。现在就来简单实现两种常见的展开缩放功能。 实现效果 自定义控件实现 自定义控件实现要求展开/缩放按钮和长文案TextV...

前言 在笔者的上一篇文章(基于react的前后端渲染实例讲解)中,对react下前后端渲染的流程进行了一个介绍。对前后端渲染的相关概念和原理不太了解的可以移步那篇文章。同时留下了一个引子:如何优雅地实现前后端渲染的样式同构。由此我们引出了公共库isomorphic-style-loader,在这篇文章中,笔者将结合实例介绍该库在项目中的应用以及对其原理进行分析。 项目实战 这里我们以上一篇文章中的...

ABAP读取长文本的方法

ABAP  长文本

  

2020-06-27 07:41:54

SAP中所有的项目文本都存在以下两张数据表中: 1. STXH  抬头项目文本 透明表 2. STXL  明细项目文本   透明表 长文本读取方法 首先在STXH和STXL中根据OBJECT NAME, TEXT ID,TEXT OBJECT查找到需要的文本对象, 然后通过READ_TEXT / READ_TEXT_INLINE函数来读取文本内容。  以读取...