zb990611的博客

原创 react/vue 组件设计方法/原则

1. 扁平的，面向数据的 state/props扁平 props 也可以很好地清除组件正在使用的数据值。如果你传给组件一个对象但是你并不能清楚的知道对象内部的属性值，所以找出实际需要的数据值是来自组件具体的属性值则是额外的工作。state / props 还应该只包含组件渲染所需的数据（此外，对于数据繁重的应用程序，数据规范化可以带来巨大的好处，除了扁平化之外，你可能还需要考虑一些别的优化方法）。2.更加纯粹的 State 变化对 state 的更改通常应该响应某种事件，例如用户单击按钮或 API 的

原创 新人如何在公司立足

1、有实力：要相信是金子总会有发光的时候，你要不断的提升自己的能力。不怕苦不怕累，要有意识的去提升自己的实力。只有有实力了，才能在公司立足，让他人对你刮目相看。2、态度良好：作为新人，公司一般会安排老员工带你熟悉一些事物，对待老员工要谦虚请教，切记傲慢无礼。毕竟谦虚的员工才能学到真才华，而傲慢的员工往往是最先被淘汰的。3、有激情：有激情的员工往往是老板最喜欢的，虽然有的工作真的是累成狗，但你要学会去调整自己的心态。做一个有激情的员工，给周边的人带来正能量，早日在公司立足。4、胆子大：胆小怯弱的员工，.

原创 Vuex 的基本知识总结

vuex简介vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧，如果不懂的话，建议先学完vue的基础知识再看vuex。vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出，其中action作为数据的输入，state作为数据的输出。如下图：只能在mutaion

原创 正能量满满

原创 Vue 之axios的封装

1.axios安装：npm install axios -D2.封装axios，index.js/** 接口调用工具*/ import axios from 'axios' 引用axios// 配置API接口地址var root = 'http://localhost:7002'axios.defaults.headers.post['content-Type'] = 'application/json;charset=UTF-8'; // 自定义判断元素类型JSfunction

原创 vue 组件的使用

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。组件的分类一般来说，Vue.js 组件主要分成三类：由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML结构，会包含数据获取、数据整理、数据可视化等常规业务。整个文件相对较大，但一般不会有 props 选项和 自定义事件，因为它作为路由的渲染，不会被复用，因此也不

原创 js 的数据类型 truly变量与false变量

数据类型值类型1.NumberNumber类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。NaN:非数字类型。两大特点：1.涉及到的 任何关于NaN的操作，都会返回NaN。2. NaN不等于自身。isNaN() 函数用于检查其参数是否是非数字值2.String字符串是存储字符的变量,由双引号(" ")或单引号(’ ')表示字符串有length属性。可以取得字符串的长度。字符串转换：转型函数String(),适用于任何数据类型（null,undefined

原创 前端工程师的一生之敌ajax

Ajax的技术与原理Ajax的简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。原理通过 XMLHttpRequest 与服务器交换数据服务数据通过json 或者 xml格式返回浏览器端通过js+ccs渲染展示数据原生ajaxget请求：btn.onclick = fun

原创 浅谈一些工作专用术语——装逼可用（o2o,B2B,C2C,B2C,P2P,BS,CS,TOB,TOC）

O2O的基本概念O2O全称online to offline。主要是针对线上对线下，其主要代表为美团。O2O是指将线下的商务机会与互联网结合，让互联网成为线下交易的平台。O2O通过网购导购机，把互联网与地面店完美对接，实现互联网落地，让消费者在享受线上优惠价格的同时，又可享受线下贴身的服务。B2B的基本概念B2BBusiness To Business，主要是商家对商家。实际情况都是混合态的。并不是说只做一种模式。模式是根据大家的情况，去总结区分的。B2B主要是描述企业和企业之间的商务活动，比如阿

转载 浅谈BFC的基本知识

1，什么是BFC？1）BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域，只有Block-level box（块元素）参与，它规定了内部的Block-level box如何布局，并且与这个区域外部毫不相关。2）可以理解成：创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部），BFC仍属于文档中的普通流3）不是所有的元素，模式都能产生BFC 。w3c规范：display属性为block

原创 CSS实现子元素div水平垂直居中

div基本布局<div class="main"> <div class="center"></div> </div>css样式1. 配合定位与margin：auto父元素加相对定位，子元素加绝对定位 .main{ width: 300px; height: 300px; background-color: red; position: relative; } .center{ wid

原创 ES6之promise比赛案例

var arr = [ "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c0c05274f2fbb55fbccb89622f798907.jpg?w=632&h=340", "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b746a4db2e0473cc076a3a4b9bbe0235.jpg?w=632&h=340", "https://cdn.cnbj1.fds.api.

原创 ES6之promise天气案例

<p> <span class="add"></span> <span class='weather'></span> <span class='temp'></span> <img src="" class="img" width="30"> </p> <script> $(function(){ // 获取网络请求 信息 (根据不同的url

原创 ES6之生成器案例

function *gen(){ yield '我'; yield "好"; yield "中意"; yield "你"; } var iter =gen();//调用时用iter.next(); //生成器函数generator 遇到yield停止运行 //通过 next 去调用 的是 移动到下一个yield停止 // 返回的值 为yield {value：yield的结果，done：false} for(let item .

原创 ES6之回调函数案例

正常的写法function say(str,time,callback){ setTimeout(()=>{ console.log(str); if(callback){callback()} },time) } say ('你好能加个微信',3000,function(){ say ('我非常喜欢你',5000,function(){ say('邀请你100年后 葬在我们家祖坟里',2000) }) })Prom

原创 ES6 模块知识点总结

模块化 export 和 importimport 导入模块、export 导出模块可以直接在任何变量或者函数前面加上一个 export 关键字，就可以将它导出。在一个文件中：export const sqrt = Math.sqrt;export function square(x) { return x * x;}export function diag(x, y) { return sqrt(square(x) + square(y));}然后在另一个文件中这样引用

原创 ES6要点知识点 总结

apply call bind 用法实例apply执行函数 对象冒充 参数数组call 执行函数 对象冒充 参数单个bind 创建函数 对象冒充 参数默认 // call 和apply 都是执行函数时 传入this对象冒充 // var arr=[1,32,3,4] // var min=Math.min(...arr); // var min=Math.min.call(null,...arr) // var max=Math.max.apply(null,a

原创 ES6之入门了解篇

ES6数组的高阶方法forEach 遍历map 映射filter 过滤reduce 累计every 每一个some 有一个sort 排序1. forEach遍历 //forEach 遍历 // var arr=["我","爱","我","的","祖国"]; // arr.forEach(function(item,index,self){ // console.log(item,index,self); // })2.map 映射 //map 映射

原创 Es6之入门篇

ES6 的变量声明ES6 中新增了 let 和 const 来定义变量：var：ES5 和 ES6中，定义全局变量（是variable的简写）。let：定义局部变量，替代 var。在一对{}有效。let不能重复声明，let不会变量提升。const：定义常量（定义后，不可修改）。声明必须赋值，不能修改（值类型）。建议变量名大写。总结：我们要习惯用 let 声明，减少var声明带来的污染全局空间。ES6的数据类型值类型数字 ：number字符串：string布尔：boolean未定

原创 jQuery的基本知识点总结

jQuery简介jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作，实现一些常用的方法，jQuery还可以链式操作。jQuery的基本用法引入jQuery文件，可以本地也可以远程<script type="text/javascript" src="jQuery.js"></script><script type="text/javascript"></script>当文档完成加载完时触发，避免获取dom对