大前端 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Pages: 2/43 First page Previous page 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Next page Final page [ View by Articles | List ]
Jul 17
1、浏览器限制

2、跨域(域名,端口不一样都是跨域)

3、XHR(XMLHttpRequest请求)

同时满足三个条件才有可能产生跨域问题。

解决跨域问题方案。

1,从浏览器出发,允许浏览器跨域。

2,从XHR(XMLHttpRequest)出发

    (1)避免发生跨域。使用jsonp,由于jsonp请求是通过script的方式发送的(只有xhr的请求方式才有可能产生跨域问题),所以不会产生跨域问题。Spring MVC实现过程:前台使用ajax的get请求,将dataType设为“jsonp”;服务器创建一个类并继承抽象类AbstractJsonReponseBodyAdvice,最后注解@ControllerAdivece。使用jsonp的弊端,只能使用get方式请求,服务器需要改动代码,发送的不是xhr请求。

    (2)产生跨域后解决。

            从被调用方考虑,有三种情况,分别是服务器实现,nginx配置和apache配置。

            服务器实现需要注意两种情况,简单请求和非简单请求。简单请求是先执行请求再验证,非简单请求是先验证再请求。

          简单请求(比较常见):方法为get,head,post,请求header里面没有自定义头,Content-Type的值为以下几种 text/plain,multipart/form-data,application/x-www-form-urlencoded。

            非简单请求(比较常见):put,delect方法的ajax请求,发送json格式的ajax请求,带自定义头的ajax请求。

            简单请求处理方案:在响应头中添加

                Access-Control-Allow-Origin=“允许跨域的url”,即跨省域时,请求头Origin的值,所以一般是获取Origin的值。

                Access-Control-Allow-Method=“*”,允许的方法。

            非简单请求处理方案:在相应头中添加

                Access-Control-Allow-Origin=“允许跨域的url”,即跨域时,可以获取请求头Origin的值。

                Access-Control-Allow-Method=“*”,允许的方法

                Access-Control-Request-Headers=“Content-Type,自定义的header的key”。

             带cookies的跨域解决:在响应头添加

                Access-Control-Allow-Credentials,="true",允许使用cookies

               ngnix配置:

Highslide JS

apache配置:没搞过

若是使用spring框架:使用@CrossOrigin注解既可以实现服务端跨域
Jul 11
官网介绍,vue操作dom的正确姿势

exp
Jul 11

如果之前已经注册了淘宝源,那么出来的是个版本号
官方源出来一系列的版本信息,包括最新的版本

这里删除了package-lock.json
然后修改了package.json将element-ui版本号到2.4.3
执行
npm i
如果无法安装使用国内的cnpm
执行
cnpm i
安装成功,npm start查看前端界面,升级后界面报错,建议根据错误排查,如果部分页面可以查看,那么就拿一个问题页面做减法,一个个删除来查找错误
Jul 11
比如有组数据是很多页面都要用的,我想把它写在一个js文件里作为公共方法。

public.js

然后在某个页面里使用它。

Tanant.vue
Jul 11
在编写vue文件中引入模块

@ 等价于 /src 这个目录,避免写麻烦又易错的相对路径
Jul 11
代码如下:

index是当前元素下标,tindex是拖动到的位置下标。
from:http://www.cnblogs.com/zwhblog/p/7941744.html#4004715
Jul 10
1、普通watch


2、数组的watch


3、对象的watch




Jul 10
1、数据方法分类:

(1)原数组改变
push
pop
unshift
shift
reverse
sort
splice

(2)原数组未变,生成新数组
slice
concat
filter
对于使原数组变化的方法,可以直接更新视图。

对于原数组未变的方法,可以使用新数组替换原来的数组,以使视图发生变化。




由于 JavaScript 的限制,Vue 不能检测以下变动的数组:

当利用索引直接设置数组的某一项时,例如:vm.items[indexOfItem] = newValue

当你修改数组的长度时,例如:vm.items.length = newLength,不会更新数组。

当然vue中给了解决方法,就是使用 Vue.set, vm.$set(Vue.set的变种写法)或者 splice,caoncat等修改数组,同时也将触发状态更新:




Pages: 2/43 First page Previous page 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Next page Final page [ View by Articles | List ]