js代码

前言：转眼距离上篇 JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查） 已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的时间，Vue的发展也是异常迅猛，不过这好像和博主都没什么太大的关系，博主还是老老实实研究自己的技术吧。技术之路还很长，且行且研究吧。 本文原创地址： http://www.cnblogs.com/landeanfen/p/6518679.html 一、为什么组件很重要 前两天，看到一篇关于 汇总vue开源项目 的文章，资源非常丰富，不得不感叹开源社区的强大。随便点进去看了几个UI组件，基本都不是原生的html用法，如果你不懂Vue的组件相关概念，看到一些“稀奇古怪”的标签写法，可能会使用，但肯定无法理解为什么可以这么写。比如我们随便找了一个名叫 IView 的来看看： <i-input type="text" :value.sync="formInline.user" placeholder="Username"> <Icon type="ios-person-outline" slot="prepend"></Icon> </i-input> 这样一段代码就能得到如下效果： 博主好奇心重，打算一探究竟，今天就和大家一起来看一看这些“古怪”写法的出处。希望通过本文，让你有一种“哦，原来是这样

代码 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < title > 史上最精简，最强大的JS遮罩层效果，支持ie firefox jQuery遮罩层 </ title > < script type ="text/javascript" src ="jquery-1.3.2.js" ></ script > < script type ="text/javascript" > // 显示灰色JS遮罩层 function showBg(ct,content){ var bH = $( " body " ).height(); var bW = $( " body " ).width() + 16 ; var objWH = getObjWh(ct); $( " #fullbg " ).css({width:bW,height

20190613 对于我这样思维逻辑混乱的人群，对于学习，未来规划，自律等能力是很差的。 20190617 b站上看完了如何转行成为一名前端开发，观后感： 辞职学习还是工作学习，需要备点资金的情况下转行，留有余地，放心的学习 标配三角套，html+css+js。前两者看菜鸟或者3c官方文档即可，js啃下红宝书和犀牛书两本书 学习环境，报班或者自学，周边都没有学习的朋友，建议报班 代码不要光看，也要多练 20190618 又快晚上11点，早下班拖拖拉拉到现在也没开始做事，脑袋一直想该做事学习，身体还是瘫软状态，嗯开始学习了。。。 20190621 忙了下，已是12点，想到有2天没记录学习上来在接着学习下，最近遇到个问题，全局变量，其他页面要能访问调用，百度查了一堆，看都无法实现，可能我查阅的不够仔细 来源： https://www.cnblogs.com/zhandianquan/p/11027134.html

一、概念解释  函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。  大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变化，当高频率的扫描，人类是感觉不出来的。反而形成一种视觉效果，就是一张图。就像高速旋转的风扇，你看不到扇叶，只看到了一个圆一样。  同理，可以类推到js代码。在一定时间内，代码执行的次数不一定要非常多。达到一定频率就足够了。因为跑得越多，带来的效果也是一样。倒不如，把js代码的执行次数控制在合理的范围。既能节省浏览器CPU资源，又能让页面浏览更加顺畅，不会因为js的执行而发生卡顿。这就是函数节流和函数防抖要做的事。   函数节流 是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。这是函数节流最形象的解释。   函数防抖 是指频繁触发的情况下，只有足够的空闲时间，才执行代码一次。比如生活中的坐公交，就是一定时间内，如果有人陆续刷卡上车，司机就不会开车。只有别人没刷卡了，司机才开车。 二、函数节流  函数节流应用的实际场景，多数在监听页面元素滚动事件的时候会用到。因为滚动事件，是一个高频触发的事件。以下是监听页面元素滚动的示例代码： // 函数节流 var canRun = true; document.getElementById("throttle")

在Asp.Net开发时，用到的JS库、通用的CSS等，在许多页面都会用到，而每次都需要手动引入，相当麻烦，而且有时一旦忘了引用，还得找半天才能找到问题。那有没有什么办法能够一劳永逸的呢？答案是有的。 我们知道Asp.Net是可以通过后台来渲染前端的，所以如果能够在渲染时将所要的js库和css等添入就可以了。而为了能够复用，所以需要进行类的继承。我们写一个Page的基类PageBase，代码如下。 [html] view plain copy using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Text; namespace AspNetLoadJsCss.Common { public class PageBase : System.Web.UI.Page { public static readonly string SCRIPT_INCLUDE_TEMPLATE = "<script src=\" {0}\" type =\"text/javascript\" > </ script > \r\n"; public static

返回上一页不刷新： 1.a标签 <a href="<a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 2.按钮 <input type="button" name="Submit" οnclick="javascript:history.back(-1);" value="返回上一页"> 3.图片 <a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a> 4.定时 [color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒） <script language=javascript> function go() { window.history.go(-1); } setTimeout("go()",3000); </script > 返回上一页刷新： <input type="button" value="返回" οnclick="javascript:window

我们经常会遇到一些问题，而且可能会重复性遇到，这些方案可以收藏为以后备用。我们经常遇到如下问题： 1.两次以上格式化造成NameNode 和 DataNode namespaceID 不一致，有几种解决办法？ 2.如何动态添加DataNode 动态将某个节点加入到集群中 3.用window 提交eclipse 任务发现权限不通过： 4.eclipse 运行中发现 Name node is in safe mode 1.两次以上格式化造成NameNode 和 DataNode namespaceID 不一致。 报错：ERROR org.apache.hadoop.hdfs.server.datanode.DataNode: java.io.IOException: Incompatible namespaceIDs in /var/lib/hadoop-0.20/cache/hdfs/dfs/data: namenode namespaceID = 240012870; datanode namespaceID = 1462711424 . 解决方法1：修改$hadoop.tmp.dir 下的dfs/data/current/VERSION 文件中namespaceID 使其一致。 解决方法2：这个有点残暴，就是清空hadoop.tmp.dir这个目录，在我这里是/home/work

一、JavaScript概述 1、ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。 二是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。 因此ECMAScript是JavaScript的规格，JavaScript是ECMAScript的一种实现，在日常场合，这两个词是可以互换的。 javascript遵守ECMA指定的标准，换句话说javascript就是ECMAscript的方言。 2、ECMAScript的历史 年份 名称 描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式 添加try/catch ECMAScript 4 没有发布 2009

当组件当state和props发生变化当时候，组件当render函数就会重新执行，组件就会被重新渲染，react中实现这种重新渲染，他的性能是非常高的，因为他引入了一个虚拟Dom的概念，那么什么是虚拟的Dom，为什么虚拟Dom带来了变革性当改变 当state发生变化,render函数会重新执行，重新的去渲染一次页面。假设没有react,我们自己要实现这个功能，那应该怎么去实现呢？我们来理个思路 1、state 数据 2、jsx模板 3、把数据 + 模板相结合，生成真实的dom，来显示 4、state 发生改变 5、数据 ＋ 模板 结合，生成真实的dom，替换原始的dom 这么做，有一个致命的缺陷，是什么呢？ 第一次生成了一个完整的dom片段 第二次生成了一个完整的dom片段 第二次的dom替换第一次的dom，非常耗性能。当我们inputvalue发生变化的时候，其实页面上只有input这块dom发生变化，如果是这种做法，虽然是input的数据发生变化，但是我需要整个dom区块重新生成一次，替换掉原始的dom情况，这样的话，生成一个完整的dom片段很耗性能，替换掉一个完整的dom片段，也很耗性能。那我们改良一下 1、state 数据 2、jsx模板 3、把数据 + 模板相结合，生成真实的dom，来显示 4、state 发生改变 5、数据 ＋ 模板 结合，生成真实的dom

js实现放大镜效 首先放大镜的原理，通过调整移动距离比例，由左方小图片中移动小方框，显示右边提前设置好的窗口中放大的局部图片（图片可以自己去网上找，最下方小编会放入原代码，略微修改图片地址和css宽高便可使用） 首先我们先搭出html结构 设置两个盒子左小右大，左边盒子与图片大小一致即可（也可以自己设置），分别放入图片（自己随意添加），再向第一个盒子中写入一个小盒子，方便后面做拖动显示哪一部分。 第二部搭建css 这是笔者设置的css，需要注意的点是要设置盒子1中small的透明度方便可以看见盒子1的最底层图片，盒子2设置宽高，设置溢出隐藏，将多余部分隐藏，小编这里在js最后设置了鼠标移入显示粉色区域和盒子2，因此可能只写html和css效果不太明显， 第三部，则是实现js部分，通过移动左边小框来同步实现右边图片等比例向反方向移动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding:0; margin:0; } body{ font-size:0; } #box1{ width:350px; height:350px; float:left; position:relative; } #box2{ width:400px;