随笔分类 - 前端
摘要：国际化这个英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这个单词的最后一个字母 ##1. 为不同的语种都定制一份代码 优点：实现简单 缺点：变更需求麻烦，响应慢 ##2. 使用谷歌/微软的翻译API
阅读全文
摘要：###1.viewport viewport在移动页面中是相当重要的概念，引用两篇文章： 一篇真正教会你开发移动端页面的文章(一) 一篇真正教会你开发移动端页面的文章(二) ###2.如何根据psd稿件，设计页面 在上面的后一篇文章有详细的说明，主要是设置 viewport 中的缩放比例，以及 HT
阅读全文
摘要：1，组件名 官方推荐的组件名是 每个单词首字母大写（PascalCase） 或者 全小写用 - 连接（kebab-case） 。 在DOM中使用的时候， 改为全小写， 单词之间用 - 连接。 Vue.component('MyComponent', {})； 或者 Vue.component('my
阅读全文
摘要：.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video .ac3 audio/ac3 AC3 Audio .asf allpication/vnd.ms asf Advanced Streaming Format .au audio/basic AU Audio
阅读全文
摘要：###onwheel 事件在鼠标滚轮在元素上下滚动时触发。同样可以在触摸板上滚动或放大缩小区域时触发（如笔记本上的触摸板）。 ###onscroll 事件在元素滚动条在滚动时触发。滚动条必须存在，否则不会触发。无论以那种方式，只要滚动条滚动，事件都会触发。元素（节点）内部的内容区发生滚动，就会触发该
阅读全文
摘要：axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型。但是实际我们后端要求的 'Conten
阅读全文
摘要：原文地址： https://blog.csdn.net/u012207345/article/details/82744505 另参考： https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-orde
阅读全文
摘要：清理网站缓存的几种方法 meta方法 清理form表单的临时缓存 jquery ajax清除浏览器缓存 方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下: 方法二，直接用cache:false, 方法三：用随机数，随机数也是避免缓
阅读全文
摘要：for循环 一种最原始的遍历，自Javascript诞生起就一直用的 就是for循环，它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } forEach 从ES5开始 Java
阅读全文
摘要：⇠ 箭头类 符号UNICODE符号UNICODE HTMLJSCSSHTMLJSCSS ⇠ ⇠ \u21E0 \21E0 ⇢ ⇢ \u21E2 \21E2 ⇡ ⇡ \u21E1 \21E1 ⇣ ⇣ \u21E3 \21E3 ↞ ↞ \u219E \2
阅读全文
摘要：/* * @param str {string} 'yyyy-MM-dd HH:mm:ss ' * @return {string} */ function getAge(str){ var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/);
阅读全文
摘要：文档流(normal flow) position: static 该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top、right、bottom、left 属性无效。static是position的默认值。 position: relative 该关键字下，元素先放
阅读全文
摘要：当对盒子内的子元素应用float后，导致对象父元素内有高度，不能被撑开自使用高度。这是因为对子元素使用float之后，脱离了正常流，使得父元素没有高度导致的。 解决办法： 1.为父元素设置高度：适用于知道父级高度的情况，缺点是父级元素不能自适应 2.使用clear:both清除浮动：这里注意是在父元
阅读全文
摘要：原文：https://www.cnblogs.com/lovling/p/8000363.html 方法一, 利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE 方法二, 利用内外层嵌套, 模拟, 兼容所有浏览器, 相对于方法一比较麻烦, 使用时不能
阅读全文
摘要：tab1 tab2 condition info ul.tabNav{ ...
阅读全文
摘要：input与button等代码换行写，会有空隙， ff、chrome（IE上会屏蔽掉）会将代码中的换行或空格解析为“空文本节点” 去除之间的空隙有2种方法： ①将父级元素的字体设置为0px font-size:0px; ②两个标签代码写在一行中
阅读全文
摘要：#testDiv{ margin: 1.5rem 5rem 1rem 5rem; background-color: #ebf1fe; border: 1px solid #cdcdcd; padding: 1rem 1.5rem 2rem; position: relative; } ...
阅读全文
摘要：ECMAScript提供了3个特殊的引用类型Boolean、Number 和 String 作为 基本类型boolean、 number、 string 的包装类型。 1、Boolean var b = new Boolean(true); valueOf(): 返回基本类型值 true 或 fal
阅读全文
摘要：在 web 中经常需要处理文件，在此梳理一下。 1、file 文件（File）接口提供有关文件的信息，并允许网页中的 JavaScript 访问其内容。 通常情况下， File 对象是来自用户在一个 <input> 元素上选择文件后返回的 FileList 对象(<input type="file"
阅读全文
摘要：var ClassUtils ={ getClass:function(el) { return el.getAttribute('class') }, setClass:function(el, cls) { return el.setAttribute('class', cls) ...
阅读全文
浙公网安备 33010602011771号