![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
henouren
这个作者很懒,什么都没留下…
展开
-
JavaScript Standard Style(JavaScript标准编码风格)(一)
本文转载来源JavaScript Standard Style(JS Standard 代码风格规则详解)每个人都有自己的开发风格,然而在实际开发过程中,基本很少有项目只需一人独立完成,大部分情况下都需要团队之间的合作,此时,制定一种主流风格便十分重要。它不仅有利于合作开发,增强代码的可读性,还能避免编程过程中一些常犯的错误;更能帮助开发人员养成良好的编程习惯。JavaScript s转载 2017-09-13 09:16:19 · 5903 阅读 · 0 评论 -
图片全屏预览实现
要实现图片的全屏预览,主要知识点有一下几个:(1)点击图片弹出弹出层(2)获取已点击图片的图片地址(3)弹出层样式处理(包括背景透明度、图片居中等)(4)点击屏幕弹出层消失代码实现:HTML:主要是显示图片并创建弹出层 JS:纯js实现var imgs = document.getElementById("con原创 2017-10-20 14:26:34 · 5571 阅读 · 1 评论 -
前端性能优化常见方法
常见的web前端性能优化的方法总结:(1)减少http请求次数:CSS Sprites,JS、CSS源码压缩,控制图片大小;网页启用Gzip压缩,CDN托管,data缓存,图片服务器。(2)前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端使用变量保存ajax请求结果,每次操作本地变量,减少请求次数(3)用innerHTML代替DOM操作,减少DOM操作次数,优化javasc转载 2017-10-19 17:29:35 · 408 阅读 · 0 评论 -
前后端数据交互之前端传值到后台
在实际的项目开发中,经常要求前后端传值。今天,主要介绍前端向后台传值的几种方法。第一种:ajax传给后台的数据通过json封装起来,再用ajax将json传到后台,需要添加jquery库window.onload = function(){ //生成json var json = []; //实际情况中,json对象的值可通过document.getElement原创 2017-10-19 11:11:49 · 43192 阅读 · 6 评论 -
JavaScript知识点(二)
本文转载自 JavaScript知识点(一) 16、为了保证页面输出安全,我们经常需要对一些特殊的字符进行转义,请写一个函数escapeHtml,将<,>,&,”进行转义 function escapeHtml ( str ){ return str.replace(/[<>”&]/g,function(match){ switch(match){转载 2017-09-12 09:56:35 · 253 阅读 · 0 评论 -
jQuery模糊查询的两种方法
方法一:jQuery根据文本框输入实时模糊查询HTML代码: 学号 姓名 性别 年龄 2014213840 张三 男 20 2014213841 李四 男 20 2014213842 王三 女 30原创 2017-09-19 17:08:33 · 18631 阅读 · 2 评论 -
JavaScript知识点(一)
[本文非原创,转载自以下文章:] (http://www.cnblogs.com/coco1s/p/4029708.html)1、javaScript的数据类型 基本数据类型:String、Number、null、undefined、boolean 引用数据类型:object(Array、Date、RegExp、Function) 如何判断某变量是否为数组数据类型 if(typeof Ar转载 2017-09-11 17:33:05 · 541 阅读 · 0 评论 -
JavaScript、ES5和ES6的介绍和区别
30分钟掌握ES6/ES2015核心内容(上) JavaScript、ES5和ES6的介绍和区别 JavaScript简介 JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。 JavaScript由三部分组成: ECMAScript(核心)+DOM(文档对象模型)+BOM(浏览器对象模型) ECMAScript作为核心,规定了语言的组成部转载 2017-09-11 16:01:09 · 12355 阅读 · 1 评论 -
jQuery实现倒计时计时器
本文转载自 jquery 做一个小的倒计时效果在实际运用中,经常会使用到倒计时的效果。以下代码利用jQuery实现了一个倒计时计时器。 jquery倒计时实现 .shop_list ul li{ display: inline-block; list-style: none; width: 300px; }转载 2017-09-19 10:55:47 · 2675 阅读 · 0 评论 -
react知识点学习(一)——定义CSS样式
本文转载自:React入门到精通(三)——定义组件和css样式方法一:内部样式Hello {this.props.name} {this.props.title}; .alert-text{ font-size: 20px; } 需要注意的是,react引用js文件,type="text/babel" ,并且要转载 2017-09-26 17:48:25 · 493 阅读 · 0 评论 -
JavaScript实现回到顶部/底部的两种方法
HTML代码: CSS代码:实现按钮固定在页面右侧/*侧边栏*/.fixed-slider .back-top{ position: fixed; bottom:9%; right: 1%; z-index: 9; } .fixed-slider .back-end{ position: fixed; bottom:2%; right: 1%;原创 2017-09-18 16:20:07 · 3429 阅读 · 0 评论 -
JS控制GIF图片的停止与显示(掷骰子实现)
在掷骰子游戏中,通过需要控制骰子的转动以及转动结果的显示,骰子的转动可以用GIF动图来实现,每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下: CSS实现GIF动图的停止与开始 var image = document.getElementById("gifImg");原创 2017-10-13 11:01:38 · 4215 阅读 · 1 评论