ximenxiafeng的专栏

componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll=(event)=>{ //滚动条高度 let ctx=this; let clientHeight = document.documentElement.clientHeight; //可视区域高度 let scrollTop = docume.

要想获取北京的时间可以这么写// 当地的时间 + 本地时间和格林威治的时间差 + 格林威治和北京时间的时间差8小时new Date( new Date().getTime() + new Date().getTimezoneOffset() * 60 * 1000 + 8 * 60 * 60 * 1000)<script> var timezone = 8; //目标时区时间，东八区var offset_GMT = new Date().getTimezoneOffse

在vue.config.js文件中module.exports = { // webpack配置 chainWebpack: config => { if (process.env.NODE_ENV === 'production') { // 清除css，js版本号 config.output.filename('static/js/[name].js').end(); config.out

安装npm安装npm install vue直接引入<script src="https://cdn.jsdelivr.net/npm/vue"></script>vue init webpack mydemo切换到项目目录cd mydemo安装模块npm install　　它根据package.json的配置表进行安装，安装完后会在mydemo下多一个...

JS中的函数节流一、什么是函数节流（throttle）概念：限制一个函数在一定时间内只能执行一次。举个栗子，坐火车或地铁，过安检的时候，在一定时间（例如10秒）内，只允许一个乘客通过安检入口，以配合安检人员完成安检工作。上例中，每10秒内，仅允许一位乘客通过，分析可知，“函数节流”的要点在于，在一定时间之内，限制一个动作只执行一次。二、为什么需要函数节流　　前端开发...

前言最近刚刚好整理浮士德头像裁剪的flash版本，为了某些低级浏览器的兼容着想，既然已经做好了flash版本了，那么，现代浏览器的html5版本和ipad版，移动版也要做一些处理和打包。兼容性兼容ie10及以上，google浏览器，Firefox浏览器，safari浏览器，兼容ipad，苹果，安卓等机型。历史文档话说图片裁剪这个是很常见的需求，但是做到精细化

!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))!window.jQuery.ui && document.write(unescape('%3Cscript src="jquery/jquery-ui-1.8.21.custom.m

//记录每次查询的当前标记数let currentStatus = this.inputStatus.status + 1;this.inputStatus.status = this.inputStatus.status + 1;//判断是否打开开关if (this.inputStatus.switchs) { //如果开关是打开的状态,就直接去搜索,并且设置500毫秒的锁

两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟自己的性格以及周围的环境都有很大关系，只能说多找方法、条件给自己鼓励，不断提高对自己的要求，才有机会

本文通过设置Access-Control-Allow-Origin来实现跨域。例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。如果直接使用ajax访问，会有以下错误：XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Con

Flot是纯Javascript实现的基于jQuery的图表插件，主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图)。它的特点是使用简单、图形美观，支持鼠标跟踪及缩放功能。Flot是基于canvas进行图表的绘制，可以在IE6+/Firefox2+/Safari3+/Opera9.5+/Chrome等主流浏览器上运行；其中IE9以下浏览器不支持canvas标记，需要额外引用e

html5+canvas进行移动端手机照片上传时，发现ios手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息，详见  http://code.ciaoca.com/javascript/exif-js/这里主要用到O

places = JSON.parse((JSON.stringify(json1)+JSON.stringify(json2)).replace(/}{/,','));

$(function(){                var i = 0 ;                $(window).scroll(function(){                    // 当滚动到最底部以上50像素时， 加载新内容                    if ($(document).height() - $(this).scrollTop

Qing's Web   .footer { position: fixed;bottom: 0;width: 100%;}.moveBar {position: absolute;width: 250px;height: 300px;background: #666;border: solid 1px #000;} #banner { 

jQuery弹出层_点击自身以外地方关闭弹出层

1："^\\d+$"　　//非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$"　　//正整数 "^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$"　　//负整数 "^-?\\d+$"　　　　//整数 "^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） "^((

实现1 String.prototype.trim = function() { return this.replace(/^\s\s*/, ”).replace(/\s\s*/, ”);  }  看起来不怎么样， 动用了两次正则替换，实际速度非常惊人，主要得益于浏览器的内部优化。一个著名的例子字符串拼接，直接相加比用Array做成的StringBuffer 还快。base2类库使用这种实现

JS去除空格的方法目前共有12种:实现1String.prototype.trim = function() {  return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');}看起来不怎么样， 动用了两次正则替换，实际速度非常惊人，主要得益于浏览器的内部优化。一个著名的例子字符串拼接，

转自：http://www.jb51.net/article/39806.htm jcrop原始下载页面：猛击此处 基本使用方法如下： 一、在head部分(和之间)插入相关css和js文件。 二、在head部分插入回调函数等相关处理参数。复制代码 代码如下: 三、给相关图片加上id以便识别。 这样就能实现最简单的裁剪效果，至于如何结合php等动态语句处理图片，在置顶的文章里

页面外部调用frame页面内部的元素window.frames["right"].document.getElementById("autoCheckForOperation")

webstorm自带less，不过要编译的话需要nodejs环境。首先去node的主页下载对应版本的nodejs然后安装，下载地址：http://nodejs.org/安装完之后打开命令提示符（win+r）,分别输入node -v以及npm -v如果返回版本号说明你安装成功了。接下来就可以安装uglify了，命令提示符sudo npm install uglify-js -g 开始下载ug

安装MYSQL-PYTHON包报错EnvironmentError: mysql_config not found问题要如何来解决呢，今天我们就一起来看看这个问题的解决办法，具体操作如下所示。使用pip install MySQL-python的方式安装，遇到以下几个问题：1.提示错误EnvironmentError: mysql_config not found这是因为本

原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度，然后文本框允许输入的最大字符数来减去当前的字符数，并用label控件显示出来就可以了。enter function keypress1() //text输入长度处理 { var text1 = document.getElementById("mytext1").value; var len = 15