老老老刘啊-CSDN博客

原创微信图文富文本上传图片失败 code 15001

如果你通过搜索找了了这里，应该是问题的具体情况，大致富文本里的某些图片放到微信的编辑器会显示上传失败，打开network发现微信返回了15001，解决办法：删除图片地址中的感叹号和之后的内容比如 xx.com/sdf/dsf.jpg!1233 改成 xx.com/sdf/dsf.jpg但是有些网络上的图片地址其实感叹号也是图片的一部分，所以你可能需要自己搞个富文本然后上传到自己的cdn上。...

2018-12-05 14:56:57 855

原创 Vue-Scrollerbars 滚动组件

Vue-Scrollerbars 滚动组件面向PC端，旨在解决不同浏览器的滚动条样式差异问题，原生滚动，高性能，轻量化。DEMOlive-demouse详情请查看github仓库 click me...

2018-10-28 14:35:05 919

原创给自己写个ToDo吧

最近状态不佳，感觉就是做事没什么头脑吧，有点乱。所以提醒一下自己的路线。《看完你不知道的JavaScript》和《JavaScript语言精粹》估计4天完成吧，中间穿插的看点网络知识依赖公开课。当然JS精粹这本书的强度真的很高，我需要反复学习学习一下Jquery 虽然JQ不是非常的流行了但是里面的一些思想还是指的学习了，依赖一下imooc和w3cschool然后找个项目练下手基本就差不多了。预

2017-05-10 21:10:27 582

原创几种实现悬浮下拉菜单的方式

首先是HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="index.css"/></head><body><div id="nav" class="nav

2017-05-10 20:38:52 18578

原创在原型链之中的查询及this指向问题

/** * Created by zhang on 2017/5/9. */var Sup = function(){ this.name = "sup"; this.getName = function(){ console.log("go in sup get"); return this.name; }}var sup = new

2017-05-09 21:44:52 881

原创利用AnimationFrame 实现帧检测

var fps =0;var dates = Date.now();function gameloop(){ window.requestAnimationFrame(gameloop); if((Date.now() - dates) >= 1000){ console.log(fps); fps = 0; dates = Dat

2017-04-26 22:57:29 670

原创记录一次git错误

昨天本来想提交一下笔记仓库的变更但是发现push到githun错误了原因是之前在线在github修改了一下笔记的内容所以导致在线的版本和本地的版本冲突了。随后pull了一下但还是出错原因是本地的文件也被我修改了一下于是打开 status修改了一下标出的文件删除了部分接着pull 成功再push一下就可以了

2017-03-29 17:49:54 514

原创关于笔记工具的一点感想

CSDN的在ＭＤ编辑器有诸多不便第一　没有自动保存第二　经常会出现一些比较奇怪的错误　比如三级标题特别的小今天开始尝试使用ＭarkDownPad2 发现非常不错渲染出来的效果异常的清晰，倒是弥补了自己MD写的不太好的情况，打算使用这个软件来写MD 然后保存到自己的github仓库和 CSDN 毕竟支持MD导入。

2017-03-28 21:19:01 315

原创 JavaScript高级程序设计笔记（八）DOM

DOM是浏览器针对HTML/XML文档的API节点层次文档元素是最外层的元素，在HTML中文档元素就是html元素。节点类型一共有12种节点类型。最为常用的是元素节点和文本节点节点有两个基本的属性 nodeName nodeValueif(someNode == 1){ value = someNode.nodeName;}if(someNode == 3){ value

2017-03-28 20:56:37 174

原创 JavaScript高级程序设计笔记（七）客户端检测

能力检测能力检测是的目的是识别浏览器的能力而不是检测特定的浏览器类型。比如下面的代码function getElementId(id) { if(document.getElementById){ return document.getElementById(id); }else if(document.all){ return documen

2017-03-23 22:04:56 241

原创重设了一下wb的常见光标移动快捷键

之前一直用的默认的back退格 u/p/r/l移动光标，但是在练习完标准指法过程之后感觉效率很低，所以修改了一下默认的按键alt+h/j/k/l分别对应了左下上右参照了vim的设置 alt+i/o分别对应了移动到行首和移动到行尾 alt+p对应了退格键

2017-03-22 15:10:34 431

原创 JavaScript高级程序设计笔记 BOM （六）

BOMwindow对象在浏览器中，window对象是JS访问浏览器窗口的接口，同时也是ECMAScript规定的全局对象。在全局作用域中声明的函数，变量都会成为winodw对象的属性和方法，但这些函数和变量不能被delete操作符删除。要注意的是尝试访问未声明的变量会抛出错误，但可以通过查询window对象，可以知道某个未声明的变量是否存在。var newvalue = oldvalue;

2017-03-21 22:02:11 244

原创指法修正

每天两小时练习一下英文打字把自己最经常用的还是中指和食指伤手而且效率低经常打错字所以打算纠正一下从0开始预计1个月能熟悉三个月超过原来的速度把

2017-03-17 22:49:31 294

原创资源

Front-end Developer Handbook 2017 HTTP-Developers-Handbook

2017-03-15 19:36:53 196

原创 JavaScript高级程序设计（五）函数表达式

函数表达式定义函数的方法有两种分别是函数声明和函数表达式。函数声明的其中一个重要特征就是函数提升，意思是在执行具体代码之前，函数会被预先读取，所以执行函数的语句可以放到函数声明的前面函数表达式无法做到先执行后声明，尽管也有提升过程，但提升的只有标识符，没有具体指向的函数。这两者的差别还不止这么点，来看下面的例子if(condition){ function sa

2017-03-14 21:59:18 279

原创 JavaScript高级程序设计笔记（四）面对对象

理解对象属性类型 JavaScript中有两种属性类型分别是数据属性和访问器属性数据属性数据属性具有四个特征值 [Configurble] 表示能否修改特性或者是通过delete重新定义属性默认为true [Enumerable] 表示能否通过forin遍历循环返回属性 [Writable] 表示能否修改这个属性值默认为true [Value] 包含这个属

2017-03-08 15:54:27 277

原创自己瞎写的小程序

var array = new Array(11);var sDate = Date.now();for(var j=0;j<array.length;j++){ array[j] = 0;}//先初始化下不然数组里没东西是null 没法和数字相加for(var num=0;num < 9999; num++){ var ran = Math.floor(Math.ra

2017-03-07 22:21:40 221

原创 JavaScript高级程序设计笔记（三）

函数的属性与方法既然在JavaScript中，函数也是一个对象，所有所以函数都会有两个属性，一个是length 一个是prototype length表示函数希望接收的命名参数的个事，也可以认为是形参prototype属性真正保存了很多实例方法比如说toString valueOf 当然这里面的东西是无法被枚举出来的我怀疑之所以无法枚举Date对象就是因为他的实际数值在prototype属

2017-03-06 22:05:58 179

原创 JavaScript高级程序设计笔记（二）

函数函数的返回会终止函数的指向 return之后的语句不会被执行参数 js并不关心你传了什么类型的参数传了多少个因为内部函数接收的时候，接收的只是一个参数组成的数组他不会访问里面的value 而这个数组可以通过arguments对象来访问，这个对象具有一个数组的基本特征。所以你可以通过检查这个对象的特性来执行一些语句比如length为0就如何如何。这也算是削弱版的重载。argu

2017-03-02 21:20:23 191

原创 javascript高级程序设计笔记（一）语法和操作符

最近看语言精粹这本小册子结果发现难度有点太高了很多东西都是一笔带过所以绝对看完函数先来看javascript高程看起来第一感觉就是会平缓很多在函数内用var声明的变量，在完成这个函数的调用也就是读到这个函数｝的时候会被销毁注意是销毁。在函数内用省略var声明的变量在退出函数之后并不会被销毁，所以是可以在函数外围被访问的。null在javascript中的实现为指向一个空的对象 v

2017-02-28 22:51:36 217

原创 javascript语言精粹笔记（三）函数

1. 函数对象在javascript中函数就是对象所以相对应的也会有原型对象字面量创建的对象会连接到object.prototype,而函数字面量创建的函数对象就会连接到function.prototype。每个函数在创建时会有两个隐藏属性函数上下文，函数需要行为代码我理解为要干的事和参与者。2. 函数调用函数的调用可以理解为控制权的转移，把参数和控制器传入被调用的函数中，函数被

2017-02-27 22:52:52 146

原创 javascript语言精粹笔记（二）对象

对象字面量 var tom = { height:165+"cm", weight:55+"kg", bigtom:{ catsex:"tabby", }}在javascript中对象的创建可以用对象字面量快速的创建对象字面量其实就是在大括号内的所有key-value对注意! 属性的创建结尾需要用,而不是;这可不是表达式。中间不是等于而是：。

2017-02-26 22:52:35 174

原创 javascript语言精粹笔记（一）语法

字符串一旦声明就无法改变但可以被+拼接当HTML通过script标签引入之后会立即产生一个编译单元并开始执行但多个标签会建立在同一块公共区域之中因为javascript是缺少链接器的所谓的if else do switch 都是流程控制语句他让程序不那么从上往下的顺序执行而是通过这些关键词来改变他的运行流程如果for循环中的判断块被省略那么默认为 ture。 for循环是首先i

2017-02-26 20:58:27 207

原创 Bootstarp实现一列固定另外一列随元素增高但不影响其他列的方式

<div class="container"> <div class="row"> <div class="col-md-3 col-xs-12 text-center autoheight-c"> <h4>固定期限产品</h4> <p>甄选优质基金<br>

2017-02-21 21:28:09 264

原创实现公告或其他字体宽度不够自动隐藏用...代替的方法

2017-02-20 22:22:06 180

原创 bootstarp中的折叠导航打开往下推其他元素的解决方法

简单的说你去官方粘贴的标准导航条代码在移动模式下打开折叠的时候在他下方的元素会被往下推但是如果你想要要这个打开折叠的过程不影响其他元素那么你就得给nav加上一个navbar-fiexd-top 然后给nav加上一个上边距给下面的元素一个等于nav高度的上边距

2017-02-20 16:57:17 810 1

原创 CSS预处理语言 less (一) 初识less

// hello less// 定义一个变量 @mainColor: #e92322; @width: 200px;// /* 公共样式 */ body { background-color: @mainColor; } .container { width: 1000px; background-color: #ff0; .row { height:

2017-02-18 22:18:52 250

原创用npm来部署快速一个httpweb服务器

最近经常用到webstormlocalhost 服务但是有很多不便第一呢是无法在其他局域网设备上去进行检查第二是在使用chrome的在线编辑自动保存功能的时候经常会出现一个乱码的问题所以找到了一个工具 http-serverhttp-server的安装 npm install http-server -ghttp-server的启动 http-server [path] [optio

2017-02-13 23:01:30 12101 1

原创 Boootstarp 笔记（一）

section:nth-child(2n+1){ background-color: #fff;}基偶选择器body { font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}作为Bootstarp字体初始化的一种补

2017-02-07 22:46:41 523

原创 Webstrom 20163.3刷新页面一直提示未授权的解决方法

据了解可能是最新版的Bug 勾选最后的勾就可以解决这个问题

2017-02-07 22:42:54 758

原创 Bootstarp 简单后台页面

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">

2017-02-05 00:08:53 876

原创 Bootstarp 基础表单部分

2017-02-02 23:50:16 351

原创 Bootstarp 基础默认对代码的处理

<div class="container"> <div class="row"> <code>inlie{code}</code> <pre>block code</pre> <kbd>user in code</kbd> <var>var</var> <samp>samp!</samp> </div>

2017-02-02 00:00:14 168

原创 Bootstarp 基础栅格系统的使用

如果要使用栅格系统那么我们需要先把我们的东西放到一个容器之中 bootstarp已经为我们实现定义好了 <div class="container"> <div class="row"> <div class="col-md-4">col-md-1</div> <div class="col-md-4">col-md-1</div> <div

2017-02-01 23:00:20 499

原创对于url href src的一点想法

最近经常设计到导入的一些部分对于 href 和 src的区别总是有很大的疑问今天去查阅了资料有点感想 hrefhref是hypertext reference 的简称它代表了一个外部的引用一个链接你可以想象成一条线从这个描点链接到另外的一个元素他是和当前页面有关系但可以认为并不是当前页面的内容的一部分优先级可以说没那么高页面在加载href的时候会继续去处理HTML文档。src

2017-02-01 00:09:48 293

原创 Bootstarp 基础基本模版

今天开始学习bootstarp 发现官方的文档其实写的真的太棒啦非常的清晰易懂<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content

2017-01-31 23:43:33 448

原创前端开发IDE Webstorm使用技巧 2017年1月31日

首先 webstrom是支持Emmet语法所以肯定有常用的快速生成语法快速生成的语法的主要有以下几点 > 代表下级的元素+ 代表同级元素^ 代表把这个之后的元素往上提高一级* 代表多次生成重复() 让逻辑更加清晰# 让生成的元素拥有id //比如 div.contanair . 让生成的元素拥有classname //和上者可以一起使用[] 里面为作为自定义的属性比如

2017-01-31 22:31:05 593

原创 javascript基础 AJAX简单demo 2017年1月29日

function prepareForms() { for(var j=0 ; j<document.forms.length ; j++){ var this_forms = document.forms[j]; resetFields(this_forms); this_forms.onsubmit = function () {

2017-01-29 00:11:40 240 1

原创 javascript 基础 js实现简单表单验证

代码分为三部分第一部分function prepareForms() { for(var j=0 ; j<document.forms.length ; j++){ var this_forms = document.forms[j]; resetFields(this_forms); this_forms.onsubmit = func

2017-01-27 00:21:15 369

原创 javascript 基础 js实现placeholder

function resetFields(whichform) { if(Modernizr.input.placeholder) return;//检测是否支持placeholder for(var i=0 ; i<whichform.elements.length ; i++){ var elem = whichform.elements[i]; if(e

2017-01-26 23:28:22 2957

空空如也

空空如也