- 博客(24)
- 资源 (20)
- 收藏
- 关注
原创 利用css优雅的处理破损图片
在运行终端经常会上报一个图片加载失败的异常日志,经过测试与分析发现图像文件流在传输过程中可能存在因外部问题造成丢失包的情况。终端问题不好统一处理,只有通过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 576
原创 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 493
原创 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 987
原创 前端页面如何正确渲染大量数据
当前端开发人员面对成千上万条记录要显示的时候,我们该怎么处理?关键点:不卡顿,交互流畅代码 setTimeout(() => { // 插入十万条数据 const total = 100000 // 一次插入 * 条,如果觉得性能不好就减少 const once = 200 // 渲染数据总共需要几次 ...
2019-06-27 15:54:40 12222 8
原创 技术栈不统一带来的问题
技术栈不统一带来的开发效率问题日渐突出,系统维护成本显著增加,基础技术建设收效甚微,难以开展。我们面临的问题主要有: 1.业务线技术栈不统一,新技术如AngularJS、Vue.js、jQuery和传统老项目并存,项目切换和维护成本较高; 2.基础技术建设无法开展,业务和技术组件无法复用,一个技术方案需要多个版本的实现; 3.团队规模扩大,新人培训和快速切入业务难度大,团队效率下降。 因此,我
2017-08-21 18:39:44 3588
原创 jquery.nestable 树型结构 参数文档
参数选项说明group(选填) 描述:用来指定允许交互拖放插入的群组 预设值: 0maxDepth(选填) 描述:最多允许有几个阶层 预设值: 5threshold(选填) 描述: 预设值: 20listNodeName(选填) 描述:要用来产生拖拉的元素 预设值: ‘o1’itemNodeName(选填) 描述:要用来产生拖拉的元素项目 预设值: ‘li’rootClass(
2016-11-01 15:28:42 7505 1
原创 Jquery.dataTable 分页表格
最简单的调用方式$(document).ready(function() { $("#example").dataTable()})也可以自己定义各属性$(document).ready(function() { $("#example").dataTable({ "bPaginate": true, //开关,是否显示分页器 "bInfo": tr
2016-11-01 15:19:32 1418
原创 弹性文本框
插件类型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 448
原创 IOS Javascript Date的坑
上次遇到一个坑,刚开始还没有引起重视后面发现所有的IOS系统都有这个问题。这里总结下,也不是什么大问题,若是有经验的人,就不会花费很长时间去定位问题了。 简单介绍下背景:一个已经写好的页面,在android的机器上运行很正常,没出一点问题。某一天,一个小伙伴跑过来问我,为哈IOS上这个页面是空白的,为啥呢?到底是为啥呢?在需求忙不停的时候我还得抽空看这个外网bug,这哪算bug,要上IOS平台
2016-11-01 15:07:05 419
原创 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 7418 1
原创 AngularJS的踏坑经验
前段时间一项中需要使用 AngularJS 这个框架,但在使用中发现几处比较坑的地方。在此文中列举出解决方案希望帮助到更多的人,假如你看到此篇文章时发现有好的解决方案请留言告诉我。拜托。路由切换时自动跳到页面顶部假如路由改变、视图刷新时页面不是在顶部位置,则新的视图页面也不在顶部位置,大多数时我们希望它能自动跳到顶部,可以在模块 run() 方法中加入下面代码:angular.module('my
2016-11-01 14:41:12 436
原创 使用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 7589
原创 velocity.js实现页面滚动切换效果
今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站。浏览器支持 velocity.js支持IE8+、Chrome、Firefox等浏览器,并支持Andriod以及IOS。 我们开发一个工程,里面有一组相关联系的大型页面。不能做到在一张页面中把它们展现出来,同时又希望能够有效的阅读到这些相关内容,可以通过做一些有趣的效果来帮住我
2015-07-07 14:38:11 2113
原创 JS获取今天是星期几
曾今我一度认为我的代码不可能在精简了,今天突然发现我错了错的非常失望。"今天是星期" "日一二三四五六".charAt(new Date().getDay());console.log(str)
2015-06-30 11:32:24 17521 4
原创 使用jquery的imagecropper插件做用户头像上传 兼容移动端
相信大多的用户系统里都有用户自定义头像上传这个功能,我这今天也在写这块,我将代码贴出来,方便以后大家借鉴。实现方案:使用jquery的imagecropper.js插件中裁剪功能来实现imagecropper.js这个源码我找了很久才找到http://pan.baidu.com/s/1oDqRO代码量很少就没有写注释了
2015-06-29 15:20:40 16533 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 1805
原创 利用HTML5的drop、drag及拖动属性做元素位置交换《我是学霸》
很久没来这里,我也安静了很久。html5 jquery drop drag cookie web css3利用HTML5的drop、drag及拖动属性做元素位置交换《我是学霸》
2015-06-24 18:38:22 9397
原创 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 4022 1
mac-Axure-RP-for-Chrome-0.6.2.zip
2020-04-16
利用HTML5的drop、drag及拖动属性做元素位置交换
2015-07-01
图像处理 简约版 1.0
2015-07-01
BBQScreen 屏幕同步
2015-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人