![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-javaScript
黎成诃月
不辜负每一份热情,不讨好任何冷漠。
展开
-
在vsCode中 开启本地服务器
在vs code中进行本地调试1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息配置信息如下:{ // 使用 IntelliSense 了解相关属性。 // 悬停以...原创 2019-11-07 10:38:40 · 1212 阅读 · 0 评论 -
安卓手机键盘高度适配 fixed谈起bug
/** * 键盘高度适配 */ function fixedKeyboard() { var client_h = document.documentElement.clientHeight; $(window).on("resize",function(){ if (/iphone|ipad/i.tes...原创 2019-10-17 11:33:32 · 345 阅读 · 0 评论 -
js页面弹出框,遮罩层底部的页面不滑动
//html //css <body class="modal_open" style="-200px" > <body>.modal_open { position: fixed; width: 100%; height: 100%; overflow: hidden;}全局——————————————————————————...原创 2019-10-14 10:35:39 · 652 阅读 · 0 评论 -
JS中将对象转化为数组
前言其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再遇到这个问题时竟然又卡主了,所以,关于这个问题,如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}],你已经知道如何操作了,那这篇文章你也就没有必要看了。...原创 2019-01-03 18:31:33 · 418 阅读 · 0 评论 -
数组去重,显示重复的元素及个数。
var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色']; function qc(arr){ var resultObj = {}; var result = []; var result2 = []; for(var i=0; i<arr.length; i++){ ...原创 2018-09-21 11:29:33 · 536 阅读 · 0 评论 -
apply()/call()求数组最值
var numbers = [5, 458 , 120 , -215 ]; var maxInNumbers = Math.max.apply(this, numbers); console.log(maxInNumbers); // 458var maxInNumbers = Math.max.call(this,5, 458 , 120 , -215); console.log...原创 2018-09-25 15:21:48 · 423 阅读 · 0 评论 -
你如何获取浏览器URL中查询字符串中的参数?
测试地址为:http://www.runoob.com/jquery/misc-trim.html?channelid=12333&name=xiaomi方法一: var ohref='http://www.runoob.com/jquery/misc-trim.html?channelid=12333&name=xiaomi'; var oindex=ohref...原创 2018-09-25 09:39:53 · 1404 阅读 · 0 评论 -
请用js去除字符串空格?
请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); 去除两头空格: str = str.replace(/^\s*|\s*$/g,"");去除左空格: str = str.replace( /^\s*/, “”);去除右空格: str = str.replace(/(\s*$)/g, ...原创 2018-09-25 09:33:05 · 672 阅读 · 0 评论 -
一个完整的switch例子,星座判断
eg:一个完整的switch例子,星座判断。 <script> window.onload = function(){ var oBtn = document.getElementById('btn1'); var oTxt = document.getElementById('te...转载 2018-09-06 14:34:26 · 2634 阅读 · 3 评论 -
javascript实现微博留言功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博留言</title></head><script>window.onload=fu原创 2018-08-30 14:54:11 · 786 阅读 · 0 评论 -
解决8080端口占用问题
在dos下,输入 netstat -ano|findstr 8080 //说明:查看占用8080端口的进程 显示占用端口的进程 taskkill /pid 8888 /f //说明,运行windows自带taskkill命令,将上面显示的进程号,结束掉。 ...原创 2018-08-21 10:31:53 · 147 阅读 · 0 评论 -
JS实现全选和反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> JS实现全选和反选</title></head><script> window.原创 2018-08-30 17:49:11 · 6080 阅读 · 0 评论 -
JS操作dom节点及兼容性
父节点 parentNode获取到的是自己的亲父亲(直属关系)// 点击孩子隐藏父亲<script> window.onload = function(){ var child = document.getElementById("child"); child.onclick = function(){ this...转载 2018-08-30 16:50:31 · 289 阅读 · 0 评论 -
javascript错误处理与调试(转)
JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一.浏览器错误报告随着浏览器的不断升级,JavaScript 代码的调试能力也逐渐变强。IE、Firefox、Safari、Chrome 和...转载 2018-08-22 12:50:30 · 264 阅读 · 0 评论 -
输出今天的日期,以YYYY-MM-DD的方式,比如今天是2014年9月26日,则输出2014-09-26
var d = new Date();// 获取年,getFullYear()返回4位的数字var year = d.getFullYear();// 获取月,月份比较特殊,0是1月,11是12月var month = d.getMonth() + 1;// 变成两位month = month < 10 ? '0' + month : month;// 获取日...原创 2018-09-21 18:49:15 · 1849 阅读 · 0 评论 -
小程序的反馈操作
更新:反馈操作官方文档加在了API处今天学习了小程序的反馈操作,然后去官网的文档中查看,惊奇的发现居然没有相应文档。。下面我就来总结一下学习的这四个反馈操作:1、 action-sheet:从底部弹出来的弹窗效果图如图一, 图1 相关代码如下:WXML中:<view class="container"> <button type=...转载 2018-10-08 14:07:11 · 1495 阅读 · 0 评论 -
jquery浏览器滚动条长度
<script>var a =''var b='' function check(){ $('body,html').animate({scrollTop:a+'px'},100); } function bbb(){ $('body,html').animate({scrollTop:b+'px'},100); }$(function(){ a = $('#te...原创 2019-09-22 10:45:25 · 862 阅读 · 0 评论 -
淘宝五颗星星评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淘宝五颗星星评论</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&g...原创 2019-09-21 15:37:46 · 209 阅读 · 0 评论 -
js函数与变量提升
1.没有参数的时候:看有没有var,或者函数申明(也就是说如果有变量提升,在函数体内就变成私有变量了,函数体内修改了不会影响父级。)有,子集是undefined,也不会找父级,下面修改了(简单和复合类型)都不会影响父级。没有,子集找不到,会找到父级,下面修改了(简单和复合类型)都会影响父级。2.有参数的时候:(有传参,在函数体内就变成私有变量了,函数体内修改了 不会影响父级。除非用的同一...原创 2019-08-14 17:39:42 · 145 阅读 · 0 评论 -
计算出100以内的素数
outer:for (var i=3;i<100;i++) { var n =2; while(i>n) { if (i%n == 0) { continue outer; } n++ } console.log(i) }原创 2019-07-31 17:08:56 · 305 阅读 · 0 评论 -
获取地址栏携带的参数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取地址栏携带的参数</title> <script> var str = 'http://moo.com/mycourse/studentstudy?chapte...原创 2019-07-30 21:47:56 · 207 阅读 · 0 评论 -
ios 键盘弹起触点错误
问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现,原因是键盘加载方式不一样,这里不作详情解答。解决方案:在键盘弹起时,页面高度变小,底部固定定位上升,所以我们只...转载 2019-05-05 16:39:36 · 243 阅读 · 0 评论 -
vue项目 文本复制插件
// 第一步 // cnpm install vue-clipboard2 --save// main.js引入// import VueClipboard from 'vue-clipboard2'// Vue.use(VueClipboard)<template> <div> <div class="wxsmallcode-page publ...原创 2019-02-19 14:43:03 · 792 阅读 · 0 评论 -
js表单提交数组
// 批量购买(数组) $('#batch_buy').on('click', function() { var gids = []; $('.table .checkbox').each(function() { if ($(this).prop('checked')) { ...原创 2019-01-04 10:55:53 · 5021 阅读 · 0 评论 -
字符串出现的次数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <sc原创 2018-10-21 00:26:23 · 191 阅读 · 0 评论 -
表单提交,js验证
<!DOCTYPE html><html><head><meta charset='utf-8'><title>表单提交</title><style>.item span{ color:red; font-size:12px; margin-left:20px; }&原创 2018-08-19 11:56:40 · 708 阅读 · 0 评论 -
HTML5本地存储之Web Storage篇
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>HTML5本地存储之Web Storage篇</title> </head> <body> &原创 2018-08-08 15:53:18 · 169 阅读 · 0 评论 -
pc端||手机端判断。手机打开 自动跳转手机网站
<script type="text/javascript"> if(/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test...原创 2018-05-14 14:18:41 · 913 阅读 · 0 评论 -
模拟 ajax模拟调用json数据(内容页)
html:<div class="head-nav"> <a href="../index.html">集团首页</a> > <a href="news.html">新闻媒体</a> > <!-- 标题 --> <a原创 2018-04-27 18:37:56 · 654 阅读 · 0 评论 -
webstrom快捷键
webstorm常用快捷键************************************************************ctrl + T //更新线上版本号ctrl + K //上传更改文件webstorm常用快捷键查找/代替ctrl+shift+N 通过文件名快速查找工程内的文件(必记)ctrl+shift+alt+N 通过一个字符快速查找位置(必记)ctrl+F ...原创 2018-05-18 16:22:21 · 101 阅读 · 0 评论 -
前端面试题目
Javascript部分1、Javascript跨域jsonp 的原理是什么?ajax请求受同源策略影响,不允许进行跨域请求,而script标签src属性中的链接却可以访问跨域的js脚本,利用这个特性,服务端不再返回JSON格式的数据,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。(动态创建一个script标签)2、Xml 和json 的区别?Xml 扩展标记语言 (E...原创 2018-05-18 16:18:38 · 522 阅读 · 0 评论 -
git 命令
git status 查询状态git push 提交git clone +地址开启vue项目:npm install 安装依赖包cnpm install 安装依赖包进入项目根目录 npm run dev(跑起来~)>Listening at http://localhost:8080git pull 更新git add . 根目录下提交git commit -m "" 命名gi...原创 2018-05-18 15:42:40 · 183 阅读 · 0 评论 -
webStrom解决代码冲突
git pullgit stashgit pullgit stash popgit statusgit add .git commit -m '冲突'git push原创 2018-05-18 15:41:15 · 5904 阅读 · 0 评论 -
公共头部引入页面
var header = '<div class="headernav">'; header += '<ul class="wrap wow fadeInUp animated" data-wow-delay=".0.05s" style="visibility: visible; animation-name: fadeInUp;">'; header +=原创 2018-04-27 15:51:31 · 508 阅读 · 0 评论 -
git命令操作
git status 查询状态git push 提交git clone +地址开启vue项目:npm install 安装依赖包cnpm install 安装依赖包进入项目根目录 npm run dev(跑起来~)>Listening at http://localhost:8080git pull 更新git add . 根目录下提交git commit -m "" 命名gi...原创 2018-04-27 15:34:10 · 94 阅读 · 0 评论 -
wow.js怎么使用这个插件
wow.js中各种特效对应的类名一、(页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。) 刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也能弄出来这种效果了。 虽然效果出来了,但是网上并没有整理好的各种特效对应的类名,所以写一篇通俗易懂(最起码自己能看懂)的文章供大家参考学习。(^_^)二、首先说明一...原创 2018-05-11 09:41:52 · 3555 阅读 · 0 评论 -
如何查询本机IP和端口号
1.首先电脑和手机连网必须在同一个局域网内。2.在电脑上开启一wifi ,手机连接开启好的wifi。或者手机电脑连接统一wifi也可以。3.在电脑上windows+r 打开cmd窗口 输入命令行ipconfig 4.在电脑上windows+r 打开cmd窗口 输入命令行netstat...原创 2018-05-14 14:23:01 · 17467 阅读 · 0 评论 -
fis3如何使用?本地web项目如何在手机上打开
用户文档:http://fis.baidu.com/fis3/docs/beginning/intro.htmlnpm install -g fis3 //安装fis3npm update -g fis3 //升级fis3fis3 server open //目录fis3 server start //启动项目原创 2018-05-14 18:17:06 · 576 阅读 · 0 评论 -
es6基础语法(二)
数组: ES5里面新增一些东西 循环: 1. for for(let i=0; i<arr.length; i++) 2. while arr.forEach() // 代替普通for arr.forEach(function(val, index, arr){ console.log(val, index, arr); }); arr.map() // 非常有...原创 2018-05-15 13:57:43 · 124 阅读 · 0 评论 -
新加坡 北京 切换动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>*{ margin原创 2018-08-14 10:00:09 · 127 阅读 · 0 评论