JavaScript(JS/Jquery)
八点博客(钏)
专注分享技术交流
展开
-
vue封装公共函数
1、common.js定义两个公共函数function toast(title = '', icon = 'none') { uni.showToast({ title: title, icon: icon });}function myRequest(url = "", data = {}, method = 'POST'){ return new Promise((res,rej)=>{ uni.request({ url: this.$apiUrl + url,原创 2021-08-15 14:40:06 · 915 阅读 · 0 评论 -
jq 关键字/搜索结果变色
var val = 'abcdef';var searchText = 'c';var regExp = new RegExp(searchText, 'g');var newval = val.replace(regExp, '<a style="color:red" >'+searchText+'</a>');则newval就是替换后关键词高亮的内容val 是 abcdenewval 是abcde...原创 2020-10-27 13:02:29 · 453 阅读 · 0 评论 -
laravel 使用 vue
引入app.js app.css<link rel="stylesheet" href="{{asset('css/app.css')}}"><script src="{{asset('js/app.js')}}"></script><div id="app"> <example></example>...原创 2020-04-07 20:14:30 · 408 阅读 · 0 评论 -
Sweetalert使用说明
1、下载js和css文件 或者去 CDN库去引入 2、一句话调用 Click Me function abc(){ swal(“恭喜!”, “恭喜您评论发表成功 !”, “success”); }3、http://mishengqiang.com/sweetalert/原创 2017-12-10 22:11:41 · 2591 阅读 · 0 评论 -
onbeforeunload设置用户关闭离开页面时提醒用户保存信息
function CloseEvent() { var DispClose = true; /// TODO 是否出现提示,若不需要,将DispClose 设为false ////////////// if (DispClose) { return "提示:您尚有未保存的内容,离开本页将丢失编辑内容!"; }原创 2017-12-16 20:52:15 · 6374 阅读 · 0 评论 -
jQuery父级以及同级元素查找
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接转载 2017-12-17 13:48:56 · 419 阅读 · 0 评论 -
使用jquery ajax jsop gpsspg api转换坐标
1、点击申请key:http://gpsspg.com/api/convert/latlng/ 2、jquery ajax jsop获取数据$.ajax({ url:’http://api.gpsspg.com/convert/coord/?’, dataType:”jsonp”, data:’oid=xxx&key=xxxxx原创 2017-12-18 11:08:37 · 638 阅读 · 0 评论 -
iframe调用子页面按子页面的内容自动调整高度(同域)
<iframe src="子页" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>js里写上<script type="text/javascript"原创 2018-07-13 13:23:04 · 810 阅读 · 0 评论 -
Laravel技巧集锦(26):使用select2和aiax实现下拉框选择
具体功能:用户输入字符,ajax自动去查询数据库,如果数据库中有记录,则返回结果在下拉框中;如果没有,用户Enter回车键自己创建话题。1、下载selec2.min.js、selec2.min.css并引入到项目中。<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2....原创 2019-03-23 11:02:19 · 1251 阅读 · 0 评论 -
Nodejs开发技巧集锦(2):连接Mongodb进行CURD
准备:1、会使用nodejs:https://blog.csdn.net/sinat_37390744/article/details/888457452、会使用mongodb:https://blog.csdn.net/sinat_37390744/article/details/88822676步骤1、在项目文件夹根目录安装mongodb模块npm install mon...原创 2019-03-27 15:27:39 · 174 阅读 · 0 评论 -
使用clipboard.js实现页面内容复制到剪贴板
clipboard.js是一个github上的开源项目,可以实现纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。1、访问clipboard.js项目主页——https://github.com/zenorocha/clipboard.js2、下载clipboard.min.js,并在页面中引用[html] view pla原创 2017-11-02 19:00:59 · 521 阅读 · 0 评论 -
js闭包判断点击的元素顺序
boxboxboxboxboxfunction inter(i){var onclick=function(e){console.log(i);}return onclick;}var box = document.querySelectorAll('.box');for(var i=0;ibox[i].onclick=inter(i原创 2017-08-27 18:26:57 · 555 阅读 · 0 评论 -
js模块化规范
1. CommonJS用于服务端模块化编程,比如nodejs就采用此规范;一个文件就是一个模块,require方法用来加载模块,该方法读取一个文件并执行,最后返回文件内部的module.exports对象;require是默认读取.js文件的,所以require(模块名)可以不写后缀;同步加载,由于服务端加载的模块一般在本地,所以可以这样;但是在客户器端如果一个模块过大就会导致页面“假死”转载 2017-08-26 22:03:50 · 327 阅读 · 0 评论 -
JS弹球游戏
1、游戏介绍小球只能在规定区域内移动。且碰到上、左、右三侧时均反弹。而碰到下侧则为输。可以使用挡板使小球反弹。2、游戏参数设定(1)、以小球为对象,有四种行为。1、基础运动(X+Y) ball.speedX = 1; ball.speedY = 1;2、碰壁转向 ball.speedX = -ball.speedX;(发生条件为ball.style.left<=0 || b原创 2017-06-21 22:32:50 · 4628 阅读 · 0 评论 -
Jquery:ajax post get提交
1、ajax$.ajax({ url: "test.html", context: document.body, success: function(){ $(this).addClass("done"); }});2、post $.post("demo.php",{name:txt},function(result原创 2017-08-18 14:23:54 · 202 阅读 · 0 评论 -
浏览器的跨域问题以及解决方案
1、为什么会有跨域问题的存在? JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象,即同源政策。2、什么是同源? 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个政策。 最初,它的含义是指,A网页设置的 Cookie,B网页不能打开,除非这两个网页”同源”。所谓”同源”指的是”三个相同”。 (1)协议相同 (2)原创 2017-08-21 16:53:48 · 396 阅读 · 0 评论 -
文章标题
http://www.jb51.net/article/73342.htm http://www.cnblogs.com/jingwhale/p/4617359.html原创 2017-08-22 13:32:43 · 153 阅读 · 0 评论 -
js常见编程题整理(持续更新中)
编写一个函数isMerge,判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成。“组合 ”的规则如下: 1). str中的每个字母要么来自于part1,要么来自于part2; 2). part1和part2中字母的顺序与str中字母的顺序相同。 例如: “codewars”由”cdw”和”oears”组合而成: s: c o d e w a r s = code原创 2017-08-25 22:29:37 · 7131 阅读 · 0 评论 -
js数组内数字按大小排序实现函数
1、代码var arr = [5,100,6,3,-12];function sort(arr){ for(var i=0;i<arr.length-1;i++){ for(var j=0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ var hand = arr[j];原创 2017-08-23 09:05:00 · 8001 阅读 · 0 评论 -
转换CSS中常用的颜色编码
function toRGB(color) { var regx = /^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/;//两位一次16进制转换 match = color.match(regx); alert(match?parseInt(match[1],16)+','+parseInt(m原创 2017-08-23 10:10:55 · 404 阅读 · 0 评论 -
正则表达式
1、邮箱/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/原创 2017-08-23 10:46:00 · 201 阅读 · 0 评论 -
js跨浏览器的事件处理程序
<pre name="code" class="javascript">//跨浏览器的事件处理程序var EventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ //检测DOM2级方法 element.addEventListener(原创 2017-08-23 11:28:00 · 340 阅读 · 0 评论 -
35个jQuery小技巧
1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can b原创 2017-02-24 22:44:07 · 387 阅读 · 0 评论