web前端
bowen11233
这个作者很懒,什么都没留下…
展开
-
前端模块化开发
此文转自Samaritans的博客,多谢分享! 通过此文初步的了解到前端的模块化的作用和使用场景,以及目前几种模块开发规范和大致使用方法,但里面有一些未接触过的知识,了解不够透彻,故收藏此文,便于后期研读。前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到转载 2016-11-11 15:37:35 · 422 阅读 · 0 评论 -
js判断字符串长度
目的:计算字符串长度(英文占1个字符,中文汉字占2个字符)方法一:复制代码代码如下:String.prototype.gblen = function() { var len = 0; for (var i=0; i if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) {转载 2017-02-21 17:26:12 · 2168 阅读 · 0 评论 -
jquery实现查看大图功能
此处利用jquery实现一个点击缩略图实现查看大图的功能,兼容性和效果都还不错,在此分享和保存。方法也是在网上查看到的,因一时找不到出处了,就先不发原作大神的链接了。html代码:<div id="outerdiv" style='position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:99;width:100%;height:1原创 2017-04-10 13:02:19 · 834 阅读 · 0 评论 -
网页特殊字体包压缩与精简(fontmini)
在进行网页设计时,设计师会经常用到很多造型各异的字体,来提升设计作品的逼格,但在前端代码实现网页设计稿时,由于系统默认或者用户安装的字体格式比较有限,很多特殊字体无法显示出设计效果,此时就需要引入特殊字体包,英文字体包只需要26个字母和一些标点符号,就基本能完成英文文本的显示,所以字体包就比较小,一般在几十k左右,而中文字符数量庞大,字体包的文件大小能达到几M甚至十几M,这对于网页加载...原创 2018-08-27 17:22:51 · 5178 阅读 · 1 评论 -
js实现svg图形转存为图片下载
我们知道canvas画布可以很方便的js原生支持转为图片格式并下载,但是svg矢量图形则并没有这方面原生的支持。研究过HighChart的svg图形的图片下载机制,其实现原理大体是浏览器端收集SVG代码信息,并发送到到服务器端,由后端程序转换成图片格式后,以流的形式反射给浏览器端下载。最近在项目中有需求将一个非HighChart的SVG地图转存为图片并下载的功能。本希望模拟HighChar...转载 2019-02-23 17:52:20 · 633 阅读 · 0 评论 -
vue-cli 3.X webpack配置( 主要实现 resolve.alias的配置)
近期有新项目开发,使用vue-cli3.7进行项目构建,形式上跟vue-cli2.x 区别还是蛮大的。最主要的就是生成的项目中,进行webpack配置的文件没有了。这是因为在这个版本的cli中,作者将绝大部分相同的webpack配置,已经封装到cli的安装包中。我们可以打开 node_modules/_@vue_cli-service@3.7.0@@vue/cli-service文件夹看一下,...原创 2019-05-17 12:03:30 · 25339 阅读 · 2 评论