means-go-CSDN博客

原创 React + react-router + react-redux前端架构

首先安装creact-react-appnpm i create-react-app -g创建APPcreate-react-app my-appcd my-app先执行 npm eject生成webpack配置文件Router安装npm i react-router -s （npm i react-router@3.2.1 -s）react-router4.0提供了Route...

2019-02-15 14:14:48 569

原创敏捷开发

一、迭代开发（重复开发）迭代开发将一个大任务，分解成多次连续的开发，本质就是逐步改进。开发者先快速发布一个有效但不完美的最简版本，然后不断迭代。每一次迭代都包含规划、设计、编码、测试、评估五个步骤，不断改进产品，添加新功能。通过频繁的发布，以及跟踪对前一次迭代的反馈，最终接近较完善的产品形态。二、增量开发所谓"增量开发"，指的是软件的每个版本，都会新增一个用户可以感知的完整功能。也就是说，...

2020-01-03 10:43:09 279

原创面试总结

做笔记React:1.setState的用法：A: 在同一个方法中多次setState是会被合并的，并且对相同属性的设置只保留最后一次的设置（此时count+1）this.setState({count : this.state.count + 2})this.setState({count : this.state.count + 1})B: 特点：是异步操作函数；组件在还没有渲...

2019-09-25 17:55:13 164

原创页面统计方式

百度统计文档地址: http://tongji.baidu.com/open/api/more?p=ref_trackEventfunction addBaiduStatistics(){ // 创建一个域名下的百度统计会生成一个对应的 bdkey var bdKey = window._hmt_key || '48c7b0546d5b41b4620fbefc7313*...

2019-08-27 16:09:33 316

原创面试流程

1.自我介绍上家公司情况技术栈(主要使用什么技术)主要项目情况2.基础部分css 垂直居中实现方式 transfrom: translate(50%,50%); 怎么实现多个块元素一行展示 display: inlin-block; float(clear:both) flex 弹性布局 flex flex-direction margin塌陷 ...

2019-08-12 09:45:35 234

原创微信公众号开发总结

一: 页面授权a. 通过用户授权接口获取code作为换取access_token的票据有俩种方式:1.snsapi_base用户无感知,获取openid(用户唯一标识)https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchon...

2019-08-01 10:32:42 264

原创项目中遇到的难点

1 在浮动中左右元素高度自适应且有背景颜色方案1:设置要根据自适应元素的样式为：.left{width: 100px;float: left;height: 50px;background-color: red;padding-bottom: 999px;margin-bottom: -999px;}<!DOCTYPE html><html>&lt...

2019-02-27 14:21:20 3297 1

原创 sass处理公共样式问题

首先需要定义一个文件夹stylestyle中定义公共样式文件style—— _minix.scss //这个文件放我们公共的样式方法和处理函数 main.sass //这个是我们每个样式文件中引入的文件，这个文件中@import './mixin';//处理样式自适应问题基于iPhone 6 375px的像素宽度@function px2rem($x) { @retu...

2019-02-20 17:19:25 7288

原创文本换行

word-breaknormal 使用默认的换行规则。break-all 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。keep-all 不允许CJK(Chinese/Japanese/Korean)文本中的单词换行，只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致。**break-word 英文情况下，按照单词来进行换...

2019-02-14 13:52:21 272

Object.assign()将多个原始对象的属性和方法合并到目标对象上，出现同名的属性和方法后合并的会覆盖之前的同属性或方法let newObj = Object.assign({}, {name:'wind'},{age:'24',sex:'male',age:'25'});console.log(newObj) // { name:'wind',sex:'male',age:'25' ...

2019-01-11 10:13:12 280

原创 es6

结构赋值按照一定的模式，从数组和对象中提取值，对变量进行赋值let {age , name, sex} = {age:'23',name:'wind',sex:'male'}拓展运算符let arr = [1 ,2 ,3];let arr1 = arr; // 浅拷贝let arr2 = [...arr]; // 深拷贝，相当于之前数组截取console.log(arr1 === ...

2019-01-11 09:56:15 113

原创前端请求环境配置

环境配置创建一个setting.js// 默认开发环境配置项let Settings = { // API网关访问地址 API: '//baidu.com/m.api'};// 测试环境配置项 if (typeof window !== 'undefined' &amp;&amp; location.hostname.indexOf('.test.baidu.com') ...

2019-01-10 16:04:41 754

原创防抖和节流

防抖例如页面scroll，resizevar timer = false;window.onScroll = function() { if(timer){ clearTimeout(timer); } timer = setTimeout( () =&gt; { var scrollTop = document.documentElement.scrollTop || do...

2019-01-10 15:21:26 137

原创前端cookie跨域共享

cookie跨域共享const common = {};common.getCookie = function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return (arr[2]); ...

2019-01-10 14:50:31 3542

qq_37815292的博客