JavaScript
记录JavaScript相关的知识。
橙子_tong
坚持很容易,放弃却很难。
展开
-
Android平台 Native.js跳转系统设置各个界面
Android平台 Native.js跳转系统设置各个界面原创 2023-02-10 15:31:46 · 302 阅读 · 0 评论 -
uniapp 获取手机定位权限及禁止拒绝后跳转设置页面
uniapp 获取手机定位权限及禁止拒绝后跳转设置页面;uniapp提示用户开启定位;原创 2023-02-10 15:04:01 · 7111 阅读 · 0 评论 -
根据某字段进行对象数组去重--方法之一
根据某字段进行对象数组去重--方法之一原创 2022-10-26 22:29:22 · 289 阅读 · 0 评论 -
null与undefined的区别?
null是js中的关键字,表示空值;null可以看作是object的一个特殊的值,如果object值为空,表示这个对象不是有效对象;undefined不是js中的关键字,是一个全局变量,是Global的一个属性;以下情况会返回undefined:变量已声明,但未赋值,就等于undefined; 函数调用时,没有提供实参,该参数等于undefined;function fun1( a ){ console.log( a )}fun1(); //undefined (形参只是原创 2022-01-06 18:30:29 · 746 阅读 · 0 评论 -
Math.round(),Math.ceil(),Math.floor()的区别
1.Math.round():根据“round”的字面意思“附近、周围”,可以理解该函数是求一个附近的整数,看下面几个例子就明白。小数点后第一位<5正数:Math.round(11.46)=11负数:Math.round(-11.46)=-11小数点后第一位>5正数:Math.round(11.68)=12负数:Math.round(-11.68)=-12小数点后第一位=5正数:Math.round(11.5)=12负数:Math.round(-1..原创 2021-04-09 16:22:24 · 333 阅读 · 0 评论 -
TypeScript 和 JavaScript 的区别?
语言层面:JavaScript和TypeScript都是ECMAScript(ECMA-262)的具体实现。 执行环境层面:浏览器引擎和Node.js都能够直接运行JavaScript,但无法直接运行TypeScript。 时序层面:TypeScript被真正执行前,会通过编译转换生成JavaScript,之后才能被解释执行。 厂商层面:JavaScript由Netscape率先推出,现在主要由各大浏览器厂商实现。 而TypeScript is a trademark of Microsoft Co原创 2021-03-25 18:16:42 · 2676 阅读 · 1 评论 -
js window.onresize的使用方法
onresize事件会在窗口或框架被调整大小时发生。语法In HTML:<elementonresize="SomeJavaScriptCode">JavaScript 中:window.onresize=function(){SomeJavaScriptCode};jQuery中:$(window).resize(function(){ //code});详情可查看:https://www.runoob.com/jsref/event-...原创 2020-12-02 16:25:00 · 6666 阅读 · 0 评论 -
js window.onresize的使用方法及案例:导航随浏览器宽度改变而控制显示导航个数及箭头按钮的显隐
onresize事件onresize 事件会在窗口或框架被调整大小时发生。最近遇到一个需求:PC站,头部导航,初始只有几条数据,但后来数据增加,分辨率低的小显示器显示不全;思考:解决这个问题,使用css overflow-x 处理的话,有滚动条,若隐藏滚动条,看不出是左右滑动的效果; 然后想到拖拽,但拖拽需要和进度条结合使用,相比之下,使用swiper并设置其左右箭头按钮,浏览器宽度变化时也控制导航的宽度变化,这样更加简单;1、下面是没有修改之前的样子:...原创 2020-12-02 16:28:48 · 3032 阅读 · 0 评论 -
原生js-js类库-js框架-前端框架-区别
原生js-js类库-js框架-前端框架-区别1.原生js就是javascript ,也是网站前端核心内容,主要操作流程是,先获得DOM或切换DOM,然后修改DOM对象的属性或调用DOM对象的方法,存在的主要问题是低版本IE兼容性问题及复杂的DOM操作2.js类库--jquery zeptojsjs类库,解决了原生js中,获取DOM或更高DOM对象,操作DOM复杂的问题,把DOM操作变得简单,而且解决了浏览器的兼容性问题。但是本质上和原生js设计思想没有差别,还是获取...原创 2020-08-24 11:47:59 · 1965 阅读 · 0 评论 -
多格式、功能强大的移动端日期选择插件
手机扫描二维码查看:支持格式:(无限制)规则:年-YYYY 月-MM 日-DD 时-hh 分-mm 秒-ss 使用/、-、空格、:之一分隔,可以随意组合,不建议单个重复例:YYYY-MM、YYYY-MM-DD、YYYY-MM-DD hh:mm、YYYY-MM-DD hh:mm:ss、YYYY、MM、DD、hh:mm、hh:mm:ss、YYYY-MM-DD hh、hh、mm、ss、YYYY/DD...回调函数:使用的是rolldate.min.js以下展示代码:..原创 2020-08-13 11:54:57 · 965 阅读 · 0 评论 -
jQuery 判断元素是否存在的方法及jquery对象与dom对象之间互相转换
经常会遇到,判断元素是否存在,存在则继续操作,不存在则不做操作,诸如此类的逻辑问题。下面,看一下如何判断元素的有无:一种,用length属性来判断:if($("#wode").length>0){ //存在 console.log(0);}else{ //不存在 console.log(1);}二是:把jquery对象转换成js对象就可:if($("#wode")[0]){ // 存在 console.log(000)}else{原创 2020-08-11 17:20:24 · 337 阅读 · 0 评论 -
搭建自适应网站(自适应网站设计)
“自适应网页设计”这个名词,指的是可以自动识别屏幕宽度,做出相应调整的网页设计。简单来讲,自适应网站就是能够适应不同分辨率屏幕的网站,一站通行,不需要再为每一个不同屏幕大小的设备重新制作一个网站版本。一、允许网页宽度自动调整首先,在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行...原创 2020-07-17 15:32:59 · 3312 阅读 · 0 评论 -
自适应-窗口调整时,可记录调整(变大变小)次数
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">x=0;$(document).ready(function(){$(wind原创 2018-06-20 17:11:34 · 396 阅读 · 0 评论 -
js限制文字字数,超出用省略号......表示
此方法基于jquery,不要忘记引入jQuery文件哦!!!看代码:html部分:<div class="myTit">在很久很久以前,有一个古老又神秘的家族,他们有雪白的羽毛,无翅而能在空中飞翔.在很久很久以前,有一个个古老又神秘的家族,他们有雪白的羽毛,无翅而能在空中飞翔</div>css部分:.myTit { width...原创 2018-06-20 10:28:09 · 16644 阅读 · 7 评论 -
一键生成 ’倒计时‘
1. html部分:<div class="countR"> <p><i>0</i><i>0</i><span>天</span><i>0</i><i&g原创 2018-08-16 11:27:43 · 1962 阅读 · 0 评论 -
jquery 实现简单拖拽
基本思路:1.首先需要鼠标按下拖动区域,也就是需要调用 mousedown 方法 2.鼠标移动,需要拖动的元素跟着鼠标移动,调用 mousemove 方法 3.鼠标弹起拖动消失,调用 mouseup 方法下面看一下代码:页面结构:样式:.drag { width: 200px; h...原创 2019-11-22 17:59:56 · 561 阅读 · 0 评论 -
checkbox全选反选
input[type="checkbox"]与背景图片结合的全选反选谨以此篇,记录踩坑的过程,方便自己查阅 :)页面结构:<!-- 购物列表 --> <div class="shoppingList"> <ul> <li> ...原创 2018-10-30 11:57:00 · 843 阅读 · 0 评论 -
input[type='checkbox']全选反选
input[type='checkbox']全选反选,在开发过程中经常遇到,为了方便,在此总结一下,并做函数封装。未封装html代码<label class="labelAll"><input type="checkbox" name="" value=""><span>全选</span></label><labe...原创 2019-01-17 16:02:10 · 6975 阅读 · 2 评论 -
js本地储存方法:localStorage、sessionStorage、cookie
前言 网络早期最大的问题之一是如何管理状态。简而言之,服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时,在页面中插入一些参数,并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单,或者作为URL参数的一部分传递。这两个解决方案都手动操作,容易出错。cookie出现来解决这个问题。作用 cookie是纯文本,没有可执行代码。存储数据,当用户访问了某...原创 2019-04-24 18:00:49 · 696 阅读 · 0 评论 -
js reduce函数的原理及用法
JavaScriptreduce()方法1.定义和用法reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减(是个数递减,不是值),最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的 compose(组成)。注意:reduce() 对于空数组是不会执行回调函数的。2.浏览器支持表格中的数字表示支持该方法的第一个浏览器版本号。...原创 2019-05-07 16:09:09 · 5917 阅读 · 0 评论 -
javascript实现图片延迟加载方法汇总(三种方法)
当页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加载可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。原理是这样:页面可见区域以下的图片先不加载,等到用户向下滚动到图片位置时,再进行加载。这样做的好处在哪里?——当页面有好几屏内容时,有可能用户只看前几屏的内容,...原创 2018-09-04 13:32:31 · 1076 阅读 · 0 评论