Introduction to ECMAScript 6 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准。 ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等 搭建前端环境 Node 环境 什么是 Node.js (11,22)); // 当箭头函数一个参数时,可以省略 "()" var f2 = a=>a*10; console.log(f2(20)); Promise Promise 用来解决回调函数的嵌套问题 /person.js"; console.log(p.name, p.eat()); 重命名 export 和 import 如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题;为了解决该问题, ES6 提供了重命名的方法。
效果图 HTML代码 <!Doctype html> <html> <head> <meta charset="utf-8"> <title>图片层叠</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> <body>
如何设置透明度属性 1 2 3 4 5 6 7 8 filter:alpha(opacity=50); <! ,英文语句也没问题。 主要解决了长串英文的问题。) clip:默认值,将溢出的文本裁减掉 ellipsis:将溢出的文本用省略号(…)来表示 <string>:设置一个字符串用来表示溢出的文本 兼容性上,除了<string>外,其余两个属性兼容到了IE6+ overflow: hidden; /*隐藏溢出内容*/ text-overflow: ellipsis; 多行溢出 通过display: -webkit-box;可以实现多行溢出: 1 2 3 4 5 6
class Index extends wepy.page { components = { //为两个相同组件的不同实例分配不同的组件ID,从而避免数据同步变化的问题
同时,默认样式也会带来一些问题:比如,有些默认样式我们是不需要的;有些默认样式甚至无法去掉。 如果我们不需要默认的样式,这里就需要引入一个概念:CSS Reset。 有争议的地方在于,可能会导致 css 选择器的性能问题。 Normalize.css 上面的几种 css reset 的解决思路是:将所有的默认样式清零。
1.安装node、npm、cnpm apt install nodejs y apt install npm y node -v npm -v npm install cnpm -g --regist
最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。 同样是前端工程师,技术体系是相同的,工作年限也是相近的,为什么差别这么大?我在前端领域摸爬滚打也有五年了,如何跟上前端技术飞速更新的步伐,我认为学习方法一定要找对,一定要抓住要学习的重点。 现在是9102年了,这些问题老掉牙了。可是我要告诉你的是,掌握好这些老掉牙的基础,就是很重要。上层的技术可以变更的很快,基础变动很慢,投入时间学好基础,性价比很高。 我推荐几本值得购买的书给大家,《图解HTTP》、《JavaScript设计模式与开发实践》、《深入理解ES6》,《高性能JavaScript》。 Part.6 紧跟潮流 现在的前端技术体系更新十分迅速,想着要不要尝试用下Vue的事仿佛还在昨天,今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。
它主要是用来防止UI redressing 补偿样式攻击) XSS攻击 攻击过程: 主要是通过html标签注入,篡改网页,插入恶意的脚本,前端可能没有经过严格的校验直接就进到数据库,数据库又通过前端程序又回显到浏览器 先看个有意思的问题: A、B两个人分别在两个岛上,并且分别有一个箱子,一把锁,和打开这把锁的钥匙(A的钥匙打不开B手上的锁,B的钥匙也打不开A的锁)。 这就是公钥和私钥的问题了,答案比较简单,也对应了公钥和私钥在https中的应用过程。 考虑到这个问题,w3c在2015年4月份出了一个 Upgrade Insecure Requests 的草案,他的作用就是让浏览器自动升级请求。 6.Access-Control-Allow-Origin Access-Control-Allow-Origin是从Cross Origin Resource Sharing (CORS)中分离出来的
vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
如果后端接口没有设置 cors (跨域资源共享),可在前端解决跨域问题,在 vue.config.js 中配置代理: devServer: { client: { overlay
ES6前端技术 第一章:ES6入门简介 回顾: JavaScript 本章内容: JavaScript和ECMAScript的关系 ES的版本历史 浏览器兼容性 开发工具 为什么要学习ES6 1.ES6 是ES版本系列里面变化内容最多,具有里程碑意义 2.ES6加入很多新的语法特性,使编程更加简单、高效 3.ES6是目前前端公司比较流行的开发技术,比如说微信开发、支付宝小程序、前端页面等等 4.ES6是前端发展趋势 提建议 Stage1 征求意见 问委员会,行不行 Stage2 草案阶段 统一,弄个草案 Stage3 候选阶段 Stage4 定案阶段 第二节:IDE和浏览器兼容性问题解决 已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。 2.浏览器兼容性问题解决 http://kangax.github.io/compat-table/es6/ IE10+、Chrome、FireFox、移动端、NodeJS都支持 给用户看的,有的用户还使用旧的浏览器
ES6我没有学完,毕竟JS我也才过了一遍基础,其实我也就跟着B站的Pink老师的视频学了一下CSS和JS,而且是跳跃式的学习,毕竟我不是前端,估计也不会以前端为职业。 我学前端大概率就是从0-1搭建网站而已。 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。 一、let/const VS var JS一直都是使用var,var的弊端就是作用域问题。 而let声明的是块级作用域,这里主要解决了ES5里面if和for等没有块级作用域,引入let之后就可以解决这个问题,从而不需要依赖函数的作用域了。 ES6里面const用于定义常量。
第4章 缓存问题 4.1 缓存的产生 以上一节的案例为模板,使用IE9以下版本浏览器测试,有缓存问题; 原因: 在Ajax的get请求中,如果运行在IE内核的浏览器下, 其如果向同一个url发送多次请求时 ,就会产生所谓的缓存问题。 缓存问题最早设计初衷是为了加快应用程序的访问速度, 但是其会影响Ajax实时的获取服务器端的数据。 4.2 客户端解决缓存问题 产生缓存的问题就是 我们的客户端向同一个 url 发送了多次请求; 如果我们每次请求的url不同,那么,缓存问题就不会存在了; 我们可以在请求地址的后面加上一个无意义的参数 ,参数值使用随机数即可, 那么每次请求都会产生随机数,URL就会不同,缓存问题就被解决了; Math.random():返回 0–1 之间的随机数,包括 0 但不包括 1; 修改代码如下: var url
Element Plus前端组件库 大纲 Element Plus基本使用 容器布局 导航栏 字体图标 栅格布局 卡片 表单 数据表格 反馈提示 Element Plus基本使用 Element-UI 是基于 Vue 开发的一套UI组件库,提供丰富网页开发的组件,可快速开发网站,降低前端开发成本。 cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) 6、 style> 5、项目运行结果 导航栏 导航栏基础 官方文档: https://element-plus.gitee.io/zh-CN/component/menu.html#%E4%BE%A7%E6% template> <script> export default { name: "B" } </script> <style scoped> </style> 6、
但是最近又发现了一个开发环境Eric6,使用起来更加方便,但是安装比较麻烦。 网址:https://sourceforge.net/projects/eric-ide/files/eric6/stable/6.1.9/ 注意安装对应的版本,下载红色标注的文件,一个是Eric6的压缩包 解压Eric6压缩文件,把解压后的文件名改为eric6,然后把它拷贝到python的安装根目录下(D:\Python),再解压汉化包,把里面的文件都拷贝到eric6目录下,注意有同样的文件就全部替换。 复制完成后检查…Python\eric6\eric\i18n目录下文件eric6_zh_CN.GB.qm和eric6_zh_CN.GB.ts,以及eric6目录下文件install.py和install-i18n.py 4、配置Eric6并汉化 双击D:\python\eric6\eric\eric6_configure.py,配置信息 最后双击D:\python\eric6\eric\eric6.py
——高尔基《世界名言录》 遇到前端传递日期格式问题,我这边用@RequestBody接受前端传递的日期格式为:yyyy-MM-dd 我声明的变量为Date出现了Cannot deserialize value
前端常见问题分析 http://zoo.zhengcaiyun.cn/blog/article/common-question 在前端开发过程中,常常遇到各种各样的问题和坑点。 尤其是随着技术的不断发展和更新,新的问题也不断涌现。对于初学者而言,这些问题往往让人感到十分困惑和无助。 因此,本文将旨在探讨一些前端开发过程中常见的问题和坑点以及解决方法,帮助读者更加深入地了解前端开发,并解决实际工作中遇到的问题。 数据类型 数字 1. 图片 详细参考 https://developer.mozilla.org/zh-CN/docs/Web/API/setTimeout 竞态问题:异步的竞态问题也是开发中经常遇到的问题。 有的话胜出 还是分不出唯一的胜者的话,继续看来源,按作者、用户或用户代理来源的优先级,其中【作者】就是代码的你,【用户】就是站点用户,【用户代理】就是浏览器默认样式 ( 相关性+重要性 )*来源 有 6
image.png 今天在群视频中分享了我自己写的PPT《学习前端的思路问题》,这个PPT主要讲了以下四个问题: 一,前端的核心是学什么? html、js、css 理解前端的工作流程 前端开发,到底是在做什么? 二,你学会JS了,但动不了手是什么原因? 提升JS的路径 在工作中提升 为什么不建议新人通过脱产自学提升JS 然后以这个为题纲,用一个小时10分钟的时间,扩展开来讲了下新人在初入前端行业时,可能会遇到的方方面面的问题。 这个问题,其实是一个理解程度的问题。对于自己的JS,或是前端的水平,要有一个时间维度上的预期。把这个问题,替换为“自己一年工作之后,要达到一个什么样的前端水平”?我觉得是比较适合的。 三,就是你面对的前端开发任务,超出了你的能力范围。 对于前端的使用场景问题,一是技术方面的,二是业务方面的。
作者|observernote 原文|http://www.cnblogs.com/observernotes/p/4806218.html 图片问题的一些总结 前言: 之前个人对于图片的问题,一直还是显得不是很重视 所以趁今天这个不太忙的机会,打算对于图片的问题做一个简单地总结,也算是对之前没掌握到的东西的一个学习与备忘过程。 不过alpha透明的png8在ie6上的表现并不如人意,在ie6上,其半透明处会以全透明来显示,并且毛边严重。 png8+索引透明可以用来处理桌面端对于低版本浏览器的(ie6)的兼容问题,虽然采用背景杂边的方式只能解决部分锯齿问题,但总好过于无。ie6已然是很早之前的浏览器,本身对其的兼容就势必会牺牲一些东西。 还有关于体积更小,效果更好的WebP,以及对于这种图片方案与前端自动化工具的结合还没有纳入实践……嗯,搞不好哪天懒癌治好了就继续写了。 扫码下方二维码, 随时关注更多前端干货文章!
问题来了 1.为什么会出现模块化,以及各种模块化标准 移动端React开源项目,从零搭建的webpack脚手架 前端模块化出现是必定的,一个很复杂的应用不可能所有的内容都在一个文件中~ 模块化的历程: 在服务端,模块文件都存在本地磁盘,读取非常快,所以这样做不会有问题。但是在浏览器端,限于网络原因,更合理的方案是使用异步加载。 ES6最牛逼的地方,不仅支持了静态校验,可以同步异步加载,而且统一了前后端的模块化规范,Node和传统前端,都可以用这套规范。 使用Node.js作为中间件,同构服务端渲染单页面应用,以及做转发请求等操作 为了解决单页面应用的SEO问题 传统的SSR渲染是在服务端把代码都运行好了然后通过字符串都形式传给前端渲染 现在都单页面应用是只传输一个空的 3.前端拿到字符串和注水数据后,脱水渲染,然后js文件接管,这时候又是单页面应用的逻辑了~ 经过很久考虑才觉得应该写这5个问题,接下来的5个问题会在下周更新。