花村大地主-优快云博客

原创去掉 input 自动提示填充后的样式

仅作个记录，方便查找cssinput:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999...

2019-04-24 19:02:51 1593 1

转载爬虫编码获取不同编码接口解决

解决办法直接用 iconv-lite 模块进行转码。iconv-lite 是一个进行编码转换的模块（node 默认编码 utf-8）。需要 decode 的编码必须是 Buffer 类型。###使用axiosconst iconv = require("iconv-lite");const axios = require("axios");axios.get(`url`, { resp...

2019-04-23 16:42:33 684 1

原创 MAMP PRO Nginx for mac

###custom configlocation / { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s=$1 last; break; }}

2019-04-16 13:23:20 1411

原创 moment时区设置 moment-timezone

使用设置时区import moment from 'moment-timezone'// console.log(moment.tz.guess()) 如果你不知道你自己当前所在地的时区，请使用此代码查看.moment.tz.setDefault("Asia/Shanghai");moment(val).format('YYYY-MM-DD HH:mm:ss')packag...

2019-04-01 20:13:15 24058

原创 java环境变量

JAVA_HOME 配置jdk安装路径PATH 指定JDK命令文件的位置(bin目录)CLASSPATH 配置类库文件的位置(lib目录)Mac系统的环境变量，加载顺序为：/etc/profile/etc/paths~/.bash_profile~/.bash_login~/.profile~/.bashrc当然/etc/p...

2018-11-08 13:11:51 187

转载【转记录】正则表达式转言

正则表达式零宽断言（?=,?<=,?!, ?<, ?< !)1.基本概念零宽断言正如它的名字一样，是一种零宽度的匹配，它匹配到的内容不会保存到匹配结果中去，最终匹配结果只是一个位置而已。作用是给指定位置添加一个限定条件，用来规定此位置之前或者之后的字符必须满足限定条件才能使正则中的字表达式匹配成功。注意:这里所说的子表达式并非只有用小括号括起来的表达式，而是正...

2018-08-25 14:36:14 392

原创 cordova 打包器的一些记录

cordova platform add android@3.7.0 –save’ => 从npm中检索版本为3.7.0的android平台，将其添加到项目中，然后更新config.xml。常用命令cordova platform update <platform[@<version>] | directory | git_url> --save...

2018-05-26 10:46:56 380

原创什么是尾递归？javascript 尾递归优化

尾递归和一般的递归不同在对内存的占用，普通递归创建stack累积而后计算收缩，尾递归只会占用恒量的内存（和迭代一样）。递归是指函数直接或间接地调用自己。（普通递归）：function f(x) { if (x === 1) return 1; return 1 + f(x-1);} 尾递归的判断标准是函数运行【最后一步】是否调用自身，而不是是否在函数的【最后一行】

2017-10-27 15:00:17 2907

原创 dom 事件对象中target与currentTarget区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="m10"> <a href="javascript:;">1</a></div><script> document.getElementById('m

2017-10-23 10:42:27 1368

原创 javascript virtual DOM

关于virtual Dom 一、createElement(): 用 JavaScript对象(虚拟树) 描述真实DOM对象(真实树) 二、diff(oldNode, newNode) : 对比新旧两个虚拟树的区别，收集差异三、patch() : 将差异应用到真实DOM树或者 Javascript DOM模型树（VTree），类似文档节点树（DOM） 2.DOM

2017-09-06 16:07:39 558

原创 vue 重温一下vue运行生命周期，与分子组件事件分发

我们知道，父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！使用 v-on 绑定自定义事件每个 Vue 实例都实现了事件接口 (Events interface)，即：使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件这是来自官方文档的api说明子组件要触发

2017-07-21 17:57:45 3963

原创 vue todo-mvc

作为vue在路上，虽然已经接触很久了，尼玛打包工具都用起了，还是又了次todo demo 感觉很多的js框架，都喜欢搞个todo mvc出来，比比谁的代码短。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Todo MVC</title> <script src="../vue.js

2017-07-18 14:43:27 867

原创 vue 自定义指令 focus 条件聚焦时，在与v-if共存时需要处理的问题

关于vue中,比如下面一段代码, 需要在isEdit的时候，实现input聚焦, 而input出现的时机是也是isEdit 为真时,自定义指令也生效了。就是不聚焦。<ul v-cloak v-if="list"> <li v-for="it of list"> <span :id="it.id" @click="edit(it)">{{i

2017-07-18 14:33:41 23864

原创 windows下使用nvm,以及切换nvm下载源

nvm一个nodejs的多版本管理切换工具,也许你会用得上，反正我就得必须使它的。。。妹妹的。1.下载nvm https://github.com/coreybutler/nvm-windows/releases我选择的是 nvm-setup.zip 版，也就是安装版。安装目录随便你自己选，放在C盘。占不了什么空间，测式是否安装成功，打开cmd 运行nvm v,显示版本号。即可2.安装完，

2017-07-17 18:32:51 10172

原创 vmware centos虚拟上面搭lamp环境,做端口映射

vmware centos虚拟上面搭lamp环境,做端口映射1.前安装vmware虚拟然后装个centos的系统。直接经典安装就可以了。 centos-dvd.iso 大概4个G多一点点2.安装好之后，进入centos系统如果对防火墙权限不在意的，就直接把防火墙关掉…，如果你不想关掉，那么自己去先把要开放的端口处理好。不然后面总是给你提示403。service firewalld stop

2017-07-14 17:40:20 1415

原创 js 抢购倒计时，豪秒级变动

上面是效果图,开始时间：获取当前new Date()时间结束时间：一般通过后端获取:格式 2017-08-25 24:00:00时间差 : 需要计算出时间差使用setInterval重复计算，每100毫秒变动一次倒计时对象!(function () { 'use strict'; var Countdown ; Countdo

2017-05-16 16:27:09 3318

转载 [记录]javascript常用的正则表达式

很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的

2017-04-13 18:24:34 3191

原创 js 图片浏览插件原生

预览效果图完整版的实例放在在git上面： https://github.com/keyus/keyus_gallary, 唯一的难点就是缩略图scrollleft位置的计算..,搞懂了就非常好办了。兼容：ie9以上版本，google,firefox,360,qq等html dom结构<style> *{ margin: 0;padding

2017-04-06 11:39:17 5251

原创 php 无限分类递归树形(稳定版)

array(4) { [0] => array(4) { ["id"] => int(3) ["name"] => string(6) "餐厅" ["pid"] => int(1) ["sort"] => int(50) } [1] => array(4) { ["id"] => int(2) ["name"] => string(6) "

2017-04-01 18:29:44 8064

原创 javascript当中的无限分类递归树,今天来重写一下

为了防止标题党，先上tree函数，在写分析记录//javascript 树形结构function toTree(data) { // 删除所有 children,以防止多次调用 data.forEach(function (item) { delete item.children; }); // 将数据存储为

2017-04-01 15:35:30 25055 14

原创 js 查找数组重复元素方法

var arr = [1,2,4,4,3,3,1,5,3];第1种方法，利用sort排序找出MDN上给出的解释是,sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。尼玛，有点蒙蔽语法： arr.sort() arr.sort(compareFunction)也就是先进行第一轮排序，排完之后的结果，就是1,1,2,3,3,3,4,4,5。如果是这样的数组中找重复

2017-03-13 13:42:28 30658 1

原创 weex 可用样式，与唯一布局方式flex

Weex 布局模型基于 CSS Flexbox,Flexbox 是默认且唯一的布局模型，所以你不需要手动为元素添加 display: flex; 属性。对于刚开始接触 weex想把它当html5,css3使用的我，在没看文档的情况下也是蒙蔽了，比如以级css样式，暂不支持简写 border:1px solid #fff 或者background :#ff4fe00; 以及line

2017-01-12 17:30:23 10244

转载移动端字体设置最佳实践

字体设置body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}iOS 4.0+ （iOS 9以下系统已经非常少）使用英文字体 Helvetica Neue，之前的iOS版

2017-01-10 15:51:34 20955

转载 php 实现无限分类5行代码【修正】

<?php/** * 此方法由@Tonton 提供 * http://my.oschina.net/u/918697 * @date 2012-12-12 */function genTree5($items) { foreach ($items as $item) $items[$item['pid']]['son'][$item['id']] = &$it

2016-12-28 14:29:39 4516

原创 js return与stopPropagation阻止事件冒泡区别以及addEventListener

事件冒泡当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。引用的百度百科,但好像跟我想要理解的事件冒泡还是有些不

2016-12-27 18:16:57 6834

原创 js点击任意区域弹出层消失

采用jquery element.parents();判断点击区域是否在弹出层上面或者在，按钮上面，否则让弹出层消失完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><pre> parent > child 在给定

2016-12-27 13:57:22 8425 1

原创 jquery 轮播图，左右切换

jquery插件自己尝试以面向对象的方式写了一个,还有许多值得改进的地方.使用 $(‘selector’).slide()html dom结构<div class="slide"> <div class="slide-item"> <div class="slide-anima"> <a href="#"><img s

2016-12-26 17:07:53 6270

原创 jquery length与size

length为属性,(推荐) size();为方法jquery 1.8之后取消了size()方法 <div class="test"> <ul> <li><a href="/zh-CN/docs/Web/HTML">HTML</a></li> <li><a href="/zh-CN/docs/Web/CSS">

2016-12-26 12:04:27 4674

原创 select下位菜单触发mouseout,mouseleave事件bug

引用一下这位兄台的博客今天无意中看到的，我写这篇博客，真的只是简单测试一下。爬虫。请不要误会我的初终 http://blog.youkuaiyun.com/ShanaMaid/article/details/52594879//这是一个简单的cur函数。就用这函数吧function GetData($url, $cookie="") { $ch = curl_init(); curl_s

2016-12-21 17:40:41 6293

转载 Chrome position:absolute 容器中嵌套的子元素position:fixed 一点bug

在chrome中，当然很少会遇到此情况. 父元素position:absolute而子元素：position:fixed时打破了fix的位置固定, 修复此bug父元素加上，将流式滚动，去掉则继续fix效果 -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);jsbin: http://jsbin.co

2016-12-20 17:40:54 5534

原创 css3 多行文本溢出省略号

看了下，阿里的手机端，借剑了。作个记录p{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;-webkit-box-orient: vertical;}

2016-12-20 11:27:27 1959

原创 js 原生判断内容区域是否滚动到底部

逻辑判断内容滚动到底需要知道的信息内容区域的真实高度（也就是滚动区域）滚动条距离顶部的位置内容区域的可见高度分别对应下面的三个API。element.scrollHeight 获取元素内容高度，，，【只读属性】 element.scrollTop 可以获取或者设置元素的偏移值，常用于，计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认

2016-12-20 10:51:38 19823

原创 js原生扩展addClass,removeClass,hasClass

参考了jquery对应的方法首先要给原生的dom元素加入addClass等方法.先要知道加在哪个原型上面引用一下MDN的APIElement Element（元素）接口是 Document的一个对象. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性。这些继承自Element并且增加了一些额外功能的接口描述了具体的行为. 例如, HTMLElement 接口是所有HTML元素

2016-12-19 16:31:43 2621

原创 js变量提升，scope作用域

之所以想起再来温习一遍js的作用域，及js变量解析方式，是因为今天的公司下面的这道题，很显示我挂掉了。好逮也是老前端了，不称职。上代码//6. What will be written to the console for the following code snippet?(function () { var a = [1]; function bar() {

2016-12-16 16:55:33 1425

原创 setTimeout的“异步”，执行顺序

都说故事是有起因的，果然不假。因为今天公司的一道年终考试题 ……… 对的没错，公司的年终考试，前后端都有直接上题目，以下代码的输出顺序…..(function () { console.log(1); setTimeout(function () { console.log(2); }, 100); console.

2016-12-16 16:09:35 4424

以我自己的理解来阐述一下javascript的对象，原型，原型链，属性枚举javascript的对象，通常是string,array,number,function,Date,null…等等，这是我在使用javascript中经常接触到的.这些都可以看作对象。从javascript的继承及原型来看javascript只有一种结构就是对象。原型与原型链从javascript中的原型应该是null了吧，

2016-12-15 17:31:34 1703

原创关于javascript原型链上的属性

//创建一个构造函数function P() { this.name="lishi"; this.age=18; }//给P这个构造函数指定一个原型对象P.prototype={ get_age:function(){ console.log(this.age) }, long:"1.4m", men

2016-12-14 18:31:28 2922 1

原创 js 懒加载 getBoundingClientRect

首先熟悉一下es5的一个APIRange.getBoundingClientRect()参考MDN兼容性：返回一个 ClientRect 对象，该对象限定了选定的文档对象的内容，该方法返回了一个矩形，这个矩形包围了该文档对象中所有元素的边界矩形集合比如一个html元素直接调用此API会得到这样的结果ClientRect{bottom:3669,height: 523,left: 8,

2016-12-13 16:43:16 1315

原创字符串转换成JSON

JS的字符串转换成JSON对象好吧实际讲的是cookie字符串转换成json，原理都一样要实现这一功能，首先，JS的字符串比如是这样的，querystring字符串.也就是有规律的吧，我在做xss，cookie管理平台的时候，碰到的一个问题就是需要把document.cookie收集的字符串，重新转换成JSON格式，然后拿到edit this cookie中去。避免一个一个的粘贴。下面是一个简单的c

2016-12-08 15:53:15 4045

jquery 插件轮播图左右切换方式

自己写的，非常简单的轮播图，无缝滚动轮播，以面向对象的方式书，仍有可以改进的地方 //使用，默认有nav jQuery(".slide").slide(); //使用-无nav jQuery(".slide").slide({ nav:false });

2016-12-26

js 数字键盘手机端使用 html5写的

使用到两个input交替层级，交替设置readonly=readonly来冻结，以使input 文本框正常聚焦。由于本人实在是不知道移动端的，html5是怎么样阻止虚拟键盘的. .pay-money-primary 类必须 #input-money ID必须 #change_input ID必须 js采用jquery写的。并没有封装---------;实例化。直接监听class类，ID的事件进行操作

2016-04-21

客服QQ源码，好看些的

比较好看的客服QQ源码，自己写来没事放上来

2014-02-25

MT4软件 MACD 双线红绿，双色指标

MT4交易软件上的MACD 改良，双线，双色。红绿指标。没资源分的朋友。免费注册一个有20资源分可以下载

2013-05-07

MT4-KDJ指标及用法

MT4软件上使用的KDJ指标，及安装用法.

2013-05-07

JS轮换图片，jquery轮换广告，轮播图片，轮播广告，JS图片切换，淘宝首页轮播，阿里云首页轮播广告

你下吧。还是挺好用的。阿里云首页轮播广告，淘宝首页轮播广告 JS,JQUERY图片轮播切换

2013-01-14

QQ网页右侧悬浮

QQ JS 网页右侧悬浮

2013-01-14

js焦点图(无效果)

js+css的焦点图，无特疏效果 function change(){ for(var i=0;i<l;i++){ pic[i].style.display='none' ; num[i].className="" ;} pic[index].style.display='block' ; num[index].className='current'; index=(index==l-1)?0:index+1; //三元运算 }

2011-04-20

jakarta-tomcat-4.0.1

方便下载,转载一下。配置JSP时用的东西，用的着就来下下

2009-05-27

angular 1.6当中父子子组件方法。怎么调用？

2017-06-01

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

jquery 插件 轮播图左右切换方式

js 数字键盘 手机端使用 html5写的