3、跨域问题怎么出现的 开发一些前后端分离的项目,比如使用 SpringBoot + Vue 开发时,后台代码在一台服务器上启动,前台代码在另外一台电脑上启动,此时就会出现问题。 (3)常见错误解决 【question1:】 'err' is defined but never used (no-unused-vars) 这个问题,是由于 vue 项目安装了 ESLint 解决跨域问题 (1)step1:配置 baseURL 可以自定义一个 js 文件,也可以直接在 main.js 中写。 $axios = Axios // step3:使每次请求都会带一个 /api 前缀 Axios.defaults.baseURL = '/api' new Vue({ render: h = step3:修改 axios 使用方式 【App.vue】 <template>
如何设置透明度属性 1 2 3 4 5 6 7 8 filter:alpha(opacity=50); <! ,英文语句也没问题。 主要解决了长串英文的问题。) : hidden; /*隐藏溢出内容*/ text-overflow: ellipsis; 多行溢出 通过display: -webkit-box;可以实现多行溢出: 1 2 3 4 5 6 7 width *允许在单词内换行,更美观*/ text-overflow: ellipsis; display: -webkit-box; /*元素作为box伸缩盒子*/ -webkit-line-clamp: 3;
入门类 地址 前端入门教程 http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 jQuery基础教程 http://www.imooc.com/view/11 前端工程师必备的 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具
它主要是用来防止UI redressing 补偿样式攻击) XSS攻击 攻击过程: 主要是通过html标签注入,篡改网页,插入恶意的脚本,前端可能没有经过严格的校验直接就进到数据库,数据库又通过前端程序又回显到浏览器 先看个有意思的问题: A、B两个人分别在两个岛上,并且分别有一个箱子,一把锁,和打开这把锁的钥匙(A的钥匙打不开B手上的锁,B的钥匙也打不开A的锁)。 这就是公钥和私钥的问题了,答案比较简单,也对应了公钥和私钥在https中的应用过程。 1、客户端发送https请求,告诉服务器发将建立https连接 2、服务器将服务端生成的公钥返回给客户端,如果是第一次请求将告诉客户端需要验证链接 3、客户端接收到请求后’client finished 考虑到这个问题,w3c在2015年4月份出了一个 Upgrade Insecure Requests 的草案,他的作用就是让浏览器自动升级请求。
vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
如果后端接口没有设置 cors (跨域资源共享),可在前端解决跨域问题,在 vue.config.js 中配置代理: devServer: { client: { overlay
> </body> </html> css代码 :root { /** 白天样式 **/ --blue-background: #C2E9F6; --blue-border: #72cce3;
多年以来,垂直居中已经成为了 CSS 领域的圣杯,它同样也是前端开发圈内广为流传的笑话。原因在于它同时具备以下几条特征。 它是极其常见的需求。 从理论上来看,它似乎极其简单。 解决 下面用思维导图的方式为大家介绍“垂直居中”问题常见的解决方案: image.png 下载 思维导图下载地址: 本地下载 —— [ 文章最后编辑于:2017/03/04 ]
由此可见,CommonJS 最初是服务于服务端的,所以我说 CommonJS 不是前端,但它的载体是前端语言 JavaScript,为后面前端模块化的盛行产生了深远的影响,奠定了结实的基础。 CommonJS:不是前端却革命了前端! 当一个前端应用业务规模足够大后,这种依赖关系又变得异常难以维护。 综上所述,前端需要模块化,并且模块化不光要处理全局变量污染、数据保护的问题,还要很好的解决模块之间依赖关系的维护。 为了解决这个问题,后面发展起来了众多的前端模块化规范,包括 CommonJS 大致有如下几种: ? 的代码,找到 require 这个关键字,提取所有的依赖项,然后加载,等到依赖的所有模块加载完成后,执行回调函数,此时再执行到 require('a.js') 这行代码时,a.js 已经加载好在内存中了 3、
由此可见,CommonJS 最初是服务于服务端的,所以我说 CommonJS 不是前端,但它的载体是前端语言 JavaScript,为后面前端模块化的盛行产生了深远的影响,奠定了结实的基础。 CommonJS:不是前端却革命了前端! 当一个前端应用业务规模足够大后,这种依赖关系又变得异常难以维护。 综上所述,前端需要模块化,并且模块化不光要处理全局变量污染、数据保护的问题,还要很好的解决模块之间依赖关系的维护。 为了解决这个问题,后面发展起来了众多的前端模块化规范,包括 CommonJS 大致有如下几种: 1、AMD (Asynchronous Module Definition) 在聊 AMD 之前,先熟悉一下 的代码,找到 require 这个关键字,提取所有的依赖项,然后加载,等到依赖的所有模块加载完成后,执行回调函数,此时再执行到 require('a.js') 这行代码时,a.js 已经加载好在内存中了 3、
第4章 缓存问题 4.1 缓存的产生 以上一节的案例为模板,使用IE9以下版本浏览器测试,有缓存问题; 原因: 在Ajax的get请求中,如果运行在IE内核的浏览器下, 其如果向同一个url发送多次请求时 ,就会产生所谓的缓存问题。 缓存问题最早设计初衷是为了加快应用程序的访问速度, 但是其会影响Ajax实时的获取服务器端的数据。 4.2 客户端解决缓存问题 产生缓存的问题就是 我们的客户端向同一个 url 发送了多次请求; 如果我们每次请求的url不同,那么,缓存问题就不会存在了; 我们可以在请求地址的后面加上一个无意义的参数 ,参数值使用随机数即可, 那么每次请求都会产生随机数,URL就会不同,缓存问题就被解决了; Math.random():返回 0–1 之间的随机数,包括 0 但不包括 1; 修改代码如下: var url
——高尔基《世界名言录》 遇到前端传递日期格式问题,我这边用@RequestBody接受前端传递的日期格式为:yyyy-MM-dd 我声明的变量为Date出现了Cannot deserialize value
前端常见问题分析 http://zoo.zhengcaiyun.cn/blog/article/common-question 在前端开发过程中,常常遇到各种各样的问题和坑点。 因此,本文将旨在探讨一些前端开发过程中常见的问题和坑点以及解决方法,帮助读者更加深入地了解前端开发,并解决实际工作中遇到的问题。 数据类型 数字 1. 长度问题: function fn(a,b,c){ return a+b+c } fn.length // 3 一般来说fn的长度是形参的个数 但是形参有默认值就不同 function fn1(a 我根据个人的经验总结了 3 种方式: 1. Map 键值对是强引用,如有一个键被引用,那么GC是无法回收对应的值的,weakmap 不存在这样的问题,但要注意 weakMap 只能使用对象做 key。 3. 新请求发出的时候取消老的请求。
image.png 今天在群视频中分享了我自己写的PPT《学习前端的思路问题》,这个PPT主要讲了以下四个问题: 一,前端的核心是学什么? 提升JS的路径 在工作中提升 为什么不建议新人通过脱产自学提升JS 然后以这个为题纲,用一个小时10分钟的时间,扩展开来讲了下新人在初入前端行业时,可能会遇到的方方面面的问题。 这个问题,其实是一个理解程度的问题。对于自己的JS,或是前端的水平,要有一个时间维度上的预期。把这个问题,替换为“自己一年工作之后,要达到一个什么样的前端水平”?我觉得是比较适合的。 三,就是你面对的前端开发任务,超出了你的能力范围。 对于前端的使用场景问题,一是技术方面的,二是业务方面的。 使用场景包括但不限于,,1,约会;2,购物;3,碎片时间;4,约车啊,5,分类信息,等等。。。对于技术和业务之间的关系,就会有一个自己的体会。
作者|observernote 原文|http://www.cnblogs.com/observernotes/p/4806218.html 图片问题的一些总结 前言: 之前个人对于图片的问题,一直还是显得不是很重视 所以趁今天这个不太忙的机会,打算对于图片的问题做一个简单地总结,也算是对之前没掌握到的东西的一个学习与备忘过程。 png8+索引透明可以用来处理桌面端对于低版本浏览器的(ie6)的兼容问题,虽然采用背景杂边的方式只能解决部分锯齿问题,但总好过于无。ie6已然是很早之前的浏览器,本身对其的兼容就势必会牺牲一些东西。 还有关于体积更小,效果更好的WebP,以及对于这种图片方案与前端自动化工具的结合还没有纳入实践……嗯,搞不好哪天懒癌治好了就继续写了。 扫码下方二维码, 随时关注更多前端干货文章!
大厂技术 高级前端 大家好,今天给大家介绍一下,Web安全领域常见的一些安全问题。 ,而如果前端的请求是这样: GET xx/userinfo? </script> 2、用户点击后,该JS作为请求参数传给Web服务器后端 3、后端服务器没有检查过滤,简单处理后放入网页正文中返回给浏览器 4、浏览器解析返回的网页,中招! 常见的套路举例如下: 1、攻击者网页回帖,帖子中包含JS脚本 2、回帖提交服务器后,存储至数据库 3、其他网友查看帖子,后台查询该帖子的回帖内容,构建完整网页,返回浏览器 4、该网友浏览器渲染返回的网页 3、CSRF 攻击 CSRF,跨站请求伪造,其核心思想在于,在打开A网站的情况下,另开Tab页面打开恶意网站B,此时在B页面的“唆使”下,浏览器发起一个对网站A的HTTP请求。
问题来了 1.为什么会出现模块化,以及各种模块化标准 移动端React开源项目,从零搭建的webpack脚手架 前端模块化出现是必定的,一个很复杂的应用不可能所有的内容都在一个文件中~ 模块化的历程: 在服务端,模块文件都存在本地磁盘,读取非常快,所以这样做不会有问题。但是在浏览器端,限于网络原因,更合理的方案是使用异步加载。 arr[i]); } } return quick_sort(left).concat([pivot],quick_sort(right)); } var arr=[5,6,2,1,3,8,7,1,2,3,4,7 使用Node.js作为中间件,同构服务端渲染单页面应用,以及做转发请求等操作 为了解决单页面应用的SEO问题 传统的SSR渲染是在服务端把代码都运行好了然后通过字符串都形式传给前端渲染 现在都单页面应用是只传输一个空的 3.前端拿到字符串和注水数据后,脱水渲染,然后js文件接管,这时候又是单页面应用的逻辑了~ 经过很久考虑才觉得应该写这5个问题,接下来的5个问题会在下周更新。
在互联网时代,信息安全成为一个非常重要的问题,所以我们西部了解前端的安全问题,并且知道如何去预防、修复安全漏洞。 在前端有几种常见的攻击方式:XSS、CSRF、点击劫持、中间人攻击、SQL注入、OS命令注入。 XSS攻击 什么是XSS攻击? 攻击过程为1、用户登陆A网站;2、A网站确认身份;3、B网站向A网站发送请求 如何防御CSRF攻击? SCRF攻击有以下几种防范措施: 禁止第三方网站带Cookies 在前端页面加入验证信息 禁止第三方网站请求 Get请求不对数据进行修改 点击劫持 什么是点击劫持? 点击劫持是一种视觉欺骗的攻击手段。
undefined,所以运行到这里a和b都指向了对象{n:1,x:undefined}; var a = {n:1,x:undefined} ; var b = {n:1,x:undefined} ; 3、 它们在运行之后依然存在,并且引用次数永远不为0,如果这个函数被多次调用,就有可能引起内存泄漏问题。 为了解决循环引用的问题,还有一种方法就是可以实现垃圾回收,那就是标记清除法。 1.1.3 管理内存 使用具备垃圾收集机制的语言编写程序,开发人员一般都不必担心内存管理的问题。但JavaScript在进行内存管理以及垃圾收集时面临的问题还是有些不同。 1.2.2 手动解除变量的引用 var obj = {a:1,b:2,c:3}; obj = null; 1.2.3 使用回调 除了使用闭包进行内部变量访问,回调函数也有这个功能。
list: List }; data = { myNum: 50, syncNum: 100, items: [1, 2, 3, $emit('some-event', 1, 2, 3) // 触发组件中的自定义事件 this. $emit('childFun', 1, 2, 3) //$invoke 父组件向子组件发送事件: 使用import导入子组件后,在使用时可以直接通过 this. $invoke('子组件,必须要单引号括起来', '子组件方法名称', param1,param2,param3.......); 子组件间发送事件: this. $invoke('子组件的相对路径', '子组件方法名称', param1,param2,param3.......); 子组件的相对路径的理解: 当设置'./'即当前组件,'..