前端HTML(二/三)

待补充一.字体标签字体标签包含:h1~h6.<font>.<u>.<b>.<strong>.<em>.<sup>.<sub> 1)标题标题使用<h1>至<h6>标签进行定义.<h1>定义最大的标题,<h6>定义最小的标题. 2)字体标签<font>(已废弃) 3)粗体标签<b> 或 <strong> (已废弃) 4)下划线标记<…

从0开始,构建前后端分离应用导航前端工程化(一)---工程基础目录搭建前端工程化(二)---webpack配置前端工程化(三)---Vue的开发模式前端工程化(四)---helloWord 通过前两部分的总结,项目具备了一个可以运行的前端工程.接下来的工作就是具体的功能开发了,我选择了Vue作为前端的框架,使用iView作为UI库. 建议在使用Vue开发之前一定要通读 Vue官网教程对Vue中的基本概念及整体的思想有一个基本的认识.最好的教程莫过于官方文档了,不要上来就各种百度,从一…

萌新接触前端的第三课——JavaScript

JavaScript概述一.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript 微软随后模仿在其IE3.0的产品中搭载了…

前端学习第三弹： JavaScript语言的特性与发展

前端学习第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用不该设计它 4.全局变量难以控制 5.自动插入行尾分号主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…

2017春前端自动化(二) 页面自动刷新、sass与css转换的使用、pxToRem直观转换

2017春前端自动化(二) 页面自动刷新.sass与css转换的使用.pxToRem直观转换引言: 此文要演示:浏览器页面自动刷新:移动端px与rem的转换,简单直观化:使用sass自动生成css进行编译,而不是借助于考拉工具; 顺便从头来一遍流程-- 建立如上图01所示的目录结构,层次明晰,便于日后管理. 快捷键进入当前文件夹,在此打开dos窗口输入:node -v,显示node版本,说明node之前已经安装好(之前已经介绍安装方法) 之后安装 cnpm,为了日后安装…

前端生成二维码 - Javascript生成二维码（QR）

前段时间项目中需要动态的生成二维码,经过评估,前后端生成都可以.但后端生成会有两个问题: 没有找到正规发布出来的后端开源库. 二维码图片,会随着商品的增加而不断变多. 基于以上两个问题,决定在前端生成二位码.当时使用的是 jquery.qrcode.min.js,可以在github上找到这个类库. https://github.com/jeromeetienne/jquery-qrcode 下面来介绍下这个类怎么来使用,先看下面这个例子.其中第10行调用方法qrcode来生成二维码. <!DOC…

6月29-7月5日成都uber优步司机第一/二/三组奖励政策明细

成都优步司机第一/二/三组奖励更新了,在写下文之前,我先吐槽一下:靠优步uber发财致富已成往事. 滴滴快车单单2.5倍,注册地址:http://www.udache.com/如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfryf/p/4612609.html 优步奖励低/不挣钱/怎么办?看这里:http://www.cnblogs.com/mfryf/p/4642173.html 打豪车应用:uber详细攻略(附100元优…

SpringBoot接收前端参数的三种方法

都是以前的笔记了,有时间就整理出来了,SpringBoot接收前端参数的三种方法,首先第一种代码: @RestController public class ControllerTest { //访问路径:http://localhost:8080/hello/5 @GetMapping(value = "/hello/{id}") public String hello(@PathVariable("id") Integer id){ return "I…

答案{{index==0 ? '一' : (index==1 ? '二':'三' )}}

答案{{index==0 ? '一' : (index==1 ? '二':'三' )}} …

Vue——前端生成二维码

与后端生成二维码相比,前端生成二维码更具有灵活性,下面就介绍两种前端生成二维码的方式,两种方式相比之下,vue-qr比qrcode多了一个再中间添加logo的功能. 方式一:qrcode npm npm install --save qrcodejs2 import import QRCode from 'qrcodejs2' 使用 <div class="qrcode" ref="qrCodeUrl"></div> <script&g…

微前端大赏二-singlespa实践

微前端大赏二-singlespa实践微前端大赏二-singlespa实践序介绍singleSpa singleSpa核心逻辑搭建环境 vue main react child 生命周期结论参考文章序介绍singleSpa singleSpa是一个javascript库它可以让很多小页面.小的组件.不通架构的前端组件在一个页面应用程序中共存. 这里有一个演示: (https://single-spa.surge.sh/) 这个库可以让你的应用可以使用多个不同的技术栈(vue.rea…

Web前端学习第三天（cookie 二）

HttpOniy Cookie机制在http层面传输cookie,当设置HttpOnly标志后,客户端脚本就无法读写该cookie.可以用此防止xss攻击获取cookie <?php setcookie(,time()+,);//设置普通cookie setcookie(,time()+,,); //第7个参数(这里是最后一个)是HttpOnly标志,0为关闭,1为开启,默认为0 ?> Secure Cookie机制 Secure Cookie机制指的是设置了Secure标志的Cookie仅…

从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之十二 || 三种跨域方式比较，DTOs(数据传输对象)初探

更新反馈 1.博友@落幕残情童鞋说到了,Nginx反向代理实现跨域,因为我目前还没有使用到,给忽略了,这次记录下,为下次补充.此坑已填 2.提示:跨域的姊妹篇——<三十三║ ⅖ 种方法实现完美跨域> 代码已上传Github+Gitee,文末有地址今天忙着给小伙伴们提出的问题解答,时间上没把握好,都快下班了,赶紧发布:书说上文<从壹开始前后端分离[ .NET Core2.0 +Vue2.0 ]框架之十一 || AOP自定义筛选,Redis入门 11.1>,昨天咱们说到了分布式缓存键…

web前端安全的三个关键点

一.浏览器的同源策略同源策略:不同域的客户端脚本在未经授权的情况下不能读写对方的资源. 这里有几个关键词:域.脚本.授权.读写.资源 1.同域要求两个站点:同协议.同域名.同端口.下表展示了所列站点与http://www.a.com是否同域的情况. 站点是否同域原因 https://www.a.com 不同域协议不同,http和https是不同的协议 http://map.a.com 不同域域名不同,map子域和www子域不同 http://a.com 不同域域名不同,顶级域名和ww…

Vue + Element UI 实现权限管理系统前端篇（三）：工具模块封装

封装 axios 模块封装背景使用axios发起一个请求是比较简单的事情,但是axios没有进行封装复用,项目越来越大,会引起越来越多的代码冗余,让代码变得越来越难维护.所以我们在这里先对 axios 进行二次封装,使项目中各个组件能够复用请求,让代码变得更容易维护. 封装要点统一 url 配置统一 api 请求 request (请求) 拦截器,例如:带上token等,设置请求头 response (响应) 拦截器,例如:统一错误处理,页面重定向等根据需要,结合 Vuex 做全局的…

web前端学习（三）css学习笔记部分（8）-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触

15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS(这两个已经不流行了),它采用了分支管理系统,它的设计目标就是取代CVS.互联网上很多版本控制服务已从CVS迁移到Subversion. TortoiseSVN是Subversion版本控制系统的一个免费开源客户端,可以超越时间的管理文件和目录.文件保存…

bp(net core)+easyui+efcore实现仓储管理系统——入库管理之二(三十八)

abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二) abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三) abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四) abp(net core)+easyu…

QQ群web前端分析二——第一印象

对QQ群WEB进行前端分析入口是 http://qun.qzone.qq.com/ 以下为第一印象,主要是从我的理解上找问题. --------------------------------------------------------------------------- 一.页面响应时间,有点长, 从2,5,8原则上考虑还有优化空间, 功能跳转上我也一直在想能不能往SPA单页应用程序上发展,不跳转,就完全局部刷新, 但是看若干知名公司的站点还是这种旧方式,......(不知道这个技术方…

前端知识(二)03-Webpack-谷粒学院

目录一.什么是Webpack 二.Webpack安装 1.全局安装 2.安装后查看版本号三.创建项目 1.初始化项目 2.创建src文件夹 3.src下创建common.js 4.src下创建utils.js 5.src下创建main.js 四.JS打包 1.创建配置文件 2.执行编译命令 3.创建入口页面 4.测试五.CSS打包 1.安装插件 2.修改webpack.config.js 3.在src文件夹创建style.css 4.修改main.js 5.运行编译命令 6.测试一.什么…

Eclipse+Maven创建webapp项目<一><二><三>

转-http://www.cnblogs.com/candle806/p/3439469.html Eclipse+Maven创建webapp项目<一> 1.开启eclipse,右键new——>other,如下图找到maven project Eclipse+Maven创建webapp项目<二> 1.开启eclipse,右键new——>other,如下图找到maven project 2.选择maven project,显示创建maven项目的窗口,此次不勾选Creat…

[前端笔记]第三篇:JavaScript

JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.代码存放位置 JavaScript代码应该存放在: HTML的head中 HTML的body代码块底部(推荐) 由于Html代码是从上到下执行,如果Head中的js代码耗时严重,就会导致用户长时间无法看到页面,如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已…