JavaScript
陈田田
专注前端
展开
-
JavaScript之表达式和运算符
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2016-11-07 17:38:39 · 312 阅读 · 0 评论 -
如果用户没上传头像,则为其设置默认用户头像
在很多情况下,我们需要读取用户的信息,然后显示出来。最常见的就是关于用户头像的问题。如果用户在注册或者完善资料的过程中,上传了头像,那么我们前端在展示页面的时候后台会将存储在数据库中的用户头像的地址返回给我们进行展示。但是如果用户没有设置自己的头像,这时候后台就会给我们传过来空。需要我们做个判断。但究竟是判断为空、为null、还是为undefined,tity做了很多尝试,发现最为靠谱的还是判断后台原创 2016-11-24 17:56:03 · 13894 阅读 · 0 评论 -
通过ajax请求实现加载更多——常见的问题
这里tity主要给大家讲两个问题: 一是加载中动画,二是关于“没有更多了”的判断。一、加载中动画,可以增强用户体验度,给用户一种当前页面正在处理的感觉,而不是没有任何反应,让用户感觉摸不着头脑。 实现方法:在ajax请求中添加beforeSend方法。 示例代码:<script type="text/javascript"> $('#getMore').click(function()原创 2016-11-25 16:21:12 · 6414 阅读 · 1 评论 -
使用jQuery实现鼠标滑过图片移动特效
在网页应用中,鼠标操作是最为常见和频繁的操作,在用户移动鼠标浏览页面的时候,一些交互特效的提醒会增强用户体验度,也可让用户感觉页面在和他“交流”,从而增加用户在页面的逗留时间,以及增加深层次访问的可能性。今天tity带大家做一个简单的示例,当鼠标移动到图片上的时候图片会向上动一下,等到鼠标离开后,图片又返回到原来的位置。首先,我们先来做如下图所示的页面布局: 页面布局部分:<ul> <li原创 2016-12-08 12:06:06 · 3037 阅读 · 0 评论 -
阻止默认行为(二)
之前tity发表了一篇【 阻止默认行为】的文章。在那篇文章中,给大家讲解了基于jQuery的event.preventDefault()方法,今天给大家介绍通过return false来阻止默认行为的方法。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>阻止默认行为</title> <script typ原创 2016-12-08 12:30:36 · 503 阅读 · 0 评论 -
JavaScript之函数入门详解
函数是一段只定义一次,但可能被执行或调用任意多次的JavaScript代码。JavaScript中对的函数是参数化的:函数的定义会包括一个称为形参的标识符列表,这些参数在函数体中像局部变量一样工作。函数调用会为形参提供实参的值。函数使用它们实参的值来计算返回值,成为该函数调用表达式的值。除了实参之外,每次调用还会拥有另一个值——本次调用的上下文——这就是this关键字的值。如果函数挂载在一个对象上,原创 2016-12-08 17:21:36 · 714 阅读 · 0 评论 -
JavaScript函数基本概念
1.函数是一段只定义一次,但可能被执行或调用任意次的JavaScript代码。 2.JavaScript函数是参数化的:函数的定义会包括一个称为形参的标识符列表,这些参数在函数体中像局部变量一样工作。 3.函数调用会为形参提供实参的值。 4.函数使用它们实参的值来计算返回值成为函数调用表达式的值。 5.除了实参之外,每次调用还会拥有另一个值——本次调用的上下文——这就是this关键字的值。6原创 2017-01-16 14:11:31 · 693 阅读 · 0 评论 -
将多个参数拼接到一起,传递给后台
在与后台交互的过程中,会遇到需要将同一类的多个参数传递给后台的情况。这个时候的解决方法是将这些同类的参数拼接为一个参数,传递给后台。代码如下:<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script></head>原创 2017-03-20 11:49:12 · 4684 阅读 · 0 评论 -
JS实现打开链接的功能
1.超链接Welcome等效于js代码window.location.href=”http://www.jb51.net”; //在同当前窗口中打开窗口2.超链接Welcome等效于js代码window.open(“http://www.jb51.net“); //在另外新建窗口中打开窗口原创 2017-04-01 12:35:40 · 21527 阅读 · 1 评论 -
js判断是否在微信浏览器中打开
用JS来判断了,经过查找资料终于实现了效果,直接上代码function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else {原创 2017-04-11 16:34:42 · 799 阅读 · 0 评论 -
JSON格式-给后台传递数据时需要注意的地方
1.在前端 2.在后台原创 2017-07-06 16:18:21 · 625 阅读 · 0 评论 -
CSS和网络性能
CSS和网络性能CSS对于呈现页面至关重要 - 在找到、下载和解析所有CSS之前,浏览器不会开始呈现 - 因此我们必须尽可能快地将其放到用户的设备上。关键路径上的任何延迟都会影响我们的“开始渲染”,并让用户看到空白屏幕。什么是大问题?从广义上讲,这就是CSS对性能至关重要的原因:浏览器在构建渲染树之前无法渲染页面;渲染树是DOM和CSS组合结果;DOM是HTML加上需要对其进行操作的...原创 2018-11-23 15:38:29 · 354 阅读 · 0 评论 -
var、const、let 的区别
定义变量的三种方式var、const、let 都可以用来定义变量,但三者之间存在区别。varvar 声明变量的时候无需初始化。var 声明的变量可在后面进行修改。var 声明的全局变量可以被函数修改。<!DOCTYPE html><html><head> <title></title></head>&...原创 2018-12-14 11:59:28 · 220 阅读 · 0 评论 -
一篇文章弄懂 JavaScript 中的 import
import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode,导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。语法import defaultExport from “module-name”;import * as name from “module-name”;import { export } from “module-name”;...翻译 2018-12-07 15:35:31 · 3284 阅读 · 0 评论 -
ES6新增命令:let
let的介绍let是ES6新增的命令。作用:声明变量。类似于:var。与var的区别:使用let声明的变量,只在其所在的代码块内有效。定义回顾声明变量:可以用var,也可以不用var。是否允许变量提升:允许。是否允许重复声明同一个变量:允许。变量的作用域:全局作用域、函数作用域。在全局作用域中,无论是否使用var,定义的变量都是全局变量。在函数作用域中,使用var定义函数局部...原创 2018-12-21 16:04:14 · 248 阅读 · 0 评论 -
模块化编程
在网页编程变得越来越复杂的同时,模块化编程已经成了前端开发中的迫切需求。但JavaScript并不是一种模块化编程语言,它不支持类,更别说模块了。但是在实际的运用环境中,我们可以通过JavaScript来模拟模块。下面tity会通过由简到难的方式来给大家讲解一下JavaScript中的模块化编程。一、原始方法 有时候我们可以把一个模块简单的理解为实现某个特定功能的一个函数,这时我们将就可以将这个函原创 2016-11-23 14:24:48 · 681 阅读 · 0 评论 -
标签语句
在JavaScript中,语句是可以添加标签的。 标签由语句前的标识符和冒号组成。语法: identifier : statement作用: 通过给语句定义标签,就可以在程序的任何地方通过标签名来引用这条语句。分类: ①单条语句语句标签; ②多条语句语句标签,如循环和条件判断的语句标签。使用: break和continue是JavaScript中唯一可以使用语句标签的语句。 通过给循环原创 2016-11-21 12:27:12 · 1197 阅读 · 0 评论 -
JavaScript原始表达式
原始表达式(primary expression)就是最简单的表达式,它是表达式的最小单位,里面不再包含其他的表达式。 原始表达式包括常量、关键字、常量。 直接量是直接在程序中出现的值。包括: ①数字直接量 ②字符串直接量 ③正则表达式直接量 关键字是指JavaScript中的保留字,如true、false、null、this等。 变量也是一种表达式,如i、su原创 2016-11-07 18:19:15 · 804 阅读 · 0 评论 -
charAt()
在JavaScript中,string对象有一个方法charAt(); 该方法的作用是返回指定位置的字符。 需要注意的是字符串中第一个字符的下标是0。 因此charAt(3),就是返回字符串中的第4个字符。<script type="text/javascript"> var str = 'Hello Word!' console.log(str.charAt(4)); //原创 2016-11-08 18:10:15 · 511 阅读 · 0 评论 -
indexOf()
indexOf()是返回指定字符所在的第一个位置。 它可以接收两个参数indexOf(searchValue,fromIndex)。 searchValue:必选,是指要搜索的字符。 fromIndex:可选,是指从第几位开始搜索。 注意:字符串的索引是从0开始的。<script type="text/javascript"> var str = 'Hello Word! Hello原创 2016-11-08 18:36:56 · 299 阅读 · 0 评论 -
setTimeout()
setTimeout()是指在指定的时间后执行指定的操作。 语法为:setTimeout(expression,time)。 expression:想要执行的操作。 time:指定的时间,单位是毫秒。 示例,5秒之后跳转到指定页面:<script type="text/javascript"> $(function(){ window.setTimeout(funct原创 2016-11-08 18:54:33 · 420 阅读 · 0 评论 -
replace()
replace()方法用于: ①将一些字符串替换为另一些字符串。 ②将与制定的正则表达式匹配的字符串替换为另一些字符串。语法: str.replace(substr/regexp,replacementstr)replace()方法接收两个参数: ①substr/regexp:必选参数。 substr表示要替换掉的字符串。 regexp表示匹配想要替换的字符串的正则表达式。 ②repl原创 2016-11-09 12:16:09 · 1126 阅读 · 0 评论 -
快速排序
数组排序方法有:冒泡排序、快速排序和sort()排序。 冒泡排序在上篇文章中已经讲到。点击此处进行查看。 快速排序是获取数组中间的那个值,然后使用这个值与数组里面的值进行比较,(比如从小到大排列时),大于此值的放在右边,小于此值的放在左边,如此反复,然后使用concat()方法进行合并。示例代码:<script type="text/javascript"> var newArray =原创 2016-11-10 18:01:48 · 319 阅读 · 0 评论 -
冒泡排序
数组排序方法有:冒泡排序、快速排序和sort()排序。 冒泡排序是指在数组中拿出一个数字,与它后面的数字进行比较。如果前者比后者大两者交换位置,如此遍历数组的一种排序方式。比如现有数组: arr=[5,4,3,2,1,0] 对其进行从小到大的冒泡排序,有两种方法。方法一:某一位与它的下一位进行比较 第一位与第二位比,即5与4相比,5>4,交换位置,数组变为[4,5,3,2,1,0]。 然后原创 2016-11-10 14:31:29 · 560 阅读 · 0 评论 -
sort()方法
数组排序方法有:冒泡排序、快速排序和sort()排序。 冒泡排序在前面文章中已经讲到,点击此处进行查看。 快速排序在前面文章中已经讲到,点击此处进行查看。 sort()排序是一种简单粗暴的数组排序方式。基本语法: Array.sort(fun); 其中参数fun是可选参数。在对一个数组使用sort()方法,且没有传递任何参数时,Array数组中的元素将按照首字母的ASCII字符的顺序进原创 2016-11-11 11:53:31 · 1260 阅读 · 0 评论 -
数组去重
数组去重是指将数组中重复出现的元素删去。今天介绍的这种方法是在不改变原数组顺序的情况下,删除数组中重复出现的后面的元素。示例代码:<script type="text/javascript"> var array = [3,56,6,7,45,5,3,7,45,67,89,45]; function removeRepeat(arr){ for(var i = 0;原创 2016-11-11 12:21:05 · 357 阅读 · 0 评论 -
JavaScript循环
在JavaScript中,我们可以把语句理解为一条条的分支路径。那么对于循环语句(looping statement)来说,就可以将其比喻为为路径上的一条回路了。JavaScript循环语句有四种: while、do/while、for、for/in。while语句: while循环是JavaScript中最基本的循环。 语法结构: while(expression) statement原创 2016-11-16 14:43:45 · 263 阅读 · 0 评论 -
阻止事件冒泡的方法
一、什么是事件冒泡 事件有好多种,最为常用的就是点击事件。在我们想执行点击事件的时候,通常是想让点击某个元素的时候执行某个事件,而冒泡事件就是指在点击这个元素的时候执行了这个事件,而同时它的父元素也执行了这个事件。 如下面的代码:<body> <div> <a href="javascript:;">点击</a> </div></body><script t原创 2016-11-17 12:06:57 · 4829 阅读 · 0 评论 -
阻止默认行为
一、什么是默认行为 默认行为是指html标签自带的默认行为,比如a标签的默认跳转,button标签的默认提交。二、为什么要阻止默认行为 比如之前做的一个项目换乘案内只有首页的设计是自己的,剩下的数据接口都是雅虎的,所以很多链接都是雅虎的,而我们又不想点击的时候跳到雅虎的页面,所以就需要对a链接的默认跳转行为做一些阻止。三、 阻止默认行为的方法 preventDefault() 示例代码:<!原创 2016-11-17 12:23:15 · 4686 阅读 · 0 评论 -
使用jQuery获取单选按钮radio的选中值
简单来说:var val = $('input[name="sex"]:checked').val();整体代码:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>获取单选按钮选中的值</title></head><body><label><input type="radio" na原创 2016-12-01 16:39:41 · 36071 阅读 · 1 评论 -
使用原生JavaScript获取单选按钮radio的选中值
主要原理就是遍历所有的单选按钮,当某个单选按钮选中的时候,将它对应的值传递给我们赋值的参数,并且跳出遍历循环。如果想知道如何使用jQuery来获取单选按钮的值,请点击这里。示例代码:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>获取单选按钮选中的值</title></head><b原创 2016-12-01 16:53:20 · 7845 阅读 · 0 评论 -
关于latex公式识别遇到的问题
1、Vue渲染数据和JS加载方法的冲突。实际开发中发现,JS先加载,VUE再获取数据,这样,公式就显示不出来了。解决方法:设置页面2S后再加载JS2、页面翻页后,第二页的公式渲染不出来原因同上,JS已经在再过一遍了。解决方法,在链接上加一个page参数,当page参数改变时重新渲染页面。3、公式识别不全的问题好多公式通过接口识别后都能正常显示,但有一些意外的特例。就算用公式编辑器重...原创 2019-08-14 15:34:57 · 2327 阅读 · 0 评论