JavaScript

JavaScript Ajax实现异步通信

JavaScript Ajax实现异步通信一、浏览器与服务器的同步和异步通信 1.同步:是阻塞的,浏览器在向服务器发送请求之后一直等待服务器的响应,而没有做其他事情。 2.异步:非阻塞的,浏览器向服务器发送请求之后,继续执行其他代码,知道服务器响应,浏览器中断当前的任务,处理服务器响应。二、没有Ajax之前浏览器是通过iframe来实现异步刷新1.iframe标签:iframe...

    612浏览1推荐0评论

    模板继承中如何正确的高亮当前导航?

    类似于上面这种导航,我在thinkphp中利用其模板继承的原理定义了一个base.html的文件,其中包含通用的header头部、nav导航、footer底部,其它的html文件会继承该base.html模板。请问我在访问其它页面的时候如何高亮当前页面对应的导航?如上图,当我访问实战页面的时候,如何高亮当前页面对应的导航,如果该导航为多级导航?当我访问对应主导航的下级导航时,如何正确的高亮对应页面...

      915浏览0推荐1评论

      webpack+vue怎么用?

      我的项目使用的webpack,但是有一个小地方我项使用vue的双向绑定,然后就require("../../node_modules/vue/dist/vue.js");打包的时候不报错,但是打开页面就报错Vue is not definedjs里面的报错相关代码var searchBox=new Vue({    e...

        326浏览0推荐0评论

        如何给被视作为静态资源的spa加上csrf保护?

        最近我在使用react+react-router开发spa,后台使用的是yii2。nignx设置的是当404就返回index.html。但是这样子有个问题是,我没有办法使用csrf的保护,这样子要怎么解决呢?我看到了一个网站使用的技术栈和我的差不多,我看了它是在head标签上面写了一个含有token值的meta标签,而它的每一个请求都会将这个token作为header的值发回去。这样子要怎么做?要...

          358浏览0推荐0评论

          常用的php开发工具有哪些?

          由于最近小编要自学php,所以整理了一些常用的php开发工具,给大家分享一下:   1、EditPlus    EditPlus是一套功能强大,可取代记事本的文字编辑器,拥有无限制的Undo/Redo、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。对于很多php程序来说,EditPlus 非常简单好用。同时E...

            388浏览0推荐0评论

            java初学者,如何学习java?

            作为一名Java的完全自学者。我来说说吧,希望能给大家带来点帮助,如果有不同意见的大家一起来讨论,总之,希望大家可以共同进步。。废话不多说了。。进去正题。。学习Java呢如果你学过别的面向对象的语言那么通过类比我觉得你一定学起来比较轻松,当然了我们这里就从什么语言没学过的小白说起。。 首先来给大家推荐几本参考书。ONE:当初java入门的时候看了一些书,现在想起来特别喜欢  head f...

              124浏览0推荐0评论

              很多国内公司不使用 jQuery 等开源 JS 框架,而选择自己开发 JavaScript 框架

              折腾过 KISSY 类库,简单说几点:1. 开发 KISSY 之前,淘宝使用的是 YUI2 类库。但从 2009 年开始,YUI2 在逐步退出历史舞台,YUI 团队的大部分精力都投入到 YUI3 的开发中去了。从当时的情况来看,YUI2 前途堪忧,YUI3 则还不够成熟,并且 YUI3 的定位(大而全的框架型类库)不适合淘宝的前台业务场景(以浏览型为主的展现页面)。2. 我自己是力推 jQuery...

                142浏览0推荐0评论

                如何做前端异常监控

                一段“Web 前端全局异常监控”代码(基于 jQuery)——(function (BOM, $) {     var Console_URL = $('head link[rel="console"]').attr('href'); ...

                  139浏览0推荐0评论

                  什么编辑器写Vue比较好

                  最近开发Vue,也用过很多文本编辑器,总觉得找不到一款好的编辑器来开发Vue,所以想问问那些编辑器的生态圈对Vue友好一点提到 Vue 的编辑器支持,一般都是谈对 Vue 的 Single File Component 的支持了。如果现在急着用,什么用的习惯就用什么好。Atom, VSCode, Sublime, Vim 对 *.vue 文件都有不错的 syntax highlighting。但是...

                    162浏览0推荐0评论

                    flow和typescript各自的好处

                    TypeScript 相当于一个 Web 开发经典套餐:你需要最新(甚至还在讨论中)的 es 特性,ts 包含了;你需要 xml in js,ts 包含了(.tsx);你需要静态类型检查,ts 包含了。而 Babel 相当于一个自助餐:你需要最新的 es 特性?有别人帮你写好了,自己去找就行;你需要 xml in js?也有人帮你写好了,自己去找吧;你需要静态类型检查?同样有人帮你写好了,再去找找...

                      131浏览0推荐0评论

                      B站 (bilibili) 开源 HTML5 播放器内核 flv.js

                      flv.js 做了三件事:1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖一些人问我为什么不直接采用 MP4 格式,并表示对 FLV...

                        385浏览0推荐0评论

                        CommonJS 是什么

                        JavaScript是一个强大面向对象语言,它有很多快速高效的解释器。官方JavaScript标准定义的API是为了构建基于浏览器的应用程序。然而,并没有定于一个用于更广泛的应用程序的标准库。CommonJS API定义很多普通应用程序(主要指非浏览器的应用)使用的API,从而填补了这个空白。它的终极目标是提供一个类似Python,Ruby和Java标准库。这样的话,开发者可以使用CommonJS...

                          111浏览0推荐0评论

                          Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

                          推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

                            187浏览0推荐0评论

                            JavaScript 将网站后台的数据变化实时更新到前端

                            有三种方式:1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。2,ajax长连接:客户端发送一次请求,服务器端收到请求后查询有没有新数据,如果没有新数据就阻塞这个请求,直到有新数据或者超时为止。客户端每次收到请求返回结果后立刻再发一次请求。comet貌似就是这个原理。3,WebSocket:这就不是一个HTTP协议了,而是一个tcp协议,而且Sock...

                              451浏览0推荐0评论

                              HTML 标签属性的全称

                              那些比较明显的(如 p、h1~h6、ol、ul、li、abbr、col、img、ins、del、q 等)我就不写了。a: anchorlink的端点叫做anchor。link是从一端指向到另一端,通常a通过href属性指向外部资源,此a即为起始端点,但早期a也可以用name属性表示文档中可以被链接到的目标端点(后来任意元素上有id属性均可成为目标端点)。b: boldi: italicu: und...

                                166浏览0推荐0评论

                                正则表达式\W元字符使用方法

                                正则表达式\W元字符:\W(大写)用来匹配非单词字符,它等价于"[^a-zA-Z0-9_]"。语法结构:构造函数方式:new RegExp("\\W")对象直接量方式:/\W/浏览器支持:IE浏览器支持此元字符。火狐浏览器支持此元字符。谷歌浏览器支持此元字符。实例代码:实例一:var str="antzone<12>love&...

                                  420浏览0推荐0评论

                                  正则表达式教程之位置匹配详解

                                  本文实例讲述了正则表达式教程之位置匹配。分享给大家供大家参考,具体如下:注:在所有例子中正则表达式匹配结果包含在源文本中的【和】之间,有的例子会使用Java来实现,如果是java本身正则表达式的用法,会在相应的地方说明。所有java例子都在JDK1.6.0_13下测试通过。一、问题引入如果想匹配一段文本中的某个单词(暂不考虑多行模式,将在后面介绍),我们可能会像下面这样:文本:Yesterday ...

                                    367浏览0推荐0评论

                                    jq stop()和:is(:animated)的用法及区别(详解)

                                    下面小编就为大家带来一篇jq stop()和:is(:animated)的用法及区别(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧stop(true,true):表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!jQuery stop() 方法jQuery stop() ...

                                      87浏览0推荐0评论

                                      jQuery实现大图轮播

                                      本文主要分享了jQuery实现大图轮播的示例代码。css样式:*{  margin: 0;  padding: 0; } ul{  list-style:none; } .slideShow{  width: 620px;  height: 700px; /*其实就是图片的高度*/  bo...

                                        114浏览0推荐0评论

                                        jQuery实现用户输入自动完成功能

                                        利用jQuery UI中Auto-complete插件实现输入自动完成功能,大家在使用诸如淘宝、京东等电商平台搜索商品时,往往只要输入商品的一些特殊字符,就可以显示出和该字符相近的列表菜单,用户使用鼠标或者键盘方向键就可以快速选择,实现了很好的用户体验。1.最简单的用户输入自动完成<!doctype html> <html lang="en"...

                                          96浏览0推荐0评论

                                          JS验证不重复验证码

                                          本文主要介绍了JS验证不重复验证码的示例代码。<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>不重复验证码</title>  <...

                                            69浏览0推荐0评论

                                            javascript自执行函数

                                            本文主要介绍了javascript自执行函数的相关知识。function (window, $, undefined) {  play=function(){   $("#demo").val("This is a demo.");  }  ...

                                              62浏览0推荐0评论

                                              JS实现的数字格式化功能示例

                                              本文实例讲述了JS实现的数字格式化功能.分享给大家供大家参考,具体如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....

                                                54浏览0推荐0评论

                                                JavaScript表单验证的两种实现方法

                                                本文实例为大家分享了js表单验证的实现方法,供大家参考,具体内容如下第一种:js表单验证<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title&...

                                                  65浏览0推荐0评论

                                                  Vue-Router实现页面正在加载特效方法示例

                                                  前言vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。如果你在使用 Vue.js 和 Vue-Router 开发单页面应用。因为每个页...

                                                    82浏览0推荐0评论

                                                    js输入框使用正则表达式校验输入内容的实例

                                                    下面小编就为大家带来一篇js输入框使用正则表达式校验输入内容的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧js输入框输入校验/*用户名称格式判断——用户名只能为下划线、数字、字母或中文长度不超过10个字符*/  function checkUserName(str) { var reg = /^[_0...

                                                      63浏览0推荐0评论

                                                      js实现打地鼠小游戏

                                                      本文主要分享了js实现打地鼠小游戏的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧<!doctype html> <html> <head> <meta charset="utf-8"> <title>打地鼠</title>  <style type=&...

                                                        156浏览0推荐0评论

                                                        浅谈js中的变量名和函数名重名

                                                        今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100; function a(){   console.log(a); } a();这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析:1)函数声明会置顶2)变量声明...

                                                          54浏览0推荐0评论

                                                          如何用js判断dom是否有存在某class的值

                                                          例如:<html class="no-js"> <head> </head> <body> </body> </html>判断html节点的class是否有no-js。1.jquery的实现方式$("html").hasClass('no-js');jquery...

                                                            66浏览0推荐0评论

                                                            JavaScript获取ul中li个数的方法

                                                            本文实例讲述了JavaScript获取ul中li个数的方法。分享给大家供大家参考,具体如下:有这样一段HTML代码:<ul id="mycarousel">     <li><img src=01_MED.jpg height=80 width=100/><...

                                                              56浏览0推荐0评论
                                                              首页上一页12345下一页尾页

                                                              推荐作者

                                                              热门手记