前端

9月学习笔记-前端知识碎片

安稳与你 提交于 2020-01-01 02:50:18
工作笔记-知识碎片-2019-9 1.Echarts的cursor指向无效 原因:echarts使用canvas画图,使用行内样式设定canvas的 cursor:pointer; 解决:使用样式覆盖这个行内样式比如: .echarts canvas{cursor:pointer !important;} 2.轮播图片宽高自适应问题 效果图: 宽度为自适应屏幕宽度,有最小宽度,高度不管是设为固定px或百分比都会导致图片变形或被裁剪,所以应动态设定图片高度。 html: <div class="ty-carousel"> <el-carousel ref='ctest' :height="imgHeight+'px'" :interval='5000'> <el-carousel-item v-for="(item,index) in carouselData" :key="index"> <img ref="image" :src="item.src" alt=""> </el-carousel-item> </el-carousel> </div> style: .ty-carousel{ margin-bottom: 16px; } .ty-carousel .el-carousel__item img { width: 100%; height: auto; } .ty

程序员怒斥:阿里如此嚣张?为所欲为?谁让你动了我的浏览器

北战南征 提交于 2019-12-31 17:04:56
在过去,要洗一个人的脑是比较麻烦的一件事。比如一些保险、直销等等,要先把人骗去一些闭塞的地方,主持人说得口干舌燥,又唱又哭,或许也还未能将你洗脑成功。 而现在,洗一个人的脑何需那么麻烦,随着你的信息被越来越多的人掌握,随时被各种平台监控,这些比你自己还了解自己的利益资本,随时掌握着你的一举一动,更可以随时让你自己的大脑产生出他们所想要的数据。 移动时代,当我们的手机被各大资本家角逐的时候,我们的pc端浏览器也成了这些"流氓"的重要阵地。 近日,就有网友在互联网发帖怒斥到:阿里这么嚣张吗?可以监控修改个人浏览器的任何行为? 以下为爆料全文: 阿里是我见过最恶心的企业。刚刚才注意到,我的Chrome设置里显示我的浏览器”由贵单位管理”。点进去一看说我的Chrome现在处于被托管状态,企业管理员随时可以操作我的浏览器,给我安装任意应用、不让我用任意功能、监控我的一举一动。我心想你他妈的在说什么?由谁管理?我自己家里的个人电脑、个人账号交给了什么组织托管? 我赶紧一顿查policies,又查注册表,最后确认是阿里系软件恶意安装了个插件,直接托管了我的浏览器。他妈的好大胆子???真的当自己能为所欲为?? 我查了下据说是最近chrome更新了,能显示出是否被托管了。也就是说,在我不知道的时候,阿里一直都拥有我浏览器、甚至整个pc的监控权和所有管理员权限。

Django 前端自定义标签tag

和自甴很熟 提交于 2019-12-31 14:25:55
eg:文章描述太长时,截取前几个字符,后面用[…]代替显示 1.在项目(user)下新建文件夹 templatags ,包含__init __.py文件,和自定义函数 导入下面代码: from django import template register = template . Library ( ) 2.前端模板关联起来,前端调用自己写的函数,在需要的页面 加入 {% load my_tag %} 3.效果如下: 来源: CSDN 作者: 挲love的成长积累 链接: https://blog.csdn.net/qq_32703491/article/details/103779717

前端学习之初级思考与三大框架的比较

我是研究僧i 提交于 2019-12-31 10:58:02
以前的开发都是随意的,没有思考我所用过的知识之间到底有什么区别和联系,现在我需要好好的看看和想想他们的区别与联系,特别是现在正在学习angularjs,之前没使用过,等我把angularjs学习之后再来写一次博客。 1.js是一门语言。JS决定网页行为,html内容,css布局样式 2.Ajax是一门技术。AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),本质上是通过javascript与后台语言交互,ajax是javascript的一个应用方向,主要是通过javascript异步访问服务器端的数据(通常是XML数据或Json数据),来实现无刷新更新页面内容,或提交信息。如果用jquery会很容易实现ajax。 3.Jquery是一个js框架(代码库)。jquery中有对ajax的实现。而且使用起来非常方便。也就是有人做好了很多功能,直接拿来用。比如实现Ajax。纯javascript,你可能需要些好多函数,来新建对象,捕捉事件,处理异常等。但用jQuery,你只要按规则调用一个方法就行。当然,jQuery还有很多其他功能,详见jquery手册。 4.Bootstrap,是目前受欢迎的前端框架,基于HTML、CSS、js开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷

前端的发展和未来趋势(转载)

☆樱花仙子☆ 提交于 2019-12-31 03:10:22
本文由葡萄城技术团队于博客园原创并首发 转载请注明出处: 葡萄城官网 ,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 前端技术的发展日新月异,过一段时间就会出现新的框架、工具、插件,伴随着十几年的发展,前端领域已经告别了野蛮生长的时期,越发表现出成熟和现代化,引领了整个技术行业的潮流,那么让我们在文中过一遍前端发展中一些重要的节点。 前端是什么? 针对浏览器开发,代码在客户端浏览器运行。 前端“三剑客” 这里提到的“三剑客”指的不是某公司出品的三个产品,而指的是在前端开发过程中用到的三种技术:HTML、CSS、JavaScript。 HTML: 是HyperText Markup Language的缩写, HTML是前端开发的基础,用户看到网页中的结构和基础样式都是由HTML来提供的,目前HTML的标准已经于2014年被推进到了HTML5。 CSS: 是Cascadeing Style Sheets的缩写,它能对网页中的元素位置、排版、外观进行精准的像素级控制,能够为用户提供更丰富的网页样式呈现。 JavaScript: JavaScript 一个客户端脚本语言,作为一个弱类型语言,它能为网页用户增加一些有限的动态交互效果。 小前端时代 随着JavaScript被发明,前端开发进入了小前端时代,那么JavaScript为什么会被发明出呢? 1995年

关于 2020 年的前端趋势预测

隐身守侯 提交于 2019-12-30 23:42:08
  根据对前端发展现状的观察,和对一些已有调查的研究,前端开发者 Roberto Hernandez 在其个人<a href=" https://dev.to/blarzhernandez/5-front-end-predictions-and-trends-for-2020-327o">专栏</a>中对接下来的前端发展趋势做出了个人预测 。   <strong><strong>微前端——微服务的扩展</strong></strong>   这可能是近年来前端中的最新问题。今年,它确实获得了不少关注。Hernandez 认为,一个没有争议的预测是,到 2020 年,微前端将被越来越多的开发人员和公司接受和使用。   那么究竟什么是微前端呢?目前网络上对其普遍的定义是:“微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。”   微前端架构将继续受到关注,因为它有助于解决应用程序和组织复杂架构中的重大问题。   <strong><strong>前端框架——React.js 最受喜爱</strong></strong>   基于 Stack Overflow 和<a href=" https://www.oschina.net/news/112226/the-state-of-javascript

关于 2020 年的前端趋势预测

我与影子孤独终老i 提交于 2019-12-30 23:36:11
  根据对前端发展现状的观察,和对一些已有调查的研究,前端开发者 Roberto Hernandez 在其个人<a href=" https://dev.to/blarzhernandez/5-front-end-predictions-and-trends-for-2020-327o">专栏</a>中对接下来的前端发展趋势做出了个人预测 。   <strong><strong>微前端——微服务的扩展</strong></strong>   这可能是近年来前端中的最新问题。今年,它确实获得了不少关注。Hernandez 认为,一个没有争议的预测是,到 2020 年,微前端将被越来越多的开发人员和公司接受和使用。   那么究竟什么是微前端呢?目前网络上对其普遍的定义是:“微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。”   微前端架构将继续受到关注,因为它有助于解决应用程序和组织复杂架构中的重大问题。   <strong><strong>前端框架——React.js 最受喜爱</strong></strong>   基于 Stack Overflow 和<a href=" https://www.oschina.net/news/112226/the-state-of-javascript

2020年大前端发展趋势

流过昼夜 提交于 2019-12-30 22:53:08
迅速发展的前端开发,在每⼀年,都为开发者带来了新的关键词。2019 年已步⼊尾声,2020 年前端发展的关键词⼜将有哪些呢?发展的方向又会是什么呢?参考2019年大前端的发展,不出意外,前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开(可以参考2019年大前端技术趋势深度解读)。 小程序 在⼩程序⽅⾯,今年仍然是⼩程序突⻜猛进的⼀年,各⼤主流的 App 都上线了⼩程序能⼒的⽀持,各前端团队也都有了专⻔的⼩程序开发团队,以适应更快的⼩程序开发需求。同时App 中很多关键的功能都被⼩程序所替代,甚⾄有些 App 已经变成 Native ⼩程序壳,上层的应⽤实现全部是⼩程序。 在微信小程序出现以前,大家在谈 Hybird、ReactNative,但终归只是技术层面的狂欢,始终没有业务属性的注入。小程序的出现,一方面告诉业界在当前设备上 Webview 也没差到哪去,另外一方面告诉业界如何让有能力的商家在超级 APP上进行私域运营。 另一方面,从技术角度说,在上层 DSL 的严格限制下,超级 APP 就可定义符合自己诉求的 Web 标准,弥补当前 Web 标准的不足,最后和客户端配合,结合离线、预加载、定制Webview 能产出类似于 NSR 等各种酷炫的技术模型,让 Web 在端内低成本达到 Native 版的体验,端外也不会像 Weex

前后分离中跨域问题

两盒软妹~` 提交于 2019-12-30 20:16:01
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 前后分离中跨域问题 前言 现在开发中,前后分离已经成为主流开发模式。通常我们后端只负责写接口,前端实现接口调用和页面设计就好了。这样的话,后端开发 人员也就轻松很多了。原来的还要开发界面,对于后端人员来说就痛苦了。 问题 在开发过程中,我们前端接口调用的时候,后端地址和前端地址不一致的情况,如果浏览器访问的话,就存在浏览器的同源策略限制,导致接口调用失败。那这就是跨域问题导致的。 跨域: 当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域,不同域之间的网络请求就会触发跨域问题。跨域并不是请求发不出去,请求能发出去,服务端能收到请求并正常返回结果,只是结果被浏览器拦截了。 解决问题 解决跨域问题就从二个方便考虑。前端解决和后端解决。 前端解决方案 现在大家都是vue开发前端界面,接口调用就是axios了。前端就可以通过配置来进行前端跨域请求。 找到项目中 Axios 封装的文件,在 Axios 创建时增加属性 withCredentials: true : 这样,就设置为true就可以让axios请求跨域接口了。完成配置: const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, withCredentials:

前端新人的面试经验

人走茶凉 提交于 2019-12-30 04:14:21
双非本科,通信工程,算是转到IT行业这边的了。从大二暑期正式开始学习前端,想想已经一年的时间了。期间经历了很多,从迷惘到清晰,从艰难自学到找到实习,从备战秋招到找到工作。能经历的我都经历过了。来说说那些【前端工作者】的艰辛与欢乐。 开始自学前端 电话面问题不多,但是十分考验对相关知识熟悉程度,面试官是 P7(不理解这个就去百度吧) 大二暑期留在学校,一边参加数学建模培训,一边自己学习前端的基础。由于之前学习过一些HTML和JS的基础,我就直接开始学习jquery了,跟着李炎恢老师的JQuery教程学习,算是入了门。学习了BootStrap框架。 暑期就跟着视频学习,做了两个小项目。期间出现问题怎么办,能怎么办,就各种百度解决,看博客,逛社区。在现在看来,当时就是没有学会走就想着跑。自己之后在JS基础这里吃了很多亏。 跟着实验室开始做项目 实验室老师让做一个物联网平台,于是我们就凑吧凑吧,成了一个team,有前端,后台,移动端,嵌入式。 所以建议之后的学弟学妹,如果你们学校有实验室,去一去,自己潜心学习,加上良好的氛围,进步会很大的。这个项目就让我真正开始学习到前后台交互,数据格式处理,浏览器渲染和兼容性问题的处理。 春招(实习) 寒假荒废了一个寒假,没有想到,刚开学的开始,就是各大厂开始招聘暑期实习了,当时简历也没做,知识也没有复习,整个就是懵逼状态。然后随即开始赶超。