web前端
平常学习中的一些总结
@༄ོ༊࿆烈酒伴浓烟*ꦿ໌້࿐
这个作者很懒,什么都没留下…
展开
-
react/vue 组件设计方法/原则
1. 扁平的,面向数据的 state/props扁平 props 也可以很好地清除组件正在使用的数据值。如果你传给组件一个对象但是你并不能清楚的知道对象内部的属性值,所以找出实际需要的数据值是来自组件具体的属性值则是额外的工作。state / props 还应该只包含组件渲染所需的数据(此外,对于数据繁重的应用程序,数据规范化可以带来巨大的好处,除了扁平化之外,你可能还需要考虑一些别的优化方法)。2.更加纯粹的 State 变化对 state 的更改通常应该响应某种事件,例如用户单击按钮或 API 的原创 2020-09-30 09:27:00 · 278 阅读 · 1 评论 -
Vuex 的基本知识总结
vuex简介vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起,集中式来管理。需要声明的是,这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧,如果不懂的话,建议先学完vue的基础知识再看vuex。vuex的组成结构示意图vuex的特点是把数据单独隔离,形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出,其中action作为数据的输入,state作为数据的输出。如下图:只能在mutaion原创 2020-09-13 22:44:24 · 1508 阅读 · 49 评论 -
前端工程师的一生之敌ajax
Ajax的技术与原理Ajax的简介AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。原理通过 XMLHttpRequest 与服务器交换数据服务数据通过json 或者 xml格式返回浏览器端通过js+ccs渲染展示数据原生ajaxget请求:btn.onclick = fun原创 2020-08-25 19:45:23 · 3531 阅读 · 39 评论 -
浅谈一些工作专用术语——装逼可用(o2o,B2B,C2C,B2C,P2P,BS,CS,TOB,TOC)
O2O的基本概念O2O全称online to offline。主要是针对线上对线下,其主要代表为美团。O2O是指将线下的商务机会与互联网结合,让互联网成为线下交易的平台。O2O通过网购导购机,把互联网与地面店完美对接,实现互联网落地,让消费者在享受线上优惠价格的同时,又可享受线下贴身的服务。B2B的基本概念B2BBusiness To Business,主要是商家对商家。实际情况都是混合态的。并不是说只做一种模式。模式是根据大家的情况,去总结区分的。B2B主要是描述企业和企业之间的商务活动,比如阿原创 2020-08-17 20:48:22 · 6311 阅读 · 48 评论 -
浅谈BFC的基本知识
1,什么是BFC?1)BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域,只有Block-level box(块元素)参与,它规定了内部的Block-level box如何布局,并且与这个区域外部毫不相关。2)可以理解成:创建了 BFC的元素就是一个独立的盒子,里面的子元素不会在布局上影响外面的元素(里面怎么布局都不会影响外部),BFC仍属于文档中的普通流3)不是所有的元素,模式都能产生BFC 。w3c规范:display属性为block转载 2020-08-15 10:21:44 · 2303 阅读 · 30 评论 -
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原创 2020-08-15 10:02:39 · 4268 阅读 · 49 评论 -
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.原创 2020-08-13 18:32:06 · 3703 阅读 · 39 评论 -
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原创 2020-08-13 18:30:41 · 3119 阅读 · 39 评论 -
ES6之生成器案例
function *gen(){ yield '我'; yield "好"; yield "中意"; yield "你"; } var iter =gen();//调用时用iter.next(); //生成器函数generator 遇到yield停止运行 //通过 next 去调用 的是 移动到下一个yield停止 // 返回的值 为yield {value:yield的结果,done:false} for(let item .原创 2020-08-13 18:28:28 · 2794 阅读 · 30 评论 -
ES6之回调函数案例
正常的写法function say(str,time,callback){ setTimeout(()=>{ console.log(str); if(callback){callback()} },time) } say ('你好能加个微信',3000,function(){ say ('我非常喜欢你',5000,function(){ say('邀请你100年后 葬在我们家祖坟里',2000) }) })Prom原创 2020-08-13 18:26:07 · 4981 阅读 · 37 评论 -
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));}然后在另一个文件中这样引用原创 2020-08-12 20:06:04 · 3211 阅读 · 52 评论 -
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原创 2020-08-12 20:02:09 · 3271 阅读 · 0 评论 -
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 映射原创 2020-08-11 20:53:00 · 2928 阅读 · 49 评论 -
Es6之入门篇
ES6 的变量声明ES6 中新增了 let 和 const 来定义变量:var:ES5 和 ES6中,定义全局变量(是variable的简写)。let:定义局部变量,替代 var。在一对{}有效。let不能重复声明,let不会变量提升。const:定义常量(定义后,不可修改)。声明必须赋值,不能修改(值类型)。建议变量名大写。总结:我们要习惯用 let 声明,减少var声明带来的污染全局空间。ES6的数据类型值类型数字 :number字符串:string布尔:boolean未定原创 2020-08-10 20:59:39 · 3287 阅读 · 26 评论 -
jQuery的基本知识点总结
jQuery简介jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作。jQuery的基本用法引入jQuery文件,可以本地也可以远程<script type="text/javascript" src="jQuery.js"></script><script type="text/javascript"></script>当文档完成加载完时触发,避免获取dom对原创 2020-08-10 20:03:36 · 3465 阅读 · 23 评论 -
js 的数据类型 truly变量与false变量
数据类型值类型1.NumberNumber类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。NaN:非数字类型。两大特点:1.涉及到的 任何关于NaN的操作,都会返回NaN。2. NaN不等于自身。isNaN() 函数用于检查其参数是否是非数字值2.String字符串是存储字符的变量,由双引号(" ")或单引号(’ ')表示字符串有length属性。可以取得字符串的长度。字符串转换:转型函数String(),适用于任何数据类型(null,undefined原创 2020-08-27 21:46:02 · 1460 阅读 · 25 评论