小结巴巴
小结巴巴_个人页
小结巴巴
文章
83
问答
0
视频
0
个人介绍
高级前端工程师，喜欢写一些总结和例子
擅长的技术
-
发表了文章 2017-07-11
设置滚动条样式，直接复制粘贴
::-webkit-scrollbar{width: 6px;height: 6px;} ::-webkit-scrollbar-thumb{background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;mi...
-
发表了文章 2017-07-10
超简单的vue2.0分页组件
1.组件代码 « {{item}} » 跳转到 GO 第 {{pag...
-
发表了文章 2017-06-29
canvas裁剪之后的base64转换为上传文件blob对象
function convertBase64UrlToBlob(urlData){ var bytes=window.atob(urlData.split(',')[1]); //去掉url的头，并转换为byte //处理异常,将ascii码小于0的转换为大于0 var ab = new ArrayBuffer(bytes.
-
发表了文章 2017-06-28
最简单的数据饼状图
简单的函数： /* * lists 数据数组 * r 半径 * line 线宽度 * */ function canvas(lists,r,line) { var canvass = document.
-
发表了文章 2017-03-27
vue2源码浏览分析02
1.组件初始化方法 init Vue.prototype._init = function (options) { /* istanbul ignore if */ if ("development" !== 'production' && config.
-
发表了文章 2017-03-20
vue2源码浏览分析01
1.构造函数 Vue$3 function Vue$3 (options) { if ("development" !== 'production' && !(this instanceof Vue$3)) { warn('Vue is a constructor and...
-
发表了文章 2017-03-15
非常适合新手的jq/zepto源码分析07---ajax的封装
复习下ajax吧！ 1.创建XMLHttpRequest对象 xmlhttp=new XMLHttpRequest(); xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); //ie7以下 xmlhttp.open("GET","test1.txt",true); 参数 method,url,async() xmlhttp.send(); xmlhttp.setRequestHeader(name,value);Accept: 浏览器能够处理的内容类型。
-
发表了文章 2017-03-15
非常适合新手的jq/zepto源码分析08---ajax的封装
1.现在看看对JSONP的封装 $.ajaxJSONP = function(options, deferred){ if (!('type' in options)) return $.
-
发表了文章 2017-03-14
非常适合新手的jq/zepto源码分析06 -- 事件模型
复习下事件的有关内容： 1.现在用的绑定/删除: obj.addEventListener(type,fn,false) obj.removeEventListener(type) obj.attachEvent(type,fn) //ie obj.detachEvent(type) 2.js的event对象 type : 事件类型 srcElement/target ： 事件源 button : 如果是鼠标按下，则 1左键 2右键 4中间滚轮 多个键则相加按下的所有值。
-
发表了文章 2017-03-14
非常适合新手的jq/zepto源码分析05
zepto的原型 $.fn 属性： constructor //构造行数 forEach: emptyArray.forEach, //都是原生数组的函数reduce: emptyArray.
-
发表了文章 2017-03-13
非常适合新手的jq/zepto源码分析03
zepto.fragment = function(html, name, properties) { var dom, nodes, container // 如果是简单的标签 $1 = div / p // 创建节点 if (singleTagRE.
-
发表了文章 2017-03-13
非常适合新手的jq/zepto源码分析04
$.extend = function(target){ var deep, args = slice.call(arguments, 1) if (typeof target == 'boolean') { deep = target target = args.
-
发表了文章 2017-03-10
非常适合新手的jq/zepto源码分析02
function isPlainObject(obj) { return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.
-
发表了文章 2017-03-10
非常适合新手的jq/zepto源码分析01
(function(global, factory) { // 查看这里是不是定义成模块，如果定义模块就返回 一个模块 if (typeof define === 'function' && define.
-
发表了文章 2017-03-08
js禁止滚动条滚动，并且滚动条不消失，页面大小不变
//禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).
-
发表了文章 2017-03-08
js文件/图片从电脑里面拖拽到浏览器上传文件/图片
1.效果展示 2.html 代码： Title #drop img{width: 100px;height: 100px;margin: 10px;} 提交 3.
-
发表了文章 2017-03-08
jq页面提示或者页面牵引浏览--页面的指引向导插件
1.看看插件效果吧 2. html 文件 ：index.html Title ul{position: relative;padding: 0 -3px;list-style: none;width: 600px;marg...
-
发表了文章 2017-03-08
jq仿苹果的时间/日期选择效果
1.html文件，index.html Title body{position: absolute;width: 100%;height: 100%} ul{list-style: none;margin: 0} 查看效果时候把浏览器调成手机模式 2.
-
发表了文章 2017-03-08
jq仿ps颜色拾取功能-js颜色拾取
1.效果展示 2.html代码：index.html Title 3.插件代码： (function ($) { $.
-
发表了文章 2017-03-08
jq自定义裁剪，代码超级简单，易修改
1.自定义宽高效果 1.html 代码 index.html Title 2.添加插件代码 (function ($) { $.
-
发表了文章 2017-03-08
jq超简单的流式布局，代码简单，容易修改
1.看看效果吧！ 2.html代码index.html Title ul{position: relative;padding: 0 -3px;list-style: none;width: 600px;margin: 0 auto} li{width: 33.
-
发表了文章 2017-03-08
js/jq仿window文件夹移动/剪切/复制等操作
1.先看下效果吧！ 2.在添加一个index.html Title ul{list-style: none;min-height: 100px;min-width: 100px;background: #eee;} li{width:20...
-
发表了文章 2017-03-08
js/jq仿window文件夹框选操作插件
0.先给大家看看效果： 1.创建一个index.html文件 Title ul{list-style: none} li{width:200px;margin:10px;float:left;height: 100px;background: #ccc;border: 1px solid #fff;} .
-
发表了文章 2017-03-07
淘宝手机rem的如何使用
1.主要介绍几个移动端常用的单位rem、vw、vh，配合传统的px、百分比、标签，兼容适配移动端的各种分辨率的手机端。 rm : 这个单位是以父元素为标准来进行计算 ， 例如：父元素 font-size:16px; 子元素 ： font-size:0.875em ; 则子元素 font-size: 0.875*16 rem ： 而这个单位是以 root 根元素标准来计算的。
-
发表了文章 2017-03-07
Windows下React Native开发01 -- Android开发环境搭建
1.安装jdk 推荐将JDK的bin目录加入系统PATH环境变量(自己百度下怎么配置)。 2.安装SDK 直接安装 Android Studio 推荐从AndroidDevTools下载。（也可以直接安装 android sdk，这里是直接安装的android tools） 1.
-
发表了文章 2017-03-07
css上下垂直居中方法总结
Title /* 利用 flex 来进行布局，百度可以看看 */ /* 方法一 align-items：垂直居中，justify-content:center 竖直居中 */ /*.
-
发表了文章 2017-03-07
前端面试题(变量提示，闭包/作用域)
1.变量提升 1.函数提升，先把函数提到最前面，然后是变量提升 var value = 1; var test = function(){ console.log(value) var value = 2; } function test(){ console.
-
发表了文章 2017-03-07
解决canvas跨域问题(图片,视频资源跨域)
添加跨域条件 crossorigin="anonymous" 【Redirect at origin 'http://xxx.xx.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No...
-
发表了文章 2017-03-07
一篇关于兼容问题的基础总结
1.添加兼容文件(以 es5-shim 为例) 方法一： 在你的开发中，在需要为他做兼容的文件引入改文件 方法二(以模块引入)： 在你开发项目中(react/vue/ng)等模块开发，在入口文件中引入 require(es5-shim) 2.
-
发表了文章 2017-03-07
js数组遍历some,foreach,map,filter,every对比
1. [...].some(ck)函数 ---- 某个一个为true，则为true 对数组中每个元素执行一次ck函数，知道某个元素返回true，则直接返回true。如果都返回false,则返回false 检查整个数组中是否有满足ck函数的元素。
-
发表了文章 2017-03-06
webpack笔记1
webpack是一个模块打包工具 1.webpack不仅支持CommonJS——支持同步依赖2.而且也支持AMD——支持异步依赖3.webpack只能加载本地的Javascript，通过一系列的加载器可以实现不同静态资源的加载 1.
-
发表了文章 2017-03-05
前段集成解决方案grunt+yeoman初步认识
1.什么是前段集成解决方案？ 将前端研发领域中各种分散的技术元素集中在一起，并对常见的前端开发问题、不足、缺陷和需求，所提出的一种解决问题的方案 2.yeoman 应用的架构，模型！ 相当于一个生成器，，通过模具生成框架 安装Yeomen npm install -g yo 安装anluarjs应用模型(安装模具) npm isntall -g generator-angular 生成angular项目 yo angular appName 在自动生成过程中有多个选择，按自己的项目需求进行选择获取项目框架。
-
发表了文章 2017-03-04
两张图让git新手在项目中运用git命令行
创建分支命令： git branch (branchname) 切换分支命令: git checkout (branchname) 当你切换分支的时候，Git 会用该分支的最后提交的快照替换你的工作目录的内容， 所以多个分支不需要多个目录。
暂无更多信息
-
发表了文章
2018-12-04
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题
-
发表了文章
2018-09-18
react 服务器端渲染 ssr 中 localstorage/history/window is not defined 解决方案
-
发表了文章
2018-09-18
我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。
-
发表了文章
2018-09-18
中高级前端应该必会，js实现事件委托代理、切换样式、元素获取相对于文档位置等
-
发表了文章
2018-09-13
js 计算获取鼠标相对某个点的移动旋转角度
-
发表了文章
2018-09-10
Plugin/Preset files are not allowed to export objects，webpack报错/babel报错的解决方法
-
发表了文章
2018-09-10
babel 用法及其 .babelrc 的配置详解，想做前端架构，拒绝一知半解...
-
发表了文章
2018-09-06
前端开发数据mock神器 -- xl_mock
-
发表了文章
2018-09-05
fetch各种报跨域错误,数据无法获取的解决方案
-
发表了文章
2018-09-04
node使用npm一句命令停止某个端口号 xl_close_port
-
发表了文章
2018-09-04
react实现ssr服务器端渲染总结和案例(实例)
-
发表了文章
2018-09-04
js 最简单的实现复制到剪切板 xl_copy
-
发表了文章
2018-09-04
css3 transform对其他样式影响,(尤其是position:flixed)
-
发表了文章
2018-09-04
css3的高级而有用且很少人知道的属性和样式
-
发表了文章
2018-04-23
vue-alioss-组件封装
-
发表了文章
2018-04-09
3deye-demo-8-14-26-51
-
发表了文章
2018-03-16
闭包/原型/原型链
-
发表了文章
2018-03-14
js部分基础
-
发表了文章
2018-03-14
js-柯里化
-
发表了文章
2018-02-02
移动端，input输入获得焦点被键盘遮住简单解决方案
滑动查看更多
暂无更多信息
暂无更多信息