• 欢迎访问新概念博客,研究javascript,css3,html5,nodejs,Ext js等技术研究,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入新概念博客
怎么在浏览器解压zip,并查看压缩包文件,前端压缩文件bing’xia’z,Zip 压缩和解压技术在 HTML5 中的应用

怎么在浏览器解压zip,并查看压缩包文件,前端压缩文件bing’xia’z,Zip 压缩和解压技术在 HTML5 中的应用

要在浏览器中实现 zip 压缩、解压等功能,需要浏览器支持 html5,JavaScript APIweb 前端解压 zip 文件有什么用:只考虑标准浏览器的话, 服务器只要传输压缩包到客户端, 节约了带宽, 而且节约了传输时间, 听起来好像很厉害的说;如果前端的代码很多, 而且包含大副的图片,那么就可以把 js 和 css 和 jpg 和 png 等……

5分钟掌握 JavaScript 实用小技巧

5分钟掌握 JavaScript 实用小技巧

一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~1、删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr……

webpack多页面配置,多入口

webpack多页面配置,多入口

多页打包的原因首先发出一个直击灵魂的拷问:为什么要多页面打包?习惯了 React,Vue 全家桶的同学,可能觉得写代码不就是:npm run dev npm run build一把梭吗?然而现实是骨感的,很多场景下,单页应用的开发模式并不适用。比如公司经常开发一些活动页:https://www.demo.com/activity/activity1.……

webpack复制文件插件实现:手写一个 webpack plugin

webpack复制文件插件实现:手写一个 webpack plugin

如果把 webpack 当成一个垃圾工厂,loader 就是垃圾分类,将所有垃圾整理好交给 webpack。plugin 就是如何去处理这些垃圾。webpack 插件写起来很简单,就是你要知道各种各样的钩子在什么时候触发,然后你的逻辑写在钩子里面就 ok 了apply 函数是 webpack 在调用 plugin 的时候执行的,你可以认为它是……

vue干货分享,超过六种组件通信方法讲解和精髓归纳

vue干货分享,超过六种组件通信方法讲解和精髓归纳

组件的分类常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。功能性抽象组件,不包含业务,独立、具体功能的基础组件,比如日期选择器、弹窗警告等。这类组件作为项目的基础控件,会被大量使用,因此组件的 API 进行过高强度的抽象,可以通……

video.js在vue视频插件vue-video-player全屏播放优化

video.js在vue视频插件vue-video-player全屏播放优化

vue-video-player 是基于 video.js 二次封装而成,各种 api 基本互通,只是调用方式有些许区别插件安装及引入yarn add vue-video-player或npm install vue-video-player复制代码如引入样式时报错,请自行查看 node_modules 中对应的目录全部引入// mai……

css如何实现一个圆弧倒计时进度条

css如何实现一个圆弧倒计时进度条

一、前言最近的项目中,需要实现一个圆弧形倒计时进度条,对于本来 css 知识薄弱的我当场就懵逼,脑海里总是不断思考如何实现,不幸的是脑袋里没能蹦出半个想法。然后立马百度查看网上是否有相似的解决方案,百度下来初步知道如何来实现了,那我们就一步一步从 0 到有开始这段旅程。首先展示一下最终的成果,最终效果图如下:实现要点:浅色圆弧需要分成左右两边,……

网页中使用SVG实现环形进度条的原理

网页中使用SVG实现环形进度条的原理

之前在项目中遇到一个环形进度条的需求,要求能实时更新进度,脑海中瞬间便蹦出 css,svg,canvas3 中方案,对于 3 种方案个人更偏向于svg,用法简单,代码量也很少,同时也便于实时控制。具体效果如下图:代码非常简单:<svg width="150px" height="150px" class="svg"> <……

js生成二维码库qrcode,能满足node,浏览器,命令行环境生成二维码

js生成二维码库qrcode,能满足node,浏览器,命令行环境生成二维码

推荐一款很好用的二维码生成插件 qrcode(非 QRCode.js),测试使用方便且简单。 其实官方就有很好的文档,但是英文,这里只是做一个我工作的记录和总结。分享他几个常用 api,绑定 html 元素生成、node 环境生成、命令行终端,如不会使用可以联系我。1、绑定 html 元素生成<html> <body> ……

JS 和 CSS 交互的 5 种方法,js怎么操作css,js怎么和css交互?

JS 和 CSS 交互的 5 种方法,js怎么操作css,js怎么和css交互?

随着浏览器不断的升级改进,CSS 和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于前端技术领域,它们需要相互密切的合作,js 怎么操作 css,js 怎么和css交互?我们的网页中都有.js 文件和.css文件,但这并不意味着 CSS 和 js 是独立不能交互的。下面要讲的这五种JavaScript和 CS……