啦啦噜啦啦-CSDN博客

原创一个已婚生子的女程序媛的未来畅想

我是一个前端工程师，整天跟代码打交道。我承认自己不是顶级程序媛，我的水平可能在中等偏上一点。在咸鱼了两年之后，我觉得自己又快要追不上前端变幻多姿的世界。但是并没有上进想升级leader的心思，所以目前的自己处在一个异常尴尬的境地。在这两年时间里，也曾荔枝过也曾下定决心继续深造，但是终究被夜醒的娃和家庭的琐碎打破，嘻嘻，其实是被无头绪的深奥代码打败，一度怀疑自己是否真的热爱代码。

2019-06-28 15:55:11 640 4

原创 VUE基础知识点整理

1，指令 v-bind:id=‘domId’ //属性值绑定；v-on:click=‘add’//事件处理；v-if='seen’条件； v-for=‘todo in todos’；var app = new Vue({ el: '#app', //元素 data: { //数据 message: 'Hello Vue!'， todos: [ ...

2019-02-19 11:31:35 1784

原创前端单元测试

什么是单元测试，为何要用单元测试是用来确认某段代码或模块或接口是否适合使用。随着项目规模的增加，函数、方法、变量都在递增，各种Bug报告会让原本整洁的代码变得一片混乱。对项目代码进行重构时，如何确定项目仅仅是被重构了，而不是被改写了？此时单元测试将是一根救命稻草，它是一个衡量标准，告诉开发人员这么做是否将改变结果。保证了产品的安全性和稳定性。测试框架通常提供TDD（测试驱动开发）或BDD（...

2017-10-24 17:44:51 1617

原创 AntDesign使用遇到问题整理

本文针对小白用户，都是最基本的使用问题，多看仔细看ant文档便可解决，此处仅做整理。牛人绕道即可。 1， Form表单 1）使用getFieldDecorator进行组件内容onchange监听，rules判断，如果报错’Cannot read property ‘getFieldDecorator’ of undefined’需要对组件进行Myform = Form.creat

2017-08-16 10:33:52 42669 3

原创工欲善其事必先利其器 vsode常用设置

mock数据： mock 是基于浏览器代理加node代理实现的。本地start后自动启动一个端口为8989的proxy server。浏览器通过代理（我使用的是switchy omega）代理到8989的服务器，然后8989服务器读取本地proxy.config.js的配置完成转发。假设mock serverIP为3.23.1.1。设置proxy.config.js进行转发 module.e

2017-06-27 11:43:58 891 1

转载 webpack优化

1，使用webpack.optimize.CommonsChunkPlugin（webpack内建插件）提取公共代码（如react、immutable） 2，使用WebPack.optimize.UglifyJsPlugin进行代码压缩 3，Webpack 将依赖的库指向全局变量，从而不再打包这个库 4，wepack resolve的alias配置项，可以为常用模块配置改属性 resolve

2017-01-04 18:26:49 1595

转载 ajax请求响应中window.open拦截解决

问题原因：ajax回调函数中执行window.open或者模拟click事件，由于跳转操作不是用户主动触发，会被认为不安全，浏览器会进行拦截。 1：在fun方法中调用window.open是不会被拦截的。 2：如果不是打开新窗口，而是改原来的网页地址，可以使用window.location = newurl 来实现，这样不会被拦截。具体解决：function fun(){ var

2016-11-23 11:35:30 6307 1

转载 Immutable学习笔记

JavaScript 中的对象一般是可变的（Mutable），因为使用了引用赋值而Immutable数据一旦创建不对被修改

2016-10-30 20:50:22 8876

转载 JS Promise

Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 方法和 reject 方法。如果异步操作成功，则用 resolve 方法将 Promise 对象的状态，从「未完成」变为「成功」（即从 pending

2016-10-11 15:56:28 982

原创 react笔记

react数据请求都在componentDidMount里实现，请求为异步，所以只能通过修改state重新render页面获取dom元素通过ref=’aa’ this.refs[‘aa’]获取;也可用React.findDOMNode();this.handleClick.bind(this,index)第二个为传递的参数

2016-05-25 10:00:09 581

原创 redux react-redux

redux:state更新redux 三大概念 - Action：描述事件 - Reducer：响应事件 (previousState, action) => newState - Store：分发事件存储state 三大原则： - state 以单一对象存储在 store 对象中。 - state是只读的：这里和Flux思想一致。唯一改变 state 的方法是触发事先定义好的 a

2016-05-09 11:25:51 1650

转载 flex布局

flexbox布局基于块和内嵌流,由主轴、侧轴作为主导。注意： 1.css 列（CSS columns）在弹性盒子中不起作用 2.float, clear and vertical-align 在flex项目中不起作用属性介绍适用于伸缩容器（父元素）的属性1. display: flex | inline-flex;flex：将对象作为弹性伸缩盒显示。inline-flex：将对象作为

2016-05-05 10:06:57 935

原创 angular 异步处理模式promise---$q

promise是一种异步处理模式，因为无法确定异步何时调用回调函数，所以需要promise告知。api.action('s101', query) //action方法会返回$q.defer().promise .then( function(data) { //如果请求成功执行 var vdata = api.data_isok(d

2016-02-16 16:30:37 1279

原创 ng-animate

ng-animate基本指令动画执行顺序: .class.ng-enter .class.ng-enter-active .class 注意：使用ng-hide时需加上 .ng-hide-add,.ng-hide-remove{ display: block!important; }防止瞬间隐藏自定义动画（基于class）在添加移除class时自定义动画.class-

2016-01-07 16:40:56 3197

原创微信JS-SDK 修改分享标题分享图片

准备条件：1，AppID----应用ID2，AppSecret---应用密钥3，域名这两个在微信公众平台->基本配置里可见。参考文献：http://mp.weixin.qq.com/wiki/home/index.html 具体使用过程所遇问题如下：使用步骤：1，绑定域名微信公众平台->公众号设置->功能配置里面设置js接口安全域名。此域名是顶级域名，eg：h

2015-12-23 13:21:18 11133 1

原创 angular笔记

1.ng-app 声明angular作用范围2.ng-controller 声明controller作用范围 3.ng-model 双向数据绑定4.ng-bind =={{ }} 插值单向数据输出5.ng-class 一般不会运用变量{{}}方法改变，而是运用字符串数组ng-class="{true: 'active', false: 'inactive'}[

2015-10-12 10:45:58 695

转载 Markdown

- Markdown和扩展Markdown简洁的语法 - 代码块高亮 - 图片链接和图片上传 - 丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表

2015-10-10 10:49:02 436

原创 yeoman

在安装Yeoman之前，你需要确认以下配置： Node.js 版本在0.10以上 npm 版本在1.3.7以上使用：yo –version && bower –version && grunt –version检查是不是所有东西都已经安装好了，Yeoman、Bower、Grunt、Grunt CLI（Grunt的命令行界面）版本号依次被打印。安装Yeoman生成器 sudo npm ins

2015-09-21 16:04:24 1066

原创 Grunt、webpack个人笔记

主干：package.json Gruntfile package.json用来存储npm模块的依赖项 Gruntfile一般干两件事情： 1. 读取package信息 2. 插件加载、注册任务，运行任务（grunt对外的接口全部写在这里面） Gruntfile可压缩(uglify)，合并(concat)，监测(watch)，等 grunt.initConfig设置几个任务就下载对应

2015-09-15 19:02:40 4161

原创 ajax-json

服务器端：<?php $json = '{"a":1,"b":2,"c":3,"d":4,"e":5}'; var_dump(json_decode($json)); var_dump(json_decode($json, true)); ?> json_decode($json,true)输出的一个关联数组 json_decode($json）输出的是对象<?php $arr = ar

2015-09-08 15:53:37 550

举例例：人依赖手机打电话>>> 当一个类(Person)对另一个类(Mobile)有依赖时，不在该类(Person)内部对依赖的类(Moblile)进行实例化，而是之前配置一个接口(注入口),告诉接口(注入口)容器所依赖的类(Mobile)，在实例化该类(Person)时，容器自动注入一个所依赖的服务类(Mobile)的实例。背景：随着面向对象分析与设计的发展，核心原则之一就是将变化隔离，使得变化

2015-09-06 20:32:00 438

原创 sass语法整理

sass变量$baseColor:#333;引入文件@import ‘style’;@mixin left($value){ margin-left:$value;} .div{@include left(20px)}.div1{ font-size:12px;} .div2{ @extend.div; margin-left:20px;}颜色函数 lighte

2015-09-06 16:01:42 1765

原创 canvas

var canvas = document.getElementById("canvas");canvas.width = 800; canvas.height = 800;var context = canvas.getContext('2d');////draw(context,100,300,#333,#000,10);传参///

2015-09-01 17:46:39 620

原创编码规范

Html命名全部是小写字母，中间用-隔开命名需代表模块内容或标题，不得以样式命名标签标签用小写字母无需闭合的标签不允许闭合，无需自闭合标签有input、br、img、hr等尽量不适用表格进行布局标签简洁，减少不必要的标签符合语义常见语义： p - 段落 h1,h2,h3,h4,h5,h6 - 层级标题 strong,em - 强调 ins - 插

2015-08-24 15:05:39 710 1

原创 js对象函数

1，对象：var obj={ x:1, y:2;}var obj = object.create({x:1});创建obj原型指向{x:1}2，函数：定义一次，可被执行和调用多次。js中函数也是对象。函数返回值依赖return。a,不同调用方式：直接调用:foo();对象方法：o.method();构造器：new Foo();call/

2015-08-21 18:02:18 3432 1

原创 js个人笔记

1，typeof,instanceoftypeof:返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用 typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 i

2015-08-21 15:46:27 507

原创自定义微信图文模板注意事项整理

自定义模板，要把css写在html style中，在网页打开复制整个文章，复制的时候会把样式一起复制进去，粘贴到微信素材管理-》后台编辑器中预览即可实现。1，不支持相对绝对定位2，不支持transform效果3，html5标签 svg均可识别，设置svg水平居中不好使，要在svg外加一个标签设置水平居中才行4，rem media查询都不好使5，在页面中设置的百分之多少是根据

2015-08-18 19:43:31 1598

原创手机端小问题整理

1,tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}2,

2015-08-10 15:36:20 942

原创 jquery 过滤器区分

.not()----------.hasClass() has()一个div同时有select selected属性：$(parentDiv).find('.select').not('.selected').css("background",'#333');$(parentDiv).find('.select').hasClass('selected').css("backgroun

2015-08-07 11:55:57 737

原创 js 数组 String方法整理

1,join----------数组转换为字符串var arr=[1,2,3];arr.join("_"); //'1_2_3"2,reverse----数组逆序（数组被修改）var arr=[1,2,3];arr.reverse(); //[3,2,1]arr; //[3,2,1]3,sort---------数组排序（数组被

2015-07-31 11:44:18 1878

原创 js 小小tips

1，双引号单引号多级嵌套：“ ‘ \"aaa\" ' "2，input设置只能输入数字

2015-06-02 11:25:07 667

原创 css3新属性

1，-webkit-font-smoothing：css3中用于webkit引擎中设置字体的抗锯齿、增加光滑度的属性。none用于小像素文本；subpixel-antialiased浏览器默认反锯齿;antialiased反锯齿。2，-webkit-gradient(直线/放射状，色1中心坐标，色1半径，色2中心坐标，色2半径，from(#000000)，to(#ffffff))，调色链接ht

2015-05-29 10:55:53 1064

原创 SPA（Single-page application) 单页应用

它将一个分离的功能层作为API并将表示层用APP的形式体现出来 (HTML5或Native)

2015-05-28 20:40:13 5542 1

原创手机端/网页嵌套百度地图

网页嵌套几步到位：地址：http://api.map.baidu.com/lbsapi/creatmap/index.html；输入你想要定位的地点，添加标注，获取代码，拷贝到自己网页中即可。但是体积大，在手机端很卡。手机端效果图：手机端嵌套：代码如下：在线地图 // 百度地图API功能v

2015-05-21 11:27:24 26555

原创分享到微信/空间/微博

bshare分享：示例图：代码如下：div class="bshare-custom"style="position: absolute; left: 0; top:50%;" > a title="分享到微信" class="bshare-weixin">分享到微信 a> a title="更多平台" class="bshare-more bshar

2015-05-20 20:00:05 1031

原创正则表达式

表达式符号含义 *匹配前面的字符0-多次 +匹配前面的字符1-多次？匹配前面的字符0或者1次{n}匹配前面的字符 n次{n，m}匹配前面的字符 ...

2015-05-09 16:50:57 887

原创阿里巴巴矢量项目图标制作流程

阿里巴巴图标库：http://www.iconfont.cn/上传自己的icon：点击图标管理->上传图标->查看帮助->点击图标制作模板链接下载模板->打开AI制作->ps图层复制到ai，(Ctrl+c Ctrl+v shift等比缩放)->制作完成->文件存储为svg格式->选项：字体文字选择svg 图像位置为嵌入->上传应用到项目：点击上传的图片->点击购物车->存储为项目->

2015-04-24 18:06:19 4840

原创事件代理

$(".div").on('click',function(e){if(e.target=='input'){console.log(e);}}e为当前点击元素，input外层div添加事件可以减少dom元素加载。

2015-04-17 20:06:21 1000

原创 git命令整理

git svn区别SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就纳闷了。Git是分布式版本控制系统，那么它就没有中央服务器的，

2015-04-11 11:56:37 746

原创 jquery命名空间与模块化

一个按钮监听多个事件：$(".ele").on('click',dosomething).on('click',dosomethingelse)onclick方法新的监听会覆盖旧的解绑的时候，$(".ele").off("click")会解绑所有事件监听；单独解绑一个需要跟on相同传参$(".ele").off("click",dosomething)；

2015-04-03 12:02:24 2112