![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端html
小肥喵大人
这个作者很懒,什么都没留下…
展开
-
CDN(script外连js等公共前端资源)
https://unpkg.com/ 前端常用公共CDN https://unpkg.zhimg.com/ 国内镜像,如果上面地址慢,国内可以使用该链接 使用方式(以提取Vue为例) 浏览器输入 https://unpkg.zhimg.com/vue/ ,服务端响应 vue近期稳定版本包,dist中有对应的js, 选择vue.min.js,访问到对应的js文件,将url复制出来,放入需要引用的地方即可 html中引用上面的vue地址 <script src="//unpkg.zhimg.com原创 2020-05-21 20:27:45 · 824 阅读 · 0 评论 -
nginx处理跨域
需求场景: 一、前端资源,部署于服务器 p1 二、后台请求资源,部署于服务器p2 那么问题来了,服务器域名、端口都不通,自然就存在跨域问题(主要是请求头的问题),有多种方式,这里列举一个说明一下,前端资源所在的服务添加代理请求 nginx部署 config server { listen 8080; server_name ...原创 2018-05-08 10:09:06 · 435 阅读 · 0 评论 -
axios下载excel文件
html下载文件 最简单的方式莫过于使用a标签赋予href下载,或者是window.open,但是却无法执行post请求、以及在request.headers中放置内容,以下提供一种方式,基于axios import axios from 'axios' axios.interceptors.response.use( response => { if(re...原创 2018-04-17 21:41:12 · 15576 阅读 · 2 评论 -
关于 iconfont 在pc上面部分浏览器中显示问题
icon font 字体图标库的问题 作为前端自定义字体图标库相信大部分人已经使用过了,列举下面一些个问题 自定义图标的时候尺寸控制 导出的图标在其他浏览器上面的尺寸不同 尺寸在倒入的时候自行控制,这个就不必多说了,耐心操作 主要说快速处理导出的时候在其他浏览器上面的问题 先说明一下当前的问题场景,入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的,不存原创 2018-02-06 16:33:03 · 12483 阅读 · 0 评论 -
浏览器input file 转换base 64
$("input[type='file']").change(function(){ //兼容ie浏览器,因为ie没有FileReader.readAsBinaryString if(this.files && this.files[0]){ fr.readAsArrayBuffer(this.files[0]); fr.onload = funct原创 2016-08-25 21:22:17 · 1259 阅读 · 0 评论 -
CSS media queries
CSS2/media 在CSS2中可以使用media属性可以使特定style只在指定媒体类型下其作用,比如页面有些部分需要在打印的时候隐藏或者变大,这时候可以使用media使某些style只在打印的时候生效 @media print { /* 适用于印刷的样式 */ } 常用的媒体类型有 all(所有),适用于所有设备。handheld(手持),用于转载 2015-12-24 09:51:21 · 289 阅读 · 0 评论 -
html css Media Queries
Media Queries 就是要在支援 CSS3 的瀏覽器中才能正常工作,IE8 以下不支援。而 Media Queries 的套用方法千變萬化,要套用在什麼樣的裝置中,都可以自己來定義。 ## 關於 Media Queries 到底什麼是 Media Queries ?一般我們在開發 HTML + CSS 網頁中,都會有一份 CSS 來控制網頁的樣式表。而隨著各式各樣不同大小、長寬與解析转载 2015-12-22 15:43:43 · 355 阅读 · 0 评论 -
html tabel colspan和rowspan
colspan和rowspan这两个属性用于创建特殊的表格。 colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显示如下: 单元格1 单元格2 单元格3 单元格4 该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将cols转载 2015-12-21 14:20:29 · 2491 阅读 · 0 评论 -
html中的js获取当前的页面是位于哪个容器中打开(pc,手机,微信...)
var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //转载 2015-11-24 20:41:52 · 760 阅读 · 0 评论 -
jqeury form 提交表单的问题(上传文件进度)
$("#ifrm").contents().find("form").ajaxSubmit({ data: { " + datos + " }, target: "#sbmt", forceSync: true, uploadProgress: function(event, position, total, percentComplete) { a原创 2015-11-05 14:16:34 · 2125 阅读 · 1 评论