Js学习之路
关注
分享
扫一扫
不如喫茶去
Life is a journey, not a destination
展开
-
Mergely对比工具使用方法
链接: https://pan.baidu.com/s/1VkbPY5mQa78IrpmZx_975g 提取码: uw7m。最近需要在web页面上实现代码比对并且能合并差异代码的功能，就用到了Mergely插件，记录一下供各位参考。原创 2023-06-16 15:58:08 · 1004 阅读 · 0 评论 -
实用JS——输入文字模糊匹配下拉框中的选项
我发现某些网站用户体验贼不好：填写信息，需要在选择框中下拉选择内容，关键的是选择框中选择项~贼~多！而且字体又小！弄个效果图比如：拉了半天也没找到我想要选择的内容，好不容易找到了，点击（手机上操作）...不小心选了下面一行的内容.....还要再次从新下拉再找...正好最近做项目遇到一个类似的功能，使用js做了个优化：思路：使用输入框代替选择框，当输入框获取焦点后，选择框显示。...原创 2019-03-15 20:47:07 · 2458 阅读 · 0 评论 -
简单js模仿浏览器crtl+f功能
由于crtl+f在某些浏览器中并不是十分好用（比如查找一些特殊字符串），就用js简单的写了一个例子模仿crtl+f，实现输入内容点击查找，高亮标注匹配值，并跳到第一个高亮值处，点击下一个跳到第二个高亮值处...。前端代码如下：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type"...原创 2019-01-22 16:03:50 · 2159 阅读 · 0 评论 -
JQuery中$.ajax()方法-参数详解
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。async：要求为...转载 2018-08-30 19:52:54 · 263 阅读 · 0 评论 -
百度地图API的应用（标注自定义信息并跳动）
前段时间写了一个关于百度地图API的应用（关键字搜索、获取经纬度）的博客，基于此和一位朋友的帮助，写了一个可以在地图上跳动并的显示自定义信息的功能。效果图：在地图上显示红色标注，并上下跳动 鼠标点击会显示我自定义的信息 我写的有个事例，在这个页面的下方 http://www.zshchina.com/thinkcmf_sq/index.php?m=page&a=index&id=21下面贴出。原创 2018-04-22 14:05:49 · 2566 阅读 · 0 评论 -
百度地图API的应用（关键字搜索、获取经纬度）
最近想写一个关于老家的地图网站，网站中需要将我想标记的地方标记并在地图上加大显示，既然用到了地图，百度地图API是首选。写之前我找到了一个带搜索的，一个可以获取经纬度的，然后将他们合并了一下为我所用，在此分享一下原创 2018-04-12 14:46:46 · 8582 阅读 · 3 评论 -
Js学习之路八 --- 延时提示框
延时提示框在很多网站和软件中都有使用，比如qq界面，将鼠标放到好友头像或者自己头像上会出现好友的名片，还有qq天气，移到上面就会出现天气详情。 具体效果请大家自己试验下哈！ 延时提示框的实现原理中有两个主要的点：鼠标事件、延时触发 onmouseover、onmouseout，setTimeout原创 2017-10-10 11:27:12 · 287 阅读 · 0 评论 -
Js学习之路七 --- 获取时间、charAt()
获取时间主要用到一个对象 Date用法：new Date(); getFullYear() 获取年 getMonth() 获取月 需要注意的是获取月份是从0开始的，即0 - 11，如：10月份，则此函数获取的值为 9，所以用到月份的时候，需要加上1才为当前月份getDate() 获取日 getDay() 获取星期 获取星期的值为数字0-6 **含义为 0：周日原创 2017-10-09 22:33:48 · 300 阅读 · 0 评论 -
Js学习之路四 --- 提取事件、匿名函数、数组
前面我一直将onclick(可以看做一个属性) 放到input 或者 button标签中，一不美观，二不漂亮（废话）… 总之不高大上。因此将其提取出来很有必要— 提取事件原创 2017-09-12 17:03:04 · 379 阅读 · 0 评论 -
Js学习之路三 --- 函数传参
学习了函数之后，就要学会灵活的应用函数。学习过程中遇到了一个简单而繁琐问题：修改一个div的颜色按照惯有思维，代码应该这样来写：function toRed(){ //变红 var divshow = document.getElementById('div1'); divshow.style.background = red;原创 2017-09-12 16:01:53 · 246 阅读 · 0 评论 -
Js学习之路二 --- 初识函数
接着上一篇来写，看上一篇一个简单的js使用，代码寥寥几行。但是一旦代码增多，还将js代码卸载事件中，就会变的很乱，很杂。因此引入函数-function() 和php中一样 函数格式为：*function 函数名() { 代码 }* 提到函数 就需要说一下变量 var 变量名 代码 因为刚学了鼠标事件，所以这里还用它举例：鼠标放上div变大 移开恢原创 2017-09-08 11:29:14 · 248 阅读 · 0 评论 -
Js学习之路一 --- 鼠标提示框
一个后台程序员，不会js是一件很悲催的事情，比如本小白..................在日常开发中，太多太多的js代码只能靠前端来帮助修改。实在是很悲催~ 所以本白现在开始正式学习js，并将记录js学习过程。学习js第一课：写一个鼠标提示框，即鼠标放上显示出提示框信息，鼠标移走提示框消失。原创 2017-09-08 10:09:37 · 1158 阅读 · 0 评论 -
Js学习之路六 --- 选项卡、innerHTML
没学js之前，就一直听一个前端相对较牛B的逗比说，选项卡学会了囧js就上道了。。。吧啦吧啦。。。今天终于学到了一个简版的选项卡功能，也贴出来让学习js的小伙伴们上道一下！ 简版选项卡原创 2017-09-13 09:41:59 · 206 阅读 · 0 评论 -
Js学习之路五 --- 选择框（全选、全不选、反选）
全选、反选、全不选，这三个功能想必大家见的不少了吧，在开发中很常用。闲话不多喷，先把反选的原理通过一个简单的例子来阐述一下（原理相同）：一只名为啦啦啦….的div盒子的显示与隐藏原创 2017-09-12 22:08:09 · 341 阅读 · 0 评论