Webpack Vue瘦身，感受快到飞起的加载速度！
症结 在利用webpack脚手架搭建vue项目后，往往最终打包的.js和.css文件过于庞大，造成首次加载的时候白屏时间过长，影响用户体验，下图为未经任何优化直接npm run build之后的情况： 其中vendor.js文件高达1.16MB，平均白屏时间超过10秒。 解决方案 使用CDN剥离JS ... 查看全文
webpack搭建react项目工程化开发的配置说明，入门级别
4.23 --我现在使用的现成的框架已经相对完美了，为了加深理解，自己想搞一套本来想搭建一个最原生的react框架，但是最近开始忙活了，先给下简单的webpack配置说明给大家看看，参考。（后续有时间补上完整的项目） 说下要考虑到的需求： 使用ES6语言 使用React框架 自动生成HTML web ... 查看全文
雷林鹏分享：jsp 生命周期
理解JSP底层功能的关键就是去理解它们所遵守的生命周期。 JSP生命周期就是从创建到销毁的整个过程，类似于servlet生命周期，区别在于JSP生命周期还包括将JSP文件编译成servlet。 以下是JSP生命周期中所走过的几个阶段： 编译阶段：servlet容器编译servlet源文件，生成ser ... 查看全文
webstorm中js文件被识别成txt类型
问题描述： webstorm中index.js文件被识别成txt格式，如下图。 原因： webstorm中js文件被识别成txt文件，原因在于txt类型识别了以当前js文件名命名的模式。 解决办法： File—Editor—FileTypes找到Text类型，将其中的index.js格式从中取消，a ... 查看全文
前端每日实战：134# 视频演示如何用 CSS 和 GSAP 创作一个树枝发芽的 loader
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehope/pen/LJmpXZ 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https ... 查看全文
【npm】npm打包丢包core-js，丢失es6.regexp.split.js，丢失es6.regexp.replace问题解决
问题描述： 前端项目访问，js访问报404 npm打包丢包core-js，丢失es6.regexp.split.js，丢失es6.regexp.replace问题解决 问题解决： 1.重装@babel/polyfill 命令： npm uninstall @babel/polyfill --save ... 查看全文
数字滚动插件numberAnimate.js的使用及效果修改
有个实现数字滚动的需求，想着肯定有很多这种效果的插件，就不自己造轮子了，于是，找了个numberAnimate js数字滚动插件，还挺好用，很简单，刚好符合需求。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ... 查看全文
node.js中使用node-xlsx插件生成excel数据并导出
1.安装node-xlsx npm install node-xlsx 2.引入模块 var xlsx = require('node-xlsx'); var fs = require('fs'); 3.代码 router.get('/export.html',function(req,res){ ... 查看全文
C# 枚举转换selectlistitem 及 MVC @Html.DropDownListFor() 调用详细
枚举转换方法 /// <summary> /// 根据枚举返回 List<SelectListItem> /// </summary> /// <param name="enumType"></param> /// <param name="withEmpty">true 请选择 </param> ... 查看全文
Vue.js 引入外部js方法
1、外部文件config.js 第一种写法 1 //常量的定义 2 3 const config = { 4 baseurl:'http://172.16.114.5:8088/MGT2' 5 } 6 7 //函数的定义 8 9 function formatXml(text) { 10 retur ... 查看全文
（4）webpack中配置css，scss，less第三方loader
为什么要使用第三方loader 一般引入样式文件，我们会在html中引入样式标签。 很明显，这样就跟之前在script中引入js文件一样，会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。 如何引入样式 于是我们在入口文件， 在main.js中通过import方式引入样式文件 。 ... 查看全文
video.js和flv.js
video.js gitHub地址：https://github.com/videojs/video.js flv.js gitHub地址：https://github.com/Bilibili/flv.js 。 ... 查看全文
使用AnglesSharp解析Html数据
具体可以参考官网：http://anglesharp.github.io/ AnglesSharp是一个符合W3C标准的工具，也是比较优秀的工具。 记录下来方便自己以后查找，需要深入使用需要自己查看官网。 ... 查看全文
【opencv.js】添加滑动条
相关内容详细介绍请移步官网：【https://docs.opencv.org/3.3.1/d5/df3/tutorial_js_trackbar.html】 代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Inser ... 查看全文
使用PDF.JS插件在HTML中预览PDF文件
PDF.js是一款基于HTML5建立的PDF阅读器，兼容大部分主流的浏览器，使用起来，也相对简单。步骤如下： 1.下载PDF.js插件 下载地址：http://mozilla.github.io/pdf.... 2.文件部署 建新文件夹，将PDF.js插件文件放入新建的文件夹。 3.新建index. ... 查看全文
软件测试基础-HTML
一、基本定义 HTML(Hyper Markup Language)，超文本标记语言，其中的超指的是超链接。 二、语言发展史 1.文字传输 2.HTML出现 3.HTML最初的版本html1.0，目前流行使用的版本是html5,在这个过程中还存在多个版本。其中有一个W3C组织负责制定html语言的标 ... 查看全文
浅析 CSS 中的边距重叠
浅析 CSS 中的边距重叠 边距重叠是什么 在说边距重叠之前，先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办？ 现在有两个元素 div1 和 div2 紧挨着，中间没有它元素，它们的外边距就会发生重叠。div1 在左，div2 在右，div1 的 margin left 为 20p ... 查看全文
【opencv.js】访问单个像素
JavaScript 写法类似于 C++ 写法。 相关内容详细介绍请移步官网：【https://docs.opencv.org/3.3.1/de/d06/tutorial_js_basic_ops.html】 at 方法 Mat TypeAt Manipulation CV_8U ucharAt C ... 查看全文