虫虫教父-CSDN博客

在运行终端经常会上报一个图片加载失败的异常日志，经过测试与分析发现图像文件流在传输过程中可能存在因外部问题造成丢失包的情况。终端问题不好统一处理，只有通过css来处理问题了img { display: block; position: relative; text-align: center;}img:after { content: url(assets/img/default.png); display: block; position: absolute; top

2021-01-21 16:07:01 532

原创 angular4 编译时内存溢出

ng build --prod[5019:0x103001c00] 975889 ms: Mark-sweep 1444.8 (1570.7) -> 1444.8 (1567.7) MB, 1096.2 / 0.0 ms (+ 0.0 ms in 0 steps since start of marking, biggest step 0.0 ms, walltime since start of marking 1250 ms) last resort [5019:0x103001c00

2021-01-21 15:19:13 457

原创 Angular入门开发实战

Angular 与 angular.js 不是同一种前端框架angular.js在2010年10月发布，而 Angular 诞生于2016 年 9 月，比 React 和 Vue都要晚。本文GitHub源码：https://github.com/xtqjh/ngx-test配置开发环境安装最新稳定版的Node检查npm与node版本npm -vnode -v更新npmnpm i npm@latest -g安装Angular CLInpm i -g @angular/cli@.

2021-01-21 15:05:24 950

原创前端页面如何正确渲染大量数据

当前端开发人员面对成千上万条记录要显示的时候，我们该怎么处理？关键点：不卡顿，交互流畅代码 setTimeout(() => { // 插入十万条数据 const total = 100000 // 一次插入 * 条，如果觉得性能不好就减少 const once = 200 // 渲染数据总共需要几次 ...

2019-06-27 15:54:40 12140 8

原创技术栈不统一带来的问题

技术栈不统一带来的开发效率问题日渐突出，系统维护成本显著增加，基础技术建设收效甚微，难以开展。我们面临的问题主要有： 1.业务线技术栈不统一，新技术如AngularJS、Vue.js、jQuery和传统老项目并存，项目切换和维护成本较高； 2.基础技术建设无法开展，业务和技术组件无法复用，一个技术方案需要多个版本的实现； 3.团队规模扩大，新人培训和快速切入业务难度大，团队效率下降。因此，我

2017-08-21 18:39:44 3471

原创前端CSS规范

一个项目应该永远遵循同一套编码规范

2017-03-17 15:20:00 306

原创 jquery.nestable 树型结构参数文档

参数选项说明group(选填) 描述：用来指定允许交互拖放插入的群组预设值： 0maxDepth(选填) 描述：最多允许有几个阶层预设值： 5threshold(选填) 描述：预设值： 20listNodeName(选填) 描述：要用来产生拖拉的元素预设值： ‘o1’itemNodeName(选填) 描述：要用来产生拖拉的元素项目预设值： ‘li’rootClass(

2016-11-01 15:28:42 7474 1

原创 Jquery.dataTable 分页表格

最简单的调用方式$(document).ready(function() { $("#example").dataTable()})也可以自己定义各属性$(document).ready(function() { $("#example").dataTable({ "bPaginate": true, //开关，是否显示分页器 "bInfo": tr

2016-11-01 15:19:32 1389

原创弹性文本框

插件类型Elastic是一款功能专一的表单插件，他可以控制页面内表单域(textarea)标签高度自动伸缩，以适应包含的文本。应用这个插件的时候页面需要引入jquery.elastic.source.js。插件下载地址：http://download.csdn.net/detail/hai_cheng001/7264113<script src="jquery-2.1.0.min.js" typ

2016-11-01 15:12:57 429

原创 IOS Javascript Date的坑

上次遇到一个坑，刚开始还没有引起重视后面发现所有的IOS系统都有这个问题。这里总结下，也不是什么大问题，若是有经验的人，就不会花费很长时间去定位问题了。简单介绍下背景：一个已经写好的页面，在android的机器上运行很正常，没出一点问题。某一天，一个小伙伴跑过来问我，为哈IOS上这个页面是空白的，为啥呢？到底是为啥呢？在需求忙不停的时候我还得抽空看这个外网bug，这哪算bug，要上IOS平台

2016-11-01 15:07:05 402

原创 font-face 移动端字体图标不显示的Bug

这个问题非常的常见，当使用自定义的字体有时候在移动端不显示字体图标。一句话：加载顺序问题。移动端有问题的加载顺序：eto，woff，ttf，svg//有兼容问题的字体图标加载顺序@font-face {font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') fo

2016-11-01 14:50:26 7364 1

原创 AngularJS的踏坑经验

前段时间一项中需要使用 AngularJS 这个框架，但在使用中发现几处比较坑的地方。在此文中列举出解决方案希望帮助到更多的人，假如你看到此篇文章时发现有好的解决方案请留言告诉我。拜托。路由切换时自动跳到页面顶部假如路由改变、视图刷新时页面不是在顶部位置，则新的视图页面也不在顶部位置，大多数时我们希望它能自动跳到顶部，可以在模块 run() 方法中加入下面代码：angular.module('my

2016-11-01 14:41:12 423

原创百度API批量解析获取完整地址与正确经纬度

总结需求就是一句话：根据名称来查找地址与经度纬度。

2016-09-01 14:42:48 8077

原创动态背景-粒子模型

粒子效果的动态背景，使用canvas进行实现，不依赖任何外部js组件。

2016-04-07 11:39:19 1204

原创使用HTML5画布生成文字淡入淡出效果

这是参加“极客编程挑战”的一次命题代码很简单，记得引入jquery文件额。html<div id="container"> <canvas id="MyCanvas" width="350" height="200"> 不支持HTML5画布 </canvas></div>cssbody {background: #CFCFCF;}canvas {backgro

2015-07-07 16:35:06 7543

原创 velocity.js实现页面滚动切换效果

今天介绍一个Javascript的小型的动画插件velocity.js，可以方便高效的开发一个具有多页面滚动切换效果的网站。浏览器支持 velocity.js支持IE8+、Chrome、Firefox等浏览器，并支持Andriod以及IOS。我们开发一个工程，里面有一组相关联系的大型页面。不能做到在一张页面中把它们展现出来，同时又希望能够有效的阅读到这些相关内容，可以通过做一些有趣的效果来帮住我

2015-07-07 14:38:11 2092

原创 JS获取今天是星期几

曾今我一度认为我的代码不可能在精简了，今天突然发现我错了错的非常失望。"今天是星期" "日一二三四五六".charAt(new Date().getDay());console.log(str)

2015-06-30 11:32:24 17197 4

原创使用jquery的imagecropper插件做用户头像上传兼容移动端

相信大多的用户系统里都有用户自定义头像上传这个功能，我这今天也在写这块，我将代码贴出来，方便以后大家借鉴。实现方案：使用jquery的imagecropper.js插件中裁剪功能来实现imagecropper.js这个源码我找了很久才找到http://pan.baidu.com/s/1oDqRO代码量很少就没有写注释了

2015-06-29 15:20:40 16501 7

原创 AlloyPhoto 图像处理，兼容手机端、allouimage.js

前两天接到个新的需求：用户在上传照片时需要进行美化下。实现处理效果如上图所示，图片上传部分就不贴出来了。主要运用alloyimage这个图像处理引擎（是由腾讯Web前端AlloyTeam推出的一个开源项目http://alloyteam.github.io/AlloyPhoto/）使用到的js有zepto.js、iscroll.js、allouimage.js

2015-06-29 14:55:47 1780

原创利用HTML5的drop、drag及拖动属性做元素位置交换《我是学霸》

很久没来这里，我也安静了很久。html5 jquery drop drag cookie web css3利用HTML5的drop、drag及拖动属性做元素位置交换《我是学霸》

2015-06-24 18:38:22 9339

转载 HTML5实现刮刮卡效果

2015-03-06 15:26:19 690

原创 bootstrap的后台二级垂直菜单

/*左侧菜单*/.sidebar-menu{ border-right:1px solid #c4c8cb;}/*一级菜单*/.menu-first{ height:45px; line-height:45px; background-color:#e9e9e9; border-top:1px solid #ef

2014-10-30 14:50:07 3979 1

mac-Axure-RP-for-Chrome-0.6.2.zip

打开：chrome://extensions 选择：加载已解压的扩展程序按钮选择：解压后的文件目录mac-Axure-RP-for-Chrome-0.6.2/dogkpdfcklifaemcdfbildhcofnopogp/0.6.2_1

2020-04-16

svn客户端+服务端+中文包

2017-06-14

LanguagePack_1.9.5.27581-x64-zh_CN

LanguagePack_1.9.5.27581-x64-zh_CN svn中文包

2017-06-14

GA3S自豪版增加善领

传祺GA3S自豪版增加善领导航软件，半小时搞定。

2016-09-14

mobiscroll-2.17.0

mobiscroll-2.17.0 真正的破解版，时间控件、多级联动

2016-09-13

canvas粒子模型-动态背景

canvas 粒子模型动态背景.粒子效果的动态背景，使用canvas进行实现，不依赖任何外部js组件。

2016-04-07

利用HTML5的drop、drag及拖动属性做元素位置交换

使用九宫格作为画布背景；每个九宫格中的元素为数字、数学公式、物理公式(注:一切能在数学条件下代表大小的元素)；拖动九宫格选中元素到目标元素，元素进行两两交换位置；在每一次元素位置发生变化时进行比较当前九宫格中所有元素是否由小到大顺序排列，如顺序排列就进入下一关；

2015-07-01

图像处理简约版 1.0

主要运用alloyimage这个图像处理引擎（是由腾讯Web前端AlloyTeam推出的一个开源项目http://alloyteam.github.io/AlloyPhoto/）使用到的js有zepto.js、iscroll.js、allouimage.js zepto.js：由于是手机端项目所以使用zepto代替jquery iscroll.js：在底部我有一个横向的滚动菜单，使用它来进行横向滚动 allouimage.js：图像处理

2015-07-01