Javascript
关注
分享
扫一扫
molaifeng
道阻且长,行则将至；行而不辍,未来可期。
展开
-
破解网页关注公众号才能继续观看
破解网页关注公众号才能继续观看原创 2022-11-19 21:43:31 · 1849 阅读 · 0 评论 -
php数组使用json_encode转换的一个小坑
前段时间客服系统出现了个小问题，不能切换中继线路。之前是中继线路是固定的，也就是账号配置的时候指定的，后来为了方便，在界面上以下拉框的形式让客服选择。问了下相关人员，说是添加了一个新的中继号后就歇菜了，于是在测试环境下复现了，发现是数组转换的问题。中继号都存在数据库，php 取出来，然后用 json_encode 转换为 js 的数组，最后在页面上组装成 select 相关内容展示出来供客服操作。<?php$array = [ '8001', '8002', '800原创 2020-09-30 18:01:52 · 1533 阅读 · 1 评论 -
解决uploadify上传文件session失效的问题
据线上反馈，某个页面上传文件的时候失效，刷新页面后退出系统，于是在 beta 环境上尝试复现，成功，是个稳定的 bug 的，于是开始了探索、解决之旅。打开 Chrome 浏览器控制栏，仔细观察了下上传前后请求的变化，发现每当点击上传按钮上传文件时，都会更新 session_id。嚯，这个隐隐有种熟悉的感觉，再尝试几次后，定位到是上传组件 uploadify 的问题。这是个 flash 插件，以前遇到过一次，那时是在火狐浏览器上，每次上传文件都会遇到 session 失效情形，于是就用了个 hack 方法解原创 2020-07-31 14:48:28 · 1058 阅读 · 0 评论 -
解决ztree搜索中多级菜单展示不全问题
ztree 官网的中的 Search Nodes 例子中，所有菜单都是连着的，如果出现某个菜单下无子节点，那么在搜索时，此节点便不会自动展开，这里给出对应的增强版代码var setting = { data: { key: { title: "t" }, simpleData: {原创 2017-07-04 16:47:56 · 1808 阅读 · 0 评论 -
select2 multiple 按点击的顺序保存、展示（3.5.1版本）
项目中使用 select2 做文章关联标签原创 2017-08-25 18:25:03 · 3587 阅读 · 2 评论 -
兼容ie8的ajax文件上传
talk is cheap,show you the codehtml<!doctype html>原创 2017-07-04 16:17:09 · 3944 阅读 · 1 评论 -
自动生成 sails.js 数据库操作模型
最近接手了兄弟部门的一个项目，前端是用 基于 Vue 的 nuxt.js，后端用的是 Node 的 sails.js，该框架默认用 Waterline 的 ORM 操作数据库，思想和 MyBatis 的类似，生成数据表的实体，然后取出数据映射到实体，进而操作实体。由于每张表都需要生成对应的实体文件，一个个的写肯定不符合程序员的思维，以下给出个简单的自动生成的脚本类首先是数据表CRE原创 2017-12-15 15:56:31 · 1514 阅读 · 0 评论 -
Vue组件通信
父子组件通信父组件和子组件通信使用 ref 为子组件指定一个索引 IDdiv id="counter-event-example"> p @click="clickB">{{ msg }}p> button-counter-a >button-counter-a> button-counter-b ref="refB">button-counter-b>div>原创 2017-08-25 16:15:20 · 615 阅读 · 0 评论 -
解决getImageData跨域问题
在项目开发过程中要用到html5增加的getImageData方法来实现刮刮卡的效果，后台上传图片，手机端用手刮。在本地开发没遇到问题，上线之后发现刮不了，提示"Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tai...原创 2014-12-31 12:41:19 · 36918 阅读 · 3 评论 -
解决 Uncaught SyntaxError: Unexpected token <
周末加班写语音后台，在套模板时，查看控制台，老是报 Uncaught SyntaxError: Unexpected token <，如下图 可是又没发现页面结构有问题，与看了下后台的 error_log，发现有这么一条日志[2018-05-26 16:11:28] 127.0.0.1 /js/login.jsINFO [Log_Log.info] error:Failed open...原创 2018-05-26 16:27:59 · 62326 阅读 · 6 评论 -
解决 jstree 中 Uncaught TypeError: Cannot read property 'state' of undefined 报错
之前后台使用 jstree 做权限控制，于是此次语音后台的权限也移植过来了，但在使用时遇到了麻烦。如上图，北京信息有限公司one 做为集团公司，旗下有两家子公司，子公司的权限来源于平台授予给母公司的权限，也就造成了 jstree 渲染时，数据结构不一样。// 添加权限$(document).on('click', '.addrole', function() { compan...原创 2018-06-01 19:35:51 · 17844 阅读 · 1 评论 -
jstree 添加行内删除 icon
做呼叫中心 IVR 时，路由节点是以树的形式展开的，正好项目中的角色权限用到了 jstree ，于是也顺路用了。但在看文档时，却发现了个问题，那就是没有和 ztree 类似的删除 icon，官网只给出了点击选中树的节点，再点击删除按钮，把节点给删除方案，多了一步，而且鼠标来回点，麻烦。既然发现问题，那就着手解决问题。经观察发现， jstree 树的每个节点主要信息都在 a 标签内，如下图所示...原创 2018-10-25 19:28:28 · 1227 阅读 · 0 评论 -
Bootstrap 模态框水平垂直居中显示
在使用 Bootstrap 默认的模态框时，显示的位置是 top: 10%，这在页面不到一屏时没什么问题，但是只要超过一屏，如果在页面中部及底部就会发现模态框还是位于头部的 10%，体验很不好。如何水平垂直居中呢，这里介绍一个 bootstrap-modal 插件，可以达到效果。只需在头部引入相关 css、js，然后模态框按照对应的 html 代码组织即可。<link href="cs...原创 2018-11-08 14:11:12 · 2108 阅读 · 0 评论 -
浏览器跨域解决方案
今天介绍一个实用的浏览器跨域方案。比如 A 网址嵌入了 B 网址的页面，这时 B 网址的页面想要调用 A 网址的页面的方法，因为域名不同，由于浏览器同源策略的限制会被 blocked 掉的。一下给出一个方法在 A 网址的写下window.addEventListener("message",function(obj){ console.log(obj);});再在 B 网址的页面里...原创 2019-06-14 17:25:03 · 270 阅读 · 0 评论 -
这些年项目中用过的jQuery插件
这些年项目中用过的jQuery插件原创 2016-09-29 16:51:24 · 516 阅读 · 0 评论 -
使用代理解决js跨域问题
最近在做客服系统，系统是第三方已开发好的，我们的功能以页面的形式嵌入进去，其中一个功能是打电话，我们页面上有个按钮，客服点击按钮，便调用第三方的js方法，便可以打电话了。但是，上面有一个问题，双方的服务器不是在一起的，这就造成了跨域。有问题，便解决问题，最后和第三方商定，用代理。具体做法为，页面上所有的地址都为第三方的，只是在碰到我方的地址时，转发到我们的服务器上。下面，给下Apache和Nginx原创 2016-08-23 18:12:33 · 3458 阅读 · 0 评论 -
jquery1.9版本live方法变为on
jquery1.9版本把live变为了on $(document).on('click', '.cap_issue', function(){ $('.be_model').dialog('open');})原创 2013-05-09 15:44:40 · 1505 阅读 · 0 评论 -
利用iframe技巧获取访问者qq
今天工作时，有个临时加的好友问我，怎么利用web页面获取访问者的qq。以前没有接触过，感觉到很好奇，但是工作中脑子很亢奋，转的快，利用所学的知识迅速想到一条技巧，那就是假想用户在进入我们设定的页面前，已经通过qq进入空间或是邮箱，对，一定会在咱们电脑的浏览器上留下cookie，那么我们设法通过这个cooke做做文章呢，于是在google上找了下，不到几秒就找到了一个比较接近的答案，但是原创 2014-05-27 21:42:54 · 3986 阅读 · 4 评论 -
js窗口交互
最近项目中需要用到iframe来实现业务逻辑的展现，还好之前看过相关的子父页面交互的资料，经过一段时间的代码实战，总算是把这一需求完成了。今天就把这期间碰到的技术点给罗列出来，相当于总结一下吧，也算是巩固下，若是对众位看官有益，那就再好不过了。众所周知在页面内引入iframe标签，相当于嵌套了内联框架，通过其属性src引入文档。文档内有个contentWindow属性，引用该窗体的window原创 2013-08-04 21:26:55 · 861 阅读 · 0 评论 -
禁止火狐浏览器缓存input的值
在input的属性里加上autocomplete="off"，再刷新页面时便不缓存input的值了原创 2013-05-13 14:05:27 · 727 阅读 · 0 评论 -
在页面内嵌入运行按钮
<!--pre {background:none repeat scroll 0 0 #F7FAFE; border:1px solid #ABCDF3; color:silver; line-height:1em}-->近来喜欢刷微博，看到winter-cn大大的更新了篇有关吐槽jquery文章，随点了进去，发现是在博客园写，随有读了另外几篇自己感兴趣的文原创 2013-02-21 09:53:58 · 719 阅读 · 0 评论 -
解决中文输入法中keyup不灵便的方法
项目中有一处需求是，搜索框依据用户输入的值实时检索，一开始自然而然想到keyup，在拼音状态时，啥问题也没有，后来切换到中文输入法，问题出来了，不灵便了，后来在网上搜了下，找到了思路，主要是在搜索框的class注册focus事件，隔个时间去检索下，贴出代码 $(function () { $('#wd').bind('focus',filter_原创 2013-11-05 17:22:28 · 5998 阅读 · 0 评论 -
解决jquery中animate动画积累
昨天一同学向我求助，说做了一个简单的动画效果，就是图片自动左右播放 /* 无缝式焦点图 */ var _left = 770; var left = -_left;//-770 function slideImg() { if(left == -3080 || left == 0) {原创 2013-10-04 09:51:44 · 3341 阅读 · 0 评论 -
js二进制和十进制相互转换
function ten(num) { var sum = 0, tmp = 1; for (var i=0, len=num.length; i<len; i++) { if (num[i] == 1) { tmp = 1; for (var j=i+1; j<len; j++) {原创 2013-08-23 16:02:14 · 704 阅读 · 0 评论 -
简单封装js的dom查询
最近一直在啃犀牛书，有感，于是写了个简单的js的dom查询$ = function (val) { switch(val.charAt(0)) { case '#' : return document.getElementById(val.substring(1)); break;原创 2012-11-07 18:21:19 · 1663 阅读 · 0 评论 -
showModalDialog的简单应用
准备两个页面，一是弹窗的页面，一个是接收的页面 在线消息window.onload = function (){var obj = window.dialogArguments;//用来接收上个页面传过来的值document.getElementById('ti').value = obj.name;}function dis(){ window.re原创 2012-07-06 23:36:39 · 735 阅读 · 0 评论 -
关于jQuery插件写法的记录
这两天，原创 2014-06-17 17:24:06 · 1336 阅读 · 0 评论 -
js标签引入php文件
思维定式，一直以为js标签内只能使用js文件，后来工作看到也有引入的是php文件，之后便看了下流程，原来引入的php文件处理的结果仍旧是是js需要的内容，可以说是动态的内容，如，根据用户不同，悬浮与之相关的广告悬浮窗。下面就做个简单的demohtml代码js标签引入php文件原创 2014-01-24 09:41:06 · 3618 阅读 · 1 评论 -
ajax验证用户登陆及记住密码
一个人独自负责一个项目，正好记下以前没实现过的技术点，今天就从登陆功能开始，前端是js验证，后端是php脚本验证并且添加了记住密码功能。从上图可以看出，前端主要的技术点是验证用户名和密码是否输入并给予提示，为了提高用户体验，用户一进入该页面，便自动聚焦到用户名输入框，同时在密码输入框里绑定个onkeypress事件，也就是用户输入完密码后，按回车键就可以完成操作，当然了这里做的事a原创 2013-08-28 22:56:15 · 9419 阅读 · 0 评论