link 和script

2024-09-01

页面中<link>和<script>标签

在html中,经常肯定会有js,css的引入 <head> <title>MyHtml</title> <link rel="stylesheet" type="text/css" href="/css/common.css"/> <script type="text/javascript" src="/js/jquery.js"></scr

meta、link、script的常用写法

meta 设置编码格式 <meta charset='utf-8'> 设置关键字 <meta name="keywords" content="音乐播放器 H5"> 设置描述 <meta name="description" content="用H5实现音乐播放器控件"> viewport 可以让布局在移动端的浏览器上更好的显示 width = device-width 布局宽度等于设备宽

将ant Design本地化，可通过link以及script直接引入html中使用

一直想着能本地化antd的,不用npm以及dva那么复杂的配置环境来开发,并且本地化以后对以后链接flask的模板渲染机制也能很好的结合.下面是具体的实现方法: 1.将react的相关链接引入: <script src="/static/react/react.min.js"></script> <script src="/static/react/react-dom.min.js"></script> <scr

用jq给link和script标签加随机的版本号（兼容IE5）

$("link,script").each(function(){ var t=Math.random().toFixed(4); /*var $tag=$(this).prop("tagName").toLowerCase();//获取当前元素的标签名 if($tag == "link"){ var $href=$(this).attr("href"); $(this).attr("href",$href

link标签和script标签跑到body下面，网页顶部有空白

用UltraEdit的16进制编辑模式查看代码,都是EF BB BF开头的,说明都是带BOM的.我手动的将所有文件转成UTF-8 without BOM.页面终于正常了.link,script标签乖乖的跑到head下面,网页顶部空白消失.oh yeah.这就是搞了2天的答案. 最后我在网上随便下载了知名php程序的utf-8版,发现都是UTF-8 without BOM的. 那么我们继续回头看看出现问题的现象就有答案了.“锘匡豢”在页面头部出现多次的原因是首页处理文件index.php requ

Using Script and Style Bundles【翻译】

遇到个MVC4中的bundles的问题,问了别人,由于不熟悉MVC4,始终问不到点子上,所以自己就翻译了下资料,搞明白了这个VS显示正常IIS显示异常的小问题,申明我翻译的很烂,不过共享出来或许会帮到人. Preparing the Example Application For thischapter, we have created a new MVC project called ClientFeatures using theBasic template option. We are g

JavaScript Madness: Dynamic Script Loading

Introduction I've developed some pretty seriously Javascript intensive sites, where the sheer quantity of Javascript on the page is so much that I worry about the load time for the page getting too big. Often large chunks of the Javascript code are o

js--script和link中的 integrity 属性

Notepad++插件Emmet和Python Script的安装

最近在做一个项目,涉及到大量的HTML.CSS代码的编写,手动写代码效率实在是低下.于是想搜索一下,有没有Notepad++插件可以支持自动生成的,果不其然还真有.Emmet,这款神器其实就是 Zen Coding 的升级版,它可以极大的提高代码编写的效率,并提供了一种非常简练的语法规则,立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发. Emmet支持多种编辑器,如Sublime Text 2,TextMate 1.x,Eclipse/Aptana,E

HTML渲染过程详解

无意中看到寒冬关于前端的九个问题,细细想来我也只是对第一.二.九问有所了解,正好也趁着这个机会梳理一下自己的知识体系.由于本人对http协议以及dns对url的解析问题并不了解,所以这里之探讨url请求加载到浏览器端时,浏览器对html的解析到呈现过程,后来经过几位道友分享,整理了一下url解析的过程,如下: 用户输入url地址,浏览器根据域名寻找IP地址浏览器向服务器发送http请求,如果服务器段返回以301之类的重定向,浏览器根据相应头中的location再次发送请求服务器端接受请求,处

07.LoT.UI 前后台通用框架分解系列之——轻巧的文本编辑器

LoT.UI汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui 上次说的是强大的百度编辑器 http://www.cnblogs.com/dunitian/p/5551701.html 这次说下简洁版而又不失功能的WangEditor 先看看效果基本上常用功能都有了,下面说下完整的demo: 前端案例: <!DOCTYPE html> <html> <head> <meta http-equiv=&qu

28个你必须知道的HTML5的新特性,技巧以及技术

崭新新的页面布局传统的: HTML5: 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src="path/to/image" alt="About image" /> <figcaption> <p&g

webpack 使用优化指南

前言本文不是webpack入门文章,如果对webpack还不了解,请前往题叶的Webpack入门,或者阮老师的Webpack-Demos. 为什么要使用Webpack 与react一类模块化开发的框架搭配着用比较好. 属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能. webpack使用内存来对构建内容进行缓存,构建过程中会比较快. 第3点我想稍微论述一下,如果看过我之前写的<如何写一个webpack插件(一)>,会发现,webpack会将文件内容存

h5面试题集合

一.闭包的理解: 使用闭包主要是为了设计私有的方法和变量.闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露. 闭包三个特性: 1.函数嵌套函数 ; 2.函数内部可以引用外部的参数和变量 ; 3.参数和变量不会被垃圾回收机制回收二.Cookie的弊端: cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的; 每个特定的域名下最多生成20个cookie;IE和Opera 会清理近期最少使用的cookie,

webpack使用优化（基本篇）

转自:https://github.com/lcxfs1991/blog/issues/2 前言本文不是webpack入门文章,如果对webpack还不了解,请前往题叶的Webpack入门,或者阮老师的Webpack-Demos. 为什么要使用Webpack 与react一类模块化开发的框架搭配着用比较好. 属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能. webpack使用内存来对构建内容进行缓存,构建过程中会比较快. 第3点我想稍微论述一下,如果

XSS的防御

基于代码修改的防御和SQL注入防御一样,XSS攻击也是利用了Web页面的编写疏忽,所以还有一种方法就是从Web应用开发的角度来避免: 步骤1.对所有用户提交内容进行可靠的输入验证,包括对URL.查询关键字.HTTP头.POST数据等,仅接受指定长度范围内.采用适当格式.采用所预期的字符的内容提交,对其他的一律过滤. 步骤2.实现Session标记(session tokens).CAPTCHA系统或者HTTP引用头检查,以防功能被第三方网站所执行. 步骤3.确认接收的的内容被妥善的规范化,仅包

常用function() 收集

1.随机数生成函数(来源-微信支付demo案例) /** * * 产生随机字符串,不长于32位 * @param int $length * @return 产生的随机字符串 */ public static function getNonceStr($length = 32) { $chars = "abcdefghijklmnopqrstuvwxyz0123456789"; $str =""; for ( $i = 0; $i < $length; $i+

head标签详细讲解

head标签详细讲解 head位于html网页的头部,后前的标签,并以开始以结束的一html标签. Head标签位置如图: head标签示意图 head包含标签 meta,title,link,base,script等常用标签.点击这里了解一下吧 head包含的标签说明 title是网页唯一标题标签 -title标签 base是网页默认打开方式声明标签 base link是一个链接标签,包括外部css文件引用.js文件引用.favicon.ico图标引用等作用 link介绍 meta包含广泛的内

dedecms功能性函数封装(XSS过滤、编码、浏览器XSS hack、字符操作函数)

dedecms虽然有诸多漏洞,但不可否认确实是一个很不错的内容管理系统(cms),其他也不乏很多功能实用性的函数,以下就部分列举,持续更新,不作过多说明.使用时需部分修改,你懂的 1.XSS过滤. function XSSClean($val) { global $cfg_soft_lang; if($cfg_soft_lang=='gb2312') gb2utf8($val); if (is_array($val)) { while (list($key) = each($val)) { if

关于大型网站技术演进的思考（二十一）--网站静态化处理—web前端优化—下【终篇】（13）

本篇继续web前端优化的讨论,开始我先讲个我所知道的一个故事,有家大型的企业顺应时代发展的潮流开始投身于互联网行业了,它们为此专门设立了一个事业部,不过该企业把这个事业部里的人事成本,系统运维成本特别是硬件采购的成本都由总公司来承担,当然互联网业务上的市场营销成本这块还是由该事业部自己承担,可是网站一年运维下来,该公司发现该事业部里最大的成本居然不是市场营销的开销,而是短信业务和宽带使用上的开销,是不是有点让人感到意外呢?下面我来分析下这个场景吧. 短信这块是和通讯运营商有关,很难从根本上解决,

link 和script

热门专题