JavaScript教程

JS逻辑判断，不要只知道写 if-else 和 switch，还有很多你没用过的
shinyuu JavaScript教程 3548 4 2020-05-27 14:04:58

我们在编写 JS 代码时，经常会遇到逻辑判断复杂的情况。一般情况下，可以用 if/else 或 switch 来实现多个条件判断，但会出现一个问题：随着逻辑复杂度的增加，代码中的 if/else 和 switch 会越来越臃肿。本文将带你尝试写出更优雅的判断逻辑。 比如说下面这样一段代码：const onButtonClick = (status) => { if (status == 1) { sendLog(´processing´) jumpTo(´IndexPage&...

阅读全文

微信小程序实现头部_微信小程序特定区域滚动到顶部时固定的方法
shinyuu JavaScript教程 7993 1 2020-04-15 14:00:01

本文主要介绍了微信小程序--特定区域滚动到顶部时固定的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧！ 如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。以下是代码展示： 1.wxml<scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun"> <view class="{{top&g...

阅读全文

js 控制音频音量的大小_原生js css调节音量滑块
shinyuu JavaScript教程 7050 6 2020-01-15 15:12:20

这里主要介绍了原生js css调节音量滑块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下本文实例为大家分享了js调节音量滑块的具体代码，供大家参考，具体内容如下。 html部分<body> <div class="all"> <p>当前位置0%</p> <div class="bar"> <div class="box"></div> </d...

阅读全文

JavaScript/jQuery获取地址栏url参数的方法
shinyuu JavaScript教程 10204 1 2020-01-08 13:35:22

很多时候我们需要用 Javascript/jQuery 获取地址栏 url 参数的方法，本文介绍了两种方式，需要的朋友可以过来参考下，使用 jQuery 获取 url 以及使用 jQuery 获取 url 参数是我们经常要用到的操作，希望对大家有所帮助。 1.通过function的方式 jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情，首先看看单纯的通过javascript是如何来获取url中的某个参数。function getUrlParam(name) { //构造一...

阅读全文

jquery SweetAlert swal()弹出层插件实现响应式提示框
shinyuu JavaScript教程 6955 2 2019-12-18 15:08:40

什么是sweetalert，SweetAlert 是一个 JavaScript 插件，能够完美替代 JavaScript 自带的 alert 弹出框，并且功能强大、设计优美。swal()方法是一个提示框，是SweetAlert框架下面的方法。 使用方法swal({ title: "", text: "请扫描用户手机上的付款码", type: "input", showCancelButton: true, closeOnConfirm: false, cancelButtonText: "取消", con...

阅读全文

VUE实现锚点定位功能_项目中锚点定位替代方式
shinyuu JavaScript教程 8430 1 2019-11-13 14:51:08

今天小编就为大家分享一篇vue项目中锚点定位替代方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧！ 在vue项目中，使用锚点定位会和router的规则冲突，在项目中的表现就是第一次点击url改变了，但是没有跳转到锚点位置，再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位：scrollToSection() { let section = document.getElementById(´section´) if (section) { sectio...

阅读全文

淘宝js图片局部放大镜插件代码及Demo效果
shinyuu JavaScript教程 7969 0 2019-03-27 08:50:22

一款原生js自由放大镜特效FreeZoomer、可用于商品展示的图片放大、如淘宝京东都有类似功能、在这里与大家分享一个纯js写的插件 用法很简单、引用放大镜插件文件和样式文件、html页面上再给图片加上属性class="free-zoomer"和data-img-big="大图的路径"就行了、有什么不明白的就查看作品的源码、里面注释写得很详细、希望对大家有用哦 获取放大容器function GetViewPanel() { var panel = document.getElementById(zoomerViewPan...

阅读全文

js声明json数据_打印json数据_遍历json数据_转换json数据为数组
shinyuu JavaScript教程 2775 0 2019-03-06 17:30:55

很多时候我们需要对JSON进行一系列操作，比如js声明json数据；打印json数据；遍历json数据；转换json数据为数组等等。 1、js声明json数据//声明JSONvar json = {};//第一种赋值方式（仿对象型）json.a = 1;//第二种赋值方式（仿数组型）json[´b´] = 2; 2、打印json数据//打印JSON//打印JSON需要用到JSON（JS自带）的一个对象方法stringify//语法如下alert(JSON.stringify(json)); 3、遍历jso...

阅读全文

OpenIM在线客服咨询聊天Html5_阿里百川云旺客服聊天实例下载
shinyuu JavaScript教程 6563 2 2018-12-25 14:45:04

最近在研究阿里百川的云旺客服聊天系统，需要集成到App里面，如果用原生写的话得分别集成Android和IOS，还是很麻烦的，所以我的方案是写一个H5页面让App里面调用URL就好了，恰好云旺的客服也提供的H5的SDK，下面分享一下集成方法，和遇到的问题。问题主要有两个。 1、聊天气泡显示问题，显示会错位，然后行高也不对。 2、H5发送一条消息的时候会显示两条一模一样的消息。 1、引入JS SDK文件<!-- IE8及以下支持JSON --><!--[if lt IE 9]> <script src="...

阅读全文

JS数组排序方法_JS数组排序方法实例分析
shinyuu JavaScript教程 5132 0 2018-12-14 16:21:36

方法一、冒泡排序 思路：依次比较数组中的第一个元素和第二个元素，如果第一个元素大于第二个元素，则交换位置，所以需要两个函数：交换位置函数和比较函数，比较轮数为数组长度var arr=[2,58,49,26,34];function change(f,s){ var temp=arr[f]; arr[f]=arr[s]; arr[s]=temp;}for(var i=0;i<arr.length;i ){ for(var j=0;j<arr.length-1;j ){ if(arr...

阅读全文

页面无法读取Cookie_JS无法读取IE浏览器的Cookie解决方法
shinyuu JavaScript教程 7515 3 2018-12-04 13:41:17

IE浏览器向来是前端开发者的噩梦，今天遇到一个问题就是在IE浏览器中的cookie无法读取，无论是在前端还是在后端服务器Request中都无法读取Cookie，找了好久才发现问题，原来是IE中Cookie总的大小超出了浏览器所规定的限度，然后虽然可以在浏览器中看到cookie，但是却取不到cookie。 浏览器cookie个数限制 浏览器对于同一个域名的cookie数是有限制的，各浏览器限制如下： IE cookie限制为每个域名50个 Firefox每个域名cookie限制为50个 Opera每个域名cookie限制为...

阅读全文

JS控制文本框禁止输入特殊字符_input禁止输入特殊字符的四种实现方式
shinyuu JavaScript教程 6878 0 2018-11-13 13:29:20

昨天项目搜索的时候报错，蛋疼的是生产库中的，看了下日志，原因是用户搜索的时候输入了特殊字符，没办法最快捷的办法是直接把用户输入的数据进行筛选，去掉特殊字符。某些特殊字符传入后台会产生错误，可能导致sql注入，所以要想法从根本上拦截，接下来通过本文给大家介绍input 禁止输入特殊字符的方式，对input 禁止特殊字符知识感兴趣的朋友一起看下吧。 有些特殊字符传入到后台是会产生错误的 有可能会sql注入，所以从根本上拦截，下面一起探讨下input禁止输入特殊字符的方式： 方式一 拿到value值以后 在你传递之前处理，直接调用这个函...

阅读全文

JS构造函数与原型prototype的区别介绍
shinyuu JavaScript教程 3017 1 2018-10-26 13:43:30

下面小编就为大家带来一篇JS构造函数与原型prototype的区别介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，构造函数方法很好用，但是存在一个浪费内存。 通过原型法分配的函数是所有对象共享的。通过原型法分配的属性是独立。如果你不修改属性，他们是共享。如果我们希望所有的对象使用同一一个函数，最好使用原型法添加函数，这样比较节省内存 构造函数模式<script> function Cat(name, color) { this.name = name; ...

阅读全文

JS快速排序和去重_JS实现数组去重排序
shinyuu JavaScript教程 3306 1 2018-08-21 13:18:27

JS的快速排序和JS去重在面试的时候问的挺多的.下面是我对快速排序的理解，和快速排序，去重的代码. 1.什么是快速排序？       第一步: 快速排序就是去个中间值，把比中间值小的放在左边设为arrLeft，比中间值大的放在右边设为arrRight       第二步: 对arrLeft进行第一步,对arrRight进行第一步.(明显是一个递归嘛，当数组的长度小于2的时候结束)       第三步: 合并arrLeft,中间值,arrRig...

阅读全文

h5地理位置API_h5获取移动端地理位置
shinyuu JavaScript教程 11744 0 2018-05-18 14:31:46

H5地理位置API 地理API允许javascript程序向浏览器询问用户的真实地理位置，支持地理位置API的浏览器在访问前总是会询问用户是否允许。 获取用户地理的途径有:  1、ip地址 书上说不准确，很多时候获取的是ISP机房的位置，但是获取非常方便，没有什么限制。但是实际上我觉得在中国，ip地址还是比较准确的，基本上上能精确到小区或大楼的标准。 2、GPS   非常准确，但是需要在户外，且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带GPS的，新的智能手机倒是都有。  &nbs...

阅读全文

jQuery版AJAX简易封装_ajax封装的jquery函数
shinyuu JavaScript教程 4467 0 2017-12-21 14:41:13

开发过程中，AJAX的应用应该说非常频繁，当然，jQuery的AJAX函数已经非常好用，但是小编还是稍微整理下，方便不同需求下，可以简化输入参数，下面是实例代码：$(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。...

阅读全文

JavaScript New关键字_浅谈JavaScript的New关键字
shinyuu JavaScript教程 3225 1 2017-12-11 13:56:52

原型和闭包算是JavaScript中最常见，最难以理解，最容易被当做问题的两个部分，当然还有它们的延伸，如作用域链，继承等等吧，我最近也是各种看，各种翻，记录点自己的心得，写写总会让自己的理解更深一些。（跟标题的关系不大啦，就感慨句，每次总感觉自己懂了，再翻还是收获满满） 先谈一下JavaScript中New关键字吧，通常我们通过它来创建一个类的实例对象，在JavaScript中，实例化对象之后，也就继承了类的属性以及方法。通过代码来演示一下function Person(name){ this.name = name;}Pe...

阅读全文

DD记账
top
+