- 博客(27)
- 收藏
- 关注
原创 express post方法设置了响应头依然报跨域错误
页面用axios.create()调请求 localhost:8080 axios.create({ url:'login', method:'post', data:user,//{username:"admin",password:"admin"} headers:{ 'Content-Type':'application/json' }, baseURL:"http://localhost:3000/api", timeout:
2021-08-19 21:28:43
694
原创 Vuex 状态管理器
vuex:状态管理器,多个组件可共用数据有四个属性,都是对象结构 Vue.use(Vuex);//调用vuex内部的install方法,把定义的store存在$store中,使每个组件都能通过$store调用到对应的属性和方法export default new Vuex.Store({ state:{ a:1,//通过$store.state.a获取 b:2 }, getters:{ //相当于computed属性,通过$store
2021-08-12 23:13:55
244
原创 用@vue/cli3.0/4.0搭建项目及如何关闭eslint校验
我之前一直再用vue-cli2.0+创建项目:2.0:vue init webpack(有几种模式的,比较常用的就是这种) 项目名 3.0+:vue create 形目名一、选择配置:Please pick a preset可以选他帮你配好的或者你之前配好有保存的,再者选最后一个——Manually select features自定义二、自定义配置内容选择:(空格键选择或取消选中,会有提示的,按需选择即可)后面的配置会根据你在这里选的进行进一步的配置三、选择项目的vu.
2021-08-09 15:31:40
699
1
原创 reduce——数组递归
arr.reduce(function(total, current,currentIndex,array){ return total.children[current];},[initialValue])total:每一项return的结果current:循环的当前项currentIndex:循环的当前项的下标值array:(调用 reduce 的数组)initialValue:不是必须的,循环的初始值,即第一次调用回调函数的第一个参数。如果目标数组(arr)为空.
2021-08-02 20:52:33
1214
原创 better-scroll一直不生效的坑
better-scroll如果不起作用,可以从下面几点筛查原因:1.父元素包含子元素,父元素被初始化成better-scroll。子元素的高度一定要高于父元素,否则滚动不生效的。有一点要注意,就是初始化better-scroll的时候有可能子元素里面的内容还没有渲染出来,所以子元素的高度没有高于父元素,better-scroll不起作用2.这个坑我踩了几个小时终于发现哪里不对了!!!!!太坑了父元素被初始化成better-scroll,他的子元素只能有一个!!!!如果有多个,只对第一个子元素起作
2021-07-20 21:06:37
1227
2
原创 Promise的用法——页面存在多个ajax请求且请求有先后顺序时
//串行,异步函数之间有调用顺序new Promise(function(resolve,reject){self.initNEData(resolve,reject);console.log("success1");}).then(function(){return new Promise(function(resolve,reject){self.initNfvParam(resolve,reject);resolve("succ...
2020-09-05 09:37:42
653
原创 从后台获取字节流,然后前端实现下载并保存
场景操作过程:当我点击一个按钮时,页面发起服务器请求,后台返回一个字节流,然后弹出文件另存为的弹窗,直接保存第一部分主要讲如何从后端获取字节流,第二部分主要讲如何在获取完字节流后自动保存因为后台传回来的是字节流,所以不能用ajax方法(dataType没有能接受字节流的参数),要用原生的XMLHttpRequestvar xhr = new XMLHttpRequest();var fileName = “XXX”;//设置下载时候的文件名//要请求的Url和携带的参数var url =
2020-05-18 14:32:19
4309
原创 jquery+ajax+controller+springBoot 上传资源到指定文件夹
前端部分<input type="file" id="file" name="docfile" class="form-control required " accept="application/msword"/>var formData=new FormData();var file=$("#file")[0].files[0];formDa
2019-03-12 11:24:01
832
原创 jquery:为动态加载的元素添加点击事件
今天做毕设的时候发现,我为用jquery动态添加的元素添加点击事件的时候,居然没有反应,但是我的其他页面动态添加的元素却可以添加点击事件,然后我对比了一下,发现以下结论。不是动态加载出来的元素(自己输入的,如下图)<section id="catalog" class="col-md-3 col-xs-6 col-lg-3"> <ul> <li cla...
2019-03-09 23:32:54
1458
原创 浏览器兼容问题
浏览器兼容问题所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。 不同浏览器的标签默认的外补丁和内补丁不同(即默认的margin和padding不同)解决方法:1、在css中统一定义“*”(代表所有标签)* {ma...
2018-10-19 09:11:42
334
原创 AngularJS学习(五)——过滤器
angular过滤器:可以用一个管道字符(|)添加到指令或表达式中,进行筛选而且可以为表达式或指令添加多个过滤器内置过滤器:(1)currency:格式化数字或货币形式(2)lowercase:转为字符串小写(3)uppercase:字符串大写(4)orderBy:xxx——xxx是数组中某个属性,按照属性排序(5)filter:filter用来处理一个数组,filter的...
2018-09-20 16:16:00
278
原创 AngularJS学习(四)——路由angular-route.js
ng-route模块作为主应用模块的依赖模块——angular.module(“mainApp”,[“ngRoute”]);ng-view指令为当前路由把对应的视图模板载入到布局模板中,以下面的三个链接为例,每一个链接都一个对应的视图和对应的控制器。点击上面任意一个链接,向服务器请求的地址都是一样的(http://baidu.com),这是因为“#!”后面的内容在向服务器请求时会被浏览器忽略掉...
2018-09-20 15:37:01
1540
原创 AngularJS学习(三)——服务
服务——一个函数或对象,可以对外提供某种特定功能。可以在Angular应用中使用 内置服务:(一)$location返回当前页面的url用‘http://localhost/$location/21.2%$location.html#/foo?name=buuny#myhash’作为例子1、获取当前完整的url路径:$location.absUrl()——获取上面的整个url...
2018-09-20 15:34:43
251
原创 AngularJS学习(二)——表单
(一)<select>选择框 ng-options和ng-repeatng-repeat:mycar=[ {brand:"Benz",name:"奔驰"}, {brand:"BMW",name:"宝马"}, {brand:"Audi",name:"奥迪"}]&am
2018-09-19 23:44:07
237
原创 AngularJS学习(一)——指令
(一)有几个指令用的比较频繁:1、ng-model:用于双向数据绑定(应用程序数据和控制器中数据),在修改输入域的值时,Angular的属性的值也会跟着修改,{{ }}用于显示数据ng-model可用于表单认证:例子:<form name="myForm" ng-init="myText = 'test@runoob.com'"> <label>...
2018-09-19 23:33:38
314
原创 Angular1.x学习
引入AngularJS库文件<script type=”text/javascript” src=”angular.min.js”></script>一般的js文件都是放在<body>的底部,为了优化应用加载时间 AngularJS的加载执行过程:HTML页面加载的时候,会触发加载页面包含的所有JS文件 找到ng-app,它是启动angular...
2018-09-19 23:26:22
927
原创 BOM窗口元素
表示窗口相对于屏幕左边和上边的位置IE,Safari,Opera,Chrome——screenLeft,screenTopFirefox——screenX,screenY(Opera,Safari和Chrome也同时支持这个属性,但Opera的screenX,screenY与screenLeft,screenTop并不对应)var leftPos=(typeof window.scr...
2018-08-28 22:15:43
293
原创 js操作DOM元素
一、添加节点(元素)创建节点:document.createElement(“p”);p或div创建文本节点:document.createTextNode;(“这是文本内容”)添加子元素:parent.appendChild(child);在指定子节点前插入新的子节点:child.insertBefore(child);创建属性节点:document.createAttrib...
2018-08-15 16:04:55
338
原创 js继承的几种方式
ECMAScript支持继承,而且其实现继承的主要是依靠原型链来实现一、原型链首先要弄清楚构造函数,原型和实例三者的关系!构造函数中有一个prototype属性是指向原型的,原型中有一个constructor属性是指向构造函数的(既构造函数和原型对象之间是互相指向对方的),实例对象中有一个[[prototype]]属性是指向原型的。由此可以看出,实例和构造函数之间并没有明确的联系,都是...
2018-08-13 23:02:32
221
原创 清楚浮动的方法总结(不断更新)
每一列浮动元素后,都要设置清除浮动元素进行float操作后,会使元素浮出文档流,使其所在的父级元素无法跟随浮动元素的高度而改变自身高度。所带来的问题就是浮动元素超出了父级元素的包裹范围,若后面跟随有文字、或浮动元素,则会造成布局混乱。高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷)方法一:给浮动元素的父级设置高度,解决了父级div无法自动获...
2018-08-08 17:10:34
256
原创 通过github展示作品
之前在网上看到有人将自己的作品放到github上,而且还能展示效果,觉得很神奇,今天学习了一下。之前一直想把自己写的页面放在网上,这样子去应聘的话,起码比没有作品展示的人要有优势!但是部署的话有些人是部署到阿里云,买个域名什么的,但是要收费,虽然说大学生是9块一个月,但我总觉得没有必要,我总不能每个月都去续费吧……都要吃土了Github有一个Github pages的功能可以搭建自己的个人...
2018-08-01 14:25:54
1022
原创 JS的单线程问题
昨天电话面试,面试官在问了一个关于setTimeOut()的问题,给我一个场景,在setTimeOut(func2,0)函数前有一个执行了3秒的函数func1(),那么func2会立刻执行吗?(我的回答是不会,先执行完func1()再执行func2()),然后面试官又换一个,把func1()放在setTimeOut()后面,同样设置时间0ms,那么func2()里面的函数会立刻执行吗?(我的回答是...
2018-07-30 17:04:06
521
原创 移动端web开发笔记(一)
我本来一直在开发PC端的网页的,但是看到很多招聘都要求要有移动端开发的经验,所以开始学习一下!先搞清楚两个概念,移动端web开发,web app开发1、 移动web开发(pc端的页面用手机浏览器打开)这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行...
2018-07-15 20:33:43
33674
4
原创 总结垂直居中和水平居中的方法
水平居中方法一:父元素:text-align:center;子元素:display:inline-block方法二:方法三:父元素:position:relative; 子元素:position:absolute;left:50%;transform:translateX(-50%);方法四:对于给定宽度的父元素,可以设置margin:0 auto;这是最简单的一个方...
2018-07-14 10:41:34
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人