- 博客(40)
- 资源 (9)
- 问答 (1)
- 收藏
- 关注
原创 去掉 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
1527
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
634
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
1369
原创 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
23767
原创 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
160
转载 【转记录】正则表达式转言
正则表达式零宽断言(?=,?<=,?!, ?<, ?< !)1.基本概念零宽断言正如它的名字一样,是一种零宽度的匹配,它匹配到的内容不会保存到匹配结果中去,最终匹配结果只是一个位置而已。作用是给指定位置添加一个限定条件,用来规定此位置之前或者之后的字符必须满足限定条件才能使正则中的字表达式匹配成功。注意:这里所说的子表达式并非只有用小括号括起来的表达式,而是正...
2018-08-25 14:36:14
366
原创 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
357
原创 什么是尾递归?javascript 尾递归优化
尾递归和一般的递归不同在对内存的占用,普通递归创建stack累积而后计算收缩,尾递归只会占用恒量的内存(和迭代一样)。 递归是指函数直接或间接地调用自己。(普通递归) :function f(x) { if (x === 1) return 1; return 1 + f(x-1);} 尾递归的判断标准是函数运行【最后一步】是否调用自身,而不是是否在函数的【最后一行】
2017-10-27 15:00:17
2824
原创 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
1344
原创 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
521
原创 vue 重温一下vue运行生命周期,与分子组件事件分发
我们知道,父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件! 使用 v-on 绑定自定义事件 每个 Vue 实例都实现了事件接口 (Events interface),即: 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件这是来自官方文档的api说明 子组件要触发
2017-07-21 17:57:45
3932
原创 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
828
原创 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
23795
原创 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
9961
原创 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
1243
原创 js 抢购倒计时,豪秒级变动
上面是效果图,开始时间:获取当前new Date()时间结束时间:一般通过后端获取:格式 2017-08-25 24:00:00时 间 差 : 需要计算出时间差使用setInterval重复计算,每100毫秒变动一次倒计时对象!(function () { 'use strict'; var Countdown ; Countdo
2017-05-16 16:27:09
3293
转载 [记录]javascript常用的正则表达式
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的
2017-04-13 18:24:34
3166
原创 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
5214
原创 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
8012
原创 javascript当中的无限分类递归树,今天来重写一下
为了防止标题党,先上tree函数,在写分析记录//javascript 树形结构function toTree(data) { // 删除 所有 children,以防止多次调用 data.forEach(function (item) { delete item.children; }); // 将数据存储为
2017-04-01 15:35:30
24962
19
原创 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
30388
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
10187
转载 移动端字体设置最佳实践
字体设置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
20883
转载 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
4495
原创 js return与stopPropagation阻止事件冒泡区别以及addEventListener
事件冒泡 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件)。引用的百度百科,但好像跟我想要理解的事件冒泡还是有些不
2016-12-27 18:16:57
6790
原创 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
8390
3
原创 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
6229
原创 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
4642
原创 select下位菜单触发mouseout,mouseleave事件bug
引用一下这位兄台的博客今天无意中看到的,我写这篇博客,真的只是简单测试一下。爬虫。请不要误会我的初终 http://blog.csdn.net/ShanaMaid/article/details/52594879//这是一个简单的cur函数。就用这函数吧function GetData($url, $cookie="") { $ch = curl_init(); curl_s
2016-12-21 17:40:41
6234
转载 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
5509
原创 php刷csdn博客访问,爬虫测试
引用一下这位兄台的博客今天无意中看到的,我写这篇博客,真的只是简单测试一下。爬虫。请不要误会我的初终 http://blog.csdn.net/ShanaMaid/article/details/52594879//这是一个简单的cur函数。就用这函数吧function GetData($url, $cookie="") { $ch = curl_init(); curl_s
2016-12-20 15:41:02
3206
原创 css3 多行文本溢出省略号
看了下,阿里的手机端,借剑了。作个记录p{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;-webkit-box-orient: vertical;}
2016-12-20 11:27:27
1934
原创 js 原生判断内容区域是否滚动到底部
逻辑判断内容滚动到底需要知道的信息内容区域的真实高度(也就是滚动区域)滚动条距离顶部的位置内容区域的可见高度分别对应下面的三个API。element.scrollHeight 获取元素内容高度,,,【只读属性】 element.scrollTop 可以获取或者设置元素的偏移值,常用于,计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认
2016-12-20 10:51:38
19733
原创 js原生扩展addClass,removeClass,hasClass
参考了jquery对应的方法 首先要给原生的dom元素加入addClass等方法.先要知道加在哪个原型上面引用一下MDN的APIElement Element(元素)接口是 Document的一个对象. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性。 这些继承自Element并且增加了一些额外功能的接口描述了具体的行为. 例如, HTMLElement 接口是所有HTML元素
2016-12-19 16:31:43
2582
原创 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
1401
原创 setTimeout的“异步”,执行顺序
都说故事是有起因的,果然不假。因为今天公司的一道年终考试题 ……… 对的没错,公司的年终考试,前后端都有直接上题目,以下代码的输出顺序…..(function () { console.log(1); setTimeout(function () { console.log(2); }, 100); console.
2016-12-16 16:09:35
4380
原创 javascript 对象原型,原型链,属性枚举
以我自己的理解来阐述一下javascript的对象,原型,原型链,属性枚举javascript的对象,通常是string,array,number,function,Date,null…等等,这是我在使用javascript中经常接触到的.这些都可以看作对象。从javascript的继承及原型来看javascript只有一种结构就是对象。原型与原型链从javascript中的原型应该是null了吧,
2016-12-15 17:31:34
1680
原创 关于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
2854
1
原创 js 懒加载 getBoundingClientRect
首先熟悉一下es5的一个APIRange.getBoundingClientRect()参考MDN兼容性: 返回一个 ClientRect 对象,该对象限定了选定的文档对象的内容,该方法返回了一个矩形,这个矩形包围了该文档对象中所有元素的边界矩形集合 比如一个html元素直接调用此API会得到这样的结果ClientRect{bottom:3669,height: 523,left: 8,
2016-12-13 16:43:16
1281
原创 字符串转换成JSON
JS的字符串转换成JSON对象好吧实际讲的是cookie字符串转换成json,原理都一样要实现这一功能,首先,JS的字符串比如是这样的,querystring字符串.也就是有规律的吧,我在做xss,cookie管理平台的时候,碰到的一个问题就是需要把document.cookie收集的字符串,重新转换成JSON格式,然后拿到edit this cookie中去。避免一个一个的粘贴。下面是一个简单的c
2016-12-08 15:53:15
3986
jquery 插件 轮播图左右切换方式
2016-12-26
js 数字键盘 手机端使用 html5写的
2016-04-21
JS轮换图片,jquery轮换广告,轮播图片,轮播广告,JS图片切换,淘宝首页轮播,阿里云首页轮播广告
2013-01-14
js焦点图(无效果)
2011-04-20
angular 1.6当中父子子组件方法。怎么调用?
2017-06-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人