- 博客(46)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 VUE从入门到精通二：ref、reactive、computed计算属性、watch监听、组件之间的通信
VUE从入门到精通二：主要介绍了ref、reactive响应式创建对象、computed计算属性、watch监听、组件之间常用的几种的通信
2025-08-21 11:01:41
1328
原创 创建Vue项目
4、现在你可以开始开发你的Vue应用了。所有的组件和页面都可以放在src目录下。例如，你可以在src/components目录下创建新的Vue组件。Vue.config.js：配置文件，比如webpack,端口设置，接口地址设置，详细配置请查看vue 的config配置文章。在浏览器中输入http://localhost:8080访问项目，运行效果如下。1、在创建过程中，Vue会询问你一些配置选项，你可以根据自己的需要选择。3、运行项目：npm run serve。Public：项目入口文件。
2025-08-18 19:45:08
246
原创 滚动条开始滚动时，左侧导航固定，当左侧内容触底到footer时左侧内容取消固定并跟随滚动条滚动
页面上当滚动条滚动时，需要左侧内容固定不动，但是当内容触底到footer时，我们不希望左侧内容压在footer上，视觉上不好看，这时候需要左侧内容取消固定，滚动条在这个范围滚动时，需要左侧内容一直出现在footer上方，直到滚动条滚动超出footer范围，左侧导航继续固定不动。第二步：根据（文档的总高度 - 文档内部可见区域的高度 - 元素顶部不可见部分的高度），获取到的高度如果大于footer的总高度，就去除fixed属性，设置absolute属性。
2025-08-10 22:25:04
265
原创 三种方法合并两个JSON对象
摘要：本文介绍了三种合并JSON对象的方法。方法一使用Object.assign()，后者的属性会覆盖前者；方法二采用ES6展开运算符(...)，同样遵循覆盖原则；方法三适用于复杂情况，通过手动合并可以灵活处理属性冲突。三种方法都能有效合并JSON对象，但处理重复属性的方式各有特点，可根据实际需求选择使用。
2025-07-09 09:20:07
758
原创 手机端拖拽事件，获取pageX和pageY坐标方式
手机端拖拽事件：touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。
2016-10-10 15:44:37
11332
原创 实现jQuery扩展总结
开发自己需要的jQuery插件，看个示例说明"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> new document /*jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数
2015-11-23 17:24:48
568
原创 如何检测 JavaScript 中的自定义全局变量
译者注: 全局变量的滥用是一种很糟糕的程序设计。很容易造成依赖和状态混乱。 而在 Java 和 JavaScript 这种自动垃圾回收的语言里面，全局(可见的)变量一直是内存泄露的隐藏杀手。本文提供了一种靠谱的检测全局变量实现方式.在 JavaScript中随意设置全局变量并不是个好习惯。原文作者参与了 MooTools 项目, 据他所说, 已经有十年时间天天听到与此相关的谈论。 Mo
2015-09-17 14:08:33
903
原创 AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashu
2015-08-31 13:49:42
1424
原创 阻止事件冒泡，阻止默认事件的代码
阻止事件冒泡到上级function stopBubble(e){ // 如果传入了事件对象，那么就是非ie浏览器 if(e&&e.stopPropagation){ //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); }else{ //否则我们使用ie的方法来取消事件冒泡 window.eve
2015-06-02 15:32:06
776
原创 禁止鼠标选中，禁用鼠标右键的代码
document.body.onselectstart=function(){return false;};禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如 IE: Firefox下，控制css: body { -moz-user-select: none; }注：Firefox/Opera不支持onselectstart事件，所以用css方
2015-06-02 15:25:18
2281
原创 js鼠标禁止右键，复制，黏贴等功能
禁止鼠标右键：oncontextmenu="return false"； 禁止选择：onselectstart="return false"； 禁止拖放：ondragstart="return false"； 禁止拷贝：oncopy=document.selection.empty() 。 禁止保存：，放在head里面。 禁止粘贴： 关闭输入法： 使用方法：
2015-05-27 18:15:22
1211
原创 字符串转换成json对象
1，eval方式解析，恐怕这是最早的解析方式了，如下：function strToJson(str){var json = eval('(' + str + ')');return json;} 记得别忘了str两旁的小括号。（一定要加上）2，new Function形式，比较怪异哦。如下function strToJson(str){var json = (new Funct
2015-05-08 14:12:24
725
原创 用JS创建json数据，并且可以动态往json数据里面添加新值，也可以修改值。
函数不需要 return，因为 json 对象会被函数直接修改。var str1 = {"name": "apple", "sex": "21"}; // 参数：prop = 属性，val = 值function createJson(prop, val) { // 如果 val 被忽略 if(typeof val === "undefin
2015-05-07 16:26:18
28816
转载 前端web开发的MVC模式 - 从一个简单实例讲起
前端web开发的MVC模式 - 从一个简单实例讲起MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性
2015-03-18 17:31:25
2377
原创 谷歌浏览器保存密码后文本框出现黄色背景的解决方案
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
2014-11-06 17:56:00
1861
原创 JS光标定位到文本框字符串末尾
在开发网站表单的时候，为了给用户良好的体验度，在验证表单数据的时候，我们会先使用JavaScript来进行表单数据的验证，如果用户输入的数据不对，我们就可以马上给出提示信息。为了更进一步给用户良好的体验感，比如用户在几个文本框内输入了数据，提交的时候，某个文本框内的数据不对，我们在提示哪项数据不符的情况下，再把光标定位到该项文本框内。我们在这么做的时候，会发现一个问题，就是光标位置的问题，光标虽然
2014-10-20 14:00:31
8442
原创 鼠标移动时禁止选中文字
今天在做div移动时遇到一个奇怪的问题 ，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性， 可郁闷了 查了查资料 有用css实现的 也有用js实现的 具体原理就细看 直接上解决方法下面来自转载 网上滴：这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-
2014-10-20 10:22:14
2829
原创 字符串是否在DOM中重复
判断字符串是否重复 baidu0.com baidu1.com baidu2.comvar fl=0;//判断是否有重复值，0表示没有，1表示有var valurl=$("[name='addlink_txt']").val().replace(/\s/g,"");$("[name='addlink_btn']").bi
2014-09-29 10:02:37
576
原创 二位数组排序
var ar=[['a',75,86,95,64],['b',66,88,77,99],['c',86,45,76,85],['d',94,65,86,70]] function cmp(a,b){ return a[1]-b[1]; } function mysort(){ ar=ar.sort(cmp
2014-09-17 17:17:06
621
原创 window.location后面的属性
hash 设置或返回从井号 (#) 开始的 URL（锚）host 设置或返回主机名和当前 URL 的端口号hostname 设置或返回当前 URL 的主机名href 设置或返回完整的 URLpathname 设置或返回当前 URL 的路径部分port 设置或返回当前 URL 的端口号protocol 设置或返回当前 URL 的协议search 设置或返回从问号 (?) 开始的 URL
2014-08-12 11:30:13
806
原创 iframe页面和父页面之间元素查找的方法
从父页面中查找iframe子页面中对象的方法：JS:jQuery:$('#iframe').contents() //查找iframe加载的页面的document对象 $('#iframe').contents().find('body') //查找iframe加载的页面的body对象 $('#iframe').contents().find('body').find('#ic
2014-08-05 11:30:16
844
原创 转换特殊符号，防止用户在文本域中输入html标签
String.prototype.htmlEncode=function(){ return this.replace(/&/g,"&").replace(//g,">").replace(/\"/g,""").replace(/\'/g,"'");} String.prototype.htmlDecode=function(){ return this.replace(/\&
2014-07-30 13:59:23
1462
原创 jQuery 操作复选框(checkbox) attr checked不起作用
这天用到jQuery功能，想实现一个简单的复选框动态全选或全不选，结果测试发现attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使，要么第一次成功了，第二次调用就没反应，完全不起作用了。那到底是什么原因呢？害得‘跑客教授’到处到网上搜 jQuery checkbox的操作，动态选择的相关文章，都写着是这样的实现代码
2014-07-25 11:13:56
857
原创 IE6,IE7下设置透明度opacity问题
IE6,IE7下设置透明度opacity问题在前端开发中经常被问到IE下这个bug问题：ie6下是因为haslayout的原因，为了触发haslayout属性，更简单的办法就是它设置zoom:1;即可，而且没有任何副作用。.opacity{opacity:0.3;filter:alpha(opacity:40);zoom:1}
2014-07-24 14:07:57
1318
原创 display:inline-block; IE6/IE7 兼容问题
display:inline-blok;在块级元素中IE6/IE7是不兼容的（div、ul、li、h1~h6等），在内联级元素中IE6/IE7是兼容的（如：span、a、strong、img等）解决方法：加上zoom:1;*display:inline;
2014-07-24 13:49:55
822
原创 js判断浏览器类型
function getOs() { var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
2014-07-18 15:03:49
636
原创 正则表达式
验证数字的正则表达式集 验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][
2014-07-17 10:03:06
473
原创 $(this).attr(‘checked’)返回dundefined问题
最近在对一个项目的前端进行调整时,发现项目原来用的低版本的jQuery存在一些问题,于是就把jQuery换成了比较新的v1.72,但是发现原来$(this).attr(‘checked’)返回的不再是true or false,选中的情况下返回checked,未选中的情况返回undefined,看了jQuery文档后原来v1.6以后$(this).attr(‘checked’)就返回check
2014-07-14 11:13:39
610
原创 IE下判断IE版本
IE6及其以下版本可见IE7及其以下版本可见只有IE6版本可见除了IE以外的版本IE8以下的版本可见IE7及大于IE7的版本可见
2014-07-09 10:41:14
687
原创 jquery.easing.js缓动函数插件的用法
jQuery 提供了一些诸如 show、hide、slideUp、fadeIn 等等动画方法，可以方便的切换元素的显隐。更有强大的自定义动画方法 animate ，可以实现很多动画效果。为了让动画有好的过渡变化过程，官方为这些方法设置 easing 属性，但是官方没有给出很多过渡效果。jquery.easing.js 这个插件，增加了很多过渡效果，引入之后可以让动画过渡过程更加多样化。
2014-06-30 16:22:13
2813
原创 js中获取窗口高度的方法
在IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度document.docu
2014-06-23 16:32:20
881
滚动条开始滚动时，左侧导航固定，当左侧内容触底到footer时左侧内容取消固定并跟随滚动条滚动
2025-08-15
frame左边显示隐藏.rar
2012-12-12
js计算字符个数回车换行兼容所有浏览器.rar
2012-12-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人