晋！-CSDN博客

原创最方便的自适应calc

说明：自适应列的width根据calc()自动计算，如：父容器width - 固定列width。浏览器支持：IE 9+。css:* { margin: 0;padding: 0 } .container { position: absolute; width: 100%; height: 100%;} .left { float: left; ...

2019-08-19 16:43:39 99

虚拟DOM和真实DOM的关系首先，Virtual DOM并没有完全实现DOM，即虚拟DOM和真正地DOM是不一样的，Virtual DOM最主要的还是保留了Element之间的层次关系和一些基本属性。因为真实DOM实在是太复杂，一个空的Element都复杂得能让你崩溃，并且几乎所有内容我根本不关心好吗。所以Virtual DOM里每一个Element实际上只有几个属性，即最重要的，最为有用的，并...

2019-07-25 17:39:55 636

原创前后台如何交互

1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。2.接口文档主要由谁来写?接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被...

2019-07-25 17:37:44 622

原创 redux

redux三大原则1、单一数据源State 是只读的使用纯函数来执行修改2、provider只有一个属性，是store顶层容器3、connect伪高阶函数4个参数1、把redux中state映射成的props传递到组件中去 // 获取state数据const mapStatetoProps = (state,ownProps)=>{ // state re...

2019-07-25 17:33:39 76

原创 ajax和fetch的区别

一、AjaxAjax的本质是使用XMLHttpRequest对象来请求数据，下面简单贴下原生js实现：function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest){ var oAjax=new XMLHttpRequest(); }else{ var ...

2019-07-25 17:27:44 213

原创移动端 1px 像素问题以及解决办法

在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。一、为什么会有1px问题要处理这个问题，必须先补充一个知识点，就是设备的物理像素[设备像素] & 逻辑像素[CSS像素]；物理像素：移动设备出厂时，不同设备自带的不同像素，也称硬件像素；逻辑像素：即css...

2019-07-25 17:20:35 280

原创 js的继承方式

一、原型继承// 父类 function Persion(name,age){ this.name = name; this.age = age; } // 父类的原型对象属性 Persion.prototype.id = 110; // 子类 fun...

2019-07-25 17:12:23 53

原创 hover背景图偏移、抖动问题

边框导致背景图抖动>>>>移入前没有边框，移入后显示边框解决：给背景图添加一个大小相同、透明的边框即可 //border:1px solid transparent;

2019-07-25 17:08:19 419

原创 vue简介

VUE1、Vue是什么?Vue是一个渐进式的javascript开发框架，通过组件的开发，最后进行组件的组合，合并组件形成页面构造器(构造函数)自动化构建工具优点组件化开发单页面路由丰富的Api方法双向的数据绑定单向数据流易于结合其他第三库缺点生态系统不够完善可扩展性稍差1、全局安装 npm install -g vue-cli2、创建项目 vue init web...

2019-07-25 17:01:20 70

原创 Vue路由

1、路由(外置的) vue-routerimport VueRouter from 'vue-router';import Index from './components/index.vue';import List from './components/index.vue';import Login from './components/index.vue';Vue.use(Vue...

2019-07-25 16:48:27 71

原创 JSONP的知识点，以及工作原理

概念JSONP根据浏览器同源策略，所谓同源就是协议、主机、端口号都相同时成为同源。a 域的js不能直接访问 b域名的信息，但是script 标签的src属性可以跨域引用文件，jsonp是请求之后后台包装好一段json，并且把数据放在一个callback函数，返回一个js文件，动态引入这个文件，下载完成js之后，会去调用这个callback,通过这样访问数据。作用由于同源从略的限制，XMLHt...

2019-07-25 16:45:52 71

yangjin0327的博客