老蔡的个人专栏正式成立,以后工作中遇到的技术问题,或者生活中对一些事物的见解,都会和大家分享!独乐乐不如众乐乐!

 分类:WEB前端

bootstrap 按钮点击或者表单回车时 自动刷新页面问题

bootstrap 按钮点击或者表单回车时 自动刷新页面问题
前两天,在处理公司后台的管理系统时,遇到了很是诡异的问题: 后台的搜索按钮,及输入框在回车的时候,无法执行查询事件,而是页面直接像 F5 一样刷新了一遍!!! 点击按钮刷新页面问题 定义按钮时没有写 type=”button” 这个属性。虽然它的默认值就...

BlandonTsai 1年前 (2017-04-12) 2155℃ 1评论 0喜欢

禁用与启用手机端页面的 touchmove 事件

禁用与启用手机端页面的 touchmove 事件
手机页面上,产品或者新闻列表加载数据时,常用上划或者下拉的操作进行加载,而不是像PC端那样通过分页页码进行数据翻页。常用的划动加载 JS 组件就是 iScroll ,这个组件是专门用来处理手机端的触动加载操作的。 但是这个插件有个属性,就是上划下拉的时候是通过算法进行处理的,会把...

BlandonTsai 2年前 (2016-12-22) 5071℃ 15评论 0喜欢

chrome或者微信开发平台模拟手机端测试页面正常 手机浏览器无法触发事件的问题

chrome或者微信开发平台模拟手机端测试页面正常 手机浏览器无法触发事件的问题
在测试手机页面时,我们常用的是通过桌面浏览器的手机调试模式,或者使用微信开发平台模拟微信的运行环境,来测试手机端项目的反应情况。前两天在处理的手机商城项目,就遇到了一个棘手的问题。 电脑端桌面浏览器手机调试环境包容性很强 其实是很简单的页面触发事件,基本需求是详情页下方悬停的“...

BlandonTsai 2年前 (2016-11-28) 2160℃ 1评论 0喜欢

layer.js 弹层样式有误 jquery datatables表格宽度无法撑开

layer.js 弹层样式有误 jquery datatables表格宽度无法撑开
在处理后台管理系统的时候,接触到了一种新型 UI : Layer.js。使用起来非常的顺手,页面特效也是相当的丰富,推荐给广大的前端工程师。 现在来观赏一下美观的后台UI,我不得不承认这是有史以来见过的最以漂亮的后台UI: 操作项中有一个 layer 的弹层操作: ...

BlandonTsai 2年前 (2016-11-11) 2032℃ 2评论 0喜欢

滚动页面时 实现DIV到达顶部并固定

滚动页面时 实现DIV到达顶部并固定
项目中处理产品详情页时,页面通常由于内容的扩充高度会很高。这样的话,用户在下滑页面时,一来左边导航栏会比较空旷,二来功能栏切换不方便。所以为了提升用户体验,通常会把常用的导航栏或者TAB栏固定到页面顶部,方便用户查看数据。 像上图所示,左侧的分类导航栏和右侧的商品详情TAB栏,...

BlandonTsai 2年前 (2016-11-10) 1323℃ 0评论 0喜欢

Jquery 流程步骤插件 ystep

Jquery 流程步骤插件 ystep
简介 ystep是一款jQuery流程、步骤插件。在网站设计中,经常会用到步骤指示,做某件事一共需要几个步骤,现在正处于哪个步骤,对用户而言是非常有帮助的,不仅能让用户思路清晰,也能带给用户一种无形的激励。 鉴于目前并无经典易用的类似插件,ystep就此诞生。 特点 设计简洁,方...

BlandonTsai 2年前 (2016-10-29) 1026℃ 0评论 0喜欢

ckeditor 加载提示CKEDITOR未定义

ckeditor 加载提示CKEDITOR未定义
相信现在很多开发人员都用过不同版本的富文本编辑器,如Fckeditor、ckeditor、Ueditor、Simditor等流行的编辑器。每种编辑器的使用方法有不同的规范,官网中有使用说明。 最近我遇到了一个问题,由于我项目中浏览管理图片的时候始终觉得 ckfinder 更符合...

BlandonTsai 2年前 (2016-10-29) 2112℃ 3评论 0喜欢

Jquery设置表单form的action值不起作用

Jquery设置表单form的action值不起作用
因为在处理表单的新增、更新或者其他情况的个性化需求,在页面的 form 里面,多数只是设置了 form 的提交方式是 get 还是 post ,并没有明确指定 action 的值。 本猿一般喜欢在 JS 中处理表单的时候,动态地为表单指定 action 的请求值。如下语法设置: ...

BlandonTsai 2年前 (2016-10-23) 564℃ 0评论 0喜欢

My97DatePicker FF下正常 IE Chrome下点击无反应

My97DatePicker FF下正常 IE Chrome下点击无反应
在处理后台管理系统的时候,发现一个很诡异的问题: 我用的是Chrome进行的页面调试,可是发现日期控件无法使用,我首先检查了一下语法,没有任何问题。我明明记得以前能正常使用的,用 Firefox 加载了页面,发现功能是正常的。那就是说明:My97DatePicker 在 Chro...

BlandonTsai 2年前 (2016-10-23) 766℃ 0评论 0喜欢

最新版本的 ckeditor 与 ckfinder 整合流程及注意事项

最新版本的 ckeditor 与 ckfinder 整合流程及注意事项
最近项目中要发布一些资讯内容,涉及到了富文本编辑器。原来的项目框架中确实集成了 fckeditor ,但个人还是感觉版本太老了,自从 2009.08.20 开始就已经由 CKSource 公司正式更名为 ckeditor。并延续了原来的版本号,第一个版本号3.0,现在最新的版本号...

BlandonTsai 2年前 (2016-08-18) 3199℃ 0评论 0喜欢

去除腾讯地图的LOGO引用标记

去除腾讯地图的LOGO引用标记
最近在处理项目业务的时候,需要用到地图定位。因为项目的前端初期是在腾讯微信页面进行使用的,所以舍弃了 google 、百度和高德地图,选择用腾讯地图进行地图API封装。 我做项目时有个特点,无论某一块的成果是不是出自拿来主义,我都不想在我的项目系统中出现太明显的源标记。也许是长期...

BlandonTsai 2年前 (2016-06-08) 3834℃ 2评论 0喜欢