Welcome 微信登录

首页 / 脚本样式 / JavaScript

javascript操作cookie

javascript操作cookie

2017年02月06日 95 阅读
前端js cookie的使用cookie的作用：服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。Cookies最典型的应用是判定注册用户是否已 经登录网站，用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续，这些都是Cookies的功用。另一个重要应用场合是“购物 车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies，以便在最后...
React快速入门教程

React快速入门教程

2017年02月06日 95 阅读
简介Facebook官网介绍：React 是一个用来构建用户界面的 JavaScript 库。相当于 MVC 架构的 V 层。React 的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。React的优点（React为什么这么火？）：组成 React构建界面的三要点：组件、路由、状态管理。React 的核心内容：JSX和虚拟 DOM。一个最基本的 React 组件由数据和JSX两个主要部分构成，我们先来看看数据。这是...
基本DOM节点操作

基本DOM节点操作

2017年02月06日 136 阅读
1、获取元素节点getElementById（）：获取指定唯一id的元素。getElementByTagName（）：获取指定元素标签名的元素数组。getElementByName（）：获取具有指定属性name的元素数组。2、子节点element.childNodes：返回该元素的子节点数组。注意：换行在浏览器中作为text节点，需要进行过滤element.firstChild：该元素的第一个子节点。element.lastChild：该元素最后一个子节点...
javascript实现页面滚屏效果

javascript实现页面滚屏效果

2017年02月06日 99 阅读
当我们浏览网页的时候，时常会碰到可以滚动屏幕的炫酷网页，今天笔者对这一技术进行简单实现，效果不及读者理想中那般炫酷，主要针对滚屏的技术原理和思想进行分享和分析。本示例在页面右侧有五个数字标签，代表五个页面，点击数字可以切换到对应的页面，滚动鼠标滑轮可以实现数字标签的切换，页面的切换。笔者未对页面的平稳滚动进行实现，读者可自行试验研究。这是html代码：<！doctype html><html> <head> <me...
React Router基础使用

React Router基础使用

2017年02月06日 91 阅读
React是个技术栈，单单使用React很难构建复杂的Web应用程序，很多情况下我们需要引入其他相关的技术React Router是React的路由库，保持相关页面部件与URL间的同步下面就来简单介绍其基础使用，更全面的可参考 指南1. 它看起来像是这样在页面文件中在外部脚本文件中2. 库的引入React Router库的引入，有两种方式2.1 浏览器直接引入可以引用 这里 的浏览器版本，或者下载之后引入然后就可以直接使用 ReactRouter 这个对象...
Angularjs实现搜索关键字高亮显示效果

Angularjs实现搜索关键字高亮显示效果

2017年02月06日 81 阅读
需求分析：根据关键字搜索网页内容，并且高亮显示内容中的关键字细节分析： 1、每次执行搜索操作，需清空上一次结果 2、需区分html标签和正常文本内容，否则为关键字添加样式以后会出现标签内容被显示的情况代码思路：利用正则表达式匹配关键字使用javascript字符串替换的方式，将关键字替换成<span class="red">关键字</span>为了避免出现当关键字为 "p" 时候，将标签<p>替换成<<spa...
Javascript 两种刷新方法以及区别和适用范围

Javascript 两种刷新方法以及区别和适用范围

2017年02月06日 95 阅读
JS 两种刷新方法在项目中有一个人信息修改的页面，但是修改后显示的却是修改之前的内容，分析问题后发现查询语句写在了修改语句之前，有些某些需要又必须这么写，但是修改信息后先却显示之前的信息也太不科学了。所以我就想用js刷新一下页面，于是在更新后输出了<script>window.location.reload（）</script>;可问题又来了，每次跟新后浏览器就会提示是否再次提交数据。如果点击是就会重新修改一遍，于是提示又来一遍，我...
JavaScript原生节点操作小结

JavaScript原生节点操作小结

2017年02月06日 82 阅读
前言：原生是Javascript的基础，还是需要多多重视，时间长都忘记了，现在整理一下。获取子节点children 不是标准的dom属性，但是几乎被所有浏览器支持。不包含文本节点.注意：在IE中，children包含注释节点。childNodes 是标准属性。返回所有子节点。包括文本节点。获取第一个子节点1.firstChilddocument.getElementById（"b_pole"）.childNodes[0].childNodes[0].fir...
微信小程序实现图片预加载组件

微信小程序实现图片预加载组件

2017年02月06日 166 阅读
网页中的图片预加载图片预加载对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。我们知道在 Web 页面中实现图片的预加载其实很简单，通常的做法是在 JS 中使用 Image 对象即可，代码大致如下var image = new Image（）image.onload = function（） { console.log（"图片加载完成"）}image.src = "http://...
用jQuery实现可输入多选下拉组合框实例代码

用jQuery实现可输入多选下拉组合框实例代码

2017年02月06日 91 阅读
【写在前面的话】网站上很多用各种插件，比如依赖bootstrap的bootstrap-select插件等。虽然这些框架可以实现很多功能，但因为在实际项目中，可能只会用到其中的某个功能，若是一概引入，会导致整个js加载过于笨重。比如前面提到的bootstrap-select插件，在不压缩的情况下，达到300多k。因此，为了实现一个可填写的下拉框有点得不偿失。 基于这种原因，于是私下用jquery写了一个比较简单的多选下拉可填写组合框。 containe...
动态加载css方法实现和深入解析

动态加载css方法实现和深入解析

2017年02月06日 134 阅读
一、方法引用来源和应用此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。二、优化后的完整代码/** @function 动态加载css文件* @param {string} options.url -- css资源路径* @param {function} options.callback -- 加载后回调函...
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法

JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法

2017年02月06日 95 阅读
背景：想通过Esc键关闭展示中的Dialog对话框，发现有些对话框可以，有些会失效。原因分析：1、对话框上可以输入内容的标签元素可以，反之不行。2、如果鼠标点击对话框后，也可以Esc键关闭。可以看出对话框上是需要聚焦就可以了。解决方案：方案一：focus：function（）{ $（"#id"）.focus（）;}方案二：延迟聚焦setTimeout（function（） { $（"#id"）.focus（）;}, 500）;以上所述是小编给大家介绍的...
工厂模式在JS中的实践

工厂模式在JS中的实践

2017年02月06日 112 阅读
一. 写在前面工厂模式和抽象工厂在后台代码中的使用，相信你一定非常熟悉，所以关于概念的东西也用不着我多说。你可以用其做为类与类之间，层与层之间的解耦。工厂模式没有什么难点，在JS中其实思想也是一样的，所以废话不多说，直接上实践的场景和代码。二. 场景描述1.最近的项目的登陆使用了Owin认证，所以token必须找好地方进行存储，鉴于token需要在请求API资源的时候放到请求头的Authorization当中，以便在进入WebAPI前进行身份验证。所以我不...
nodejs实现发出蜂鸣声音（系统报警声）的方法

nodejs实现发出蜂鸣声音（系统报警声）的方法

2017年02月06日 141 阅读
本文实例讲述了nodejs实现发出蜂鸣声音（系统报警声）的方法。分享给大家供大家参考，具体如下：nodejs 有时候需要发出报警声音，使用以下代码可以调用系统蜂鸣器发声process.stdout.write（"x07"）另外附上我自己的番茄工作法 nodejs 实际上就是一个25分钟的倒计时，然后发出蜂鸣声var FANQIE_TIME = 25;function beep（）{for（var i =0;i<20;i++）{process.stdo...
<< 21 22 23 24 25 26 27 28 29 30 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图