03 2019 档案
npm -i 与npm install -s与-d的区别
摘要:npm -i 与npm install -s与-d的区别npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象 npm i module_name -D => npm install module_nam
前后端交互实现
摘要:1.古老的表单提交 这种形式呢,比较早,以后端为主。前端提交表单,后端验证(jsp,request.getParameter(""))。这种方式后端做的比较多,我就不特别说明了。2.AJAX的数据提交 这种形式呢,现在用的较多。后端基本就做接口,做权限,其他的都交由前端去完成。这个呢就是我们今天主要
前后端交互&交互接口
摘要:前后端数据交互之数据接口 废话就不多说了,我们都知道,前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。 1.前端通过接口调用后台返回的数据 废话就不多说了,我们都知道,前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。 1.前端通过接口调用后台返回的数据 废话就不多说了,我们都
前端如何优化网站性能?
摘要:在浏览器与服务器进行通信时,主要是通过 HTTP 进行通信。浏览器与服务器需要经过三次握手,每次握手需要花费大量时间。而且不同浏览器对资源文件并发请求数量有限(不同浏览器允许并发数),一旦 HTTP 请求数量达到一定数量,资源请求就存在等待状态,这是很致命的,因此减少 HTTP 的请求数量可以很大程
Vue中如何监控某个属性值的变化?
摘要:比如现在需要监控data中, obj.a 的变化。Vue中监控对象属性的变化你可以这样: deep属性表示深层遍历,但是这么写会监控obj的所有属性变化,并不是我们想要的效果,所以做点修改: 还有一种方法,可以通过computed 来实现,只需要:
Vue中如何在组件内部实现一个双向数据绑定?
摘要:假设有一个输入框组件,用户输入时,同步父组件页面中的数据。 具体思路:父组件通过props传值给子组件,子组件通过 $emit 来通知父组件修改相应的props值,具体实现如下: 可以看到,当输入数据时,父子组件中的数据是同步改变的: 我们在父组件中做了两件事,一是给子组件传入props,二是监听i
简述Vue的响应式原理
摘要:当一个Vue实例创建时,vue会遍历data选项的属性,用 Object.defineProperty 将它们转为getter/setter并且在内部追踪相关依赖,在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例,它会在组件渲染的过程中把属性记录为依赖,之后当依赖项的set
Vue代理&跨域
摘要:Vue 本地代理 纯前端技术解决跨域 vue-axios获取数据很多小伙伴都会使用,但如果前后端分离且后台没设置跨域许可,那要怎样才能解决跨域问题? 常用方法有几种: 以上方法或多或少都有一定限制,有的不支持post有的需要后台配合,这里就不一一分析了; 那如何才能简单又优雅地使用前端技术解决跨域问
async、await 优缺点
摘要:async、await 优缺点 async 和 await 相比直接使用 Promise 来说,优势在于处理 then 的调用链,能够更清晰准确的写出代码。缺点在于滥用 await 可能会导致性能问题,因为 await 会阻塞代码,也许之后的异步代码并不依赖于前者,但仍然需要等待前者完成,导致代码失
浏览器兼容性问题
摘要:web浏览器兼容性问题及解决方法 第一类:块状元素float后,有添加了横向的margin,在IE6下比设置的值要大(属于双倍浮动的bug) 解决方案:给float标签添加display:inline,将其转换为行内元素 第二类:表单元素行高不一致 解决方案:给表单元素添加float:left(左浮
柯里化函数
摘要:柯里化 含义:柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。 因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程。 柯里化一个求和函数 var add = function (a,
vue懒加载
摘要:vue懒加载(白屏或者加载慢的解决方法) 懒加载:也叫延迟加载,即在需要的时候进行加载,随用随载。 为什么需要懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,时间过长,会出啊先长时间的白屏,即使做了loading也
在Vue中使用了Swiper ,动态从后台获取数据的之后,swiper滑动失效??
摘要:在Vue中使用了Swiper ,动态从后台获取数据的之后,swiper滑动失效?? 是因为swiper提前初始化了,那时候数据还没有完全出来。这里有两种解决办法 1. 使用vue提供的$nextTick()方法 当Vue构造器里的data值被修改完成后会调用这个方法,也相当于一个钩子函数吧,和构造器
移动端开发ios和安卓兼容问题
摘要:移动端开发ios和安卓兼容问题 最近做移动端混合开的时候遇到一些安卓和iOS的兼容性问题,兼容想问题不仅在浏览器存在也在APP开发当中也会经常遇到这样的情况。 最近看了一下内容很不错的移动端开发相关的资料,自己总结出来了一些安卓和iOS兼容的知识点: 一、搜索确定问题 添加form元素,在提交的时候
跨域问题
摘要:跨域问题,谁限制的跨域,怎么解决 浏览器的同源策略导致了跨域 用于隔离潜在恶意文件的重要安全机制 [jsonp ,允许 script 加载第三方资源]https://segmentfault.com/a/11… nginx 反向代理(nginx 服务内部配置 Access-Control-Allow
js 异步加载的方式
摘要:js 异步加载的方式 渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染 defer 是“渲染完再执行”,async 是“下载完就执行”,defer 如果有多个脚本,会按照在页面中出现的顺序加载,多个async 脚本不能保证加载顺序 加载 es6模块的时候设置 type=modu
Vue中如何在组件内部实现一个双向数据绑定?
摘要:假设有一个输入框组件,用户输入时,同步父组件页面中的数据。 具体思路:父组件通过props传值给子组件,子组件通过 $emit 来通知父组件修改相应的props值,具体实现如下: 可以看到,当输入数据时,父子组件中的数据是同步改变的: 我们在父组件中做了两件事,一是给子组件传入props,二是监听i
webpack实现模块化打包
摘要:webpack打包应用和实现 1)安装webpack $ npm install webpack webpack-cli --save-dev 2)添加配置文件 webpack.config.js 3) 为package.json添加脚本 项目信息 依赖信息 产品依赖 --save 开发依赖 --s