ES6JavaScript对象方法Object.assign()
1   基本用法 Object.assign 方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。 var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, source1, source2); target // {a:
2019-10-24 11:30:38 前端
JavaScript
利用js实现 禁用浏览器后退
<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, do
2019-10-23 16:50:51 前端
JavaScript
Vue通过JavaScript生成验证码
<!-- Vue通过JavaScript生成验证码 --> <template> <div> <span class="checkCode" @click="createCode">{{ checkCode}} </span> </div> </
2019-10-04 13:20:23 前端
Vue
查询或者添加网址参数
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return
2019-10-03 15:24:58 前端
JavaScript
移动端适配和移动端媒体查询的一些尺寸参考
在xxx.html的head加上 /* width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例(几倍) minimum-scale=1.0:表示最小的缩放比例(几倍) maximum-scale=1.0:表示最大的缩放比例(几倍) user-scalable=no:表示用户是否可以调整缩放比例 */ <meta name=&q
2019-10-02 19:47:15 前端
css
响应式和自适应的区别
响应式 响应式是px从头写到尾 响应式是一套样式适应两端 用媒体查询去写有区别的地方 响应式是直接跨端从PC到pad到mobile 自适应 自适应是手机专版在不同手机上的适应(因为手机型号很多还区分android和IOS) 自适应一般都是用弹性的单位rem vw(这些单位可以自适应、或者自动缩放)等.根部(html)的font-size是在变 自适应就是各个元素的单位是固定的,只有根元素的字体大小
2019-10-02 17:37:33 前端
css
HTML中的表格
html中表格table的内容水平和垂直居中显示 #class td /*设置表格文字左右和上下居中对齐*/ { vertical-align: middle; text-align: center; } /*class 是所属的类*/ <div id="class" align="center" style="ma
2019-09-24 14:28:31 前端
html
使用ffmpeg合并视频
故事的背景是这样的: 有三个素材视频,名称分别为1.mp4、2.mp4、……\3.mp4。 然后我就去下载了ffmpeg。 ffmpeg下载地址:https://ffmpeg.zeranoe.com/builds/ 并且将解压后的文件的bin目录的位置加入到了环境变量PATH中。 然后在视频文件所在目录下新建一个文件filelist.txt,内容如下: file '1.mp4' file '2.m
2019-09-22 16:39:56 软件
ffmpeg
SSR订阅节点
SSR订阅 https://raw.githubusercontent.com/ssrsub/ssr/master/ssrsub https://github.com/ImLaoD/sub/raw/master/ssrshare.com https://raw.githubusercontent.com/AmazingDM/sub/master/ssrshare.com https://gitee
2019-09-05 12:26:29 资源
SSR
CSS常用片段
CSS 字体渐变 background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); -webkit-background-clip:text; -webkit-text-fill-color:transparent; css 超出文本换行 text-align: justify; text-justify: newsp
2019-08-26 13:36:44 前端
css
JavaScript常用代码片段
js 字符串中间隐藏变星 // 示例 plusXing('pianduan',2,2) // pi****an /** * 字符串隐藏部分变** * @param {*} str 需要隐藏的字符串 * @param {*} frontLen 头部明文长度 * @param {*} endLen 尾部明文长度 */ plusXing(str, fron
2019-08-26 12:53:06 前端
JavaScript
通过谷歌翻译插件简单实现多语言网站
Demo代码 直接保存访问就一目了然了,因为JS文件是直接从谷歌服务器引用的,所以在国内是加载不出来的,适合搭建外贸网站时来使用。 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8" /> <meta name=&
2019-08-08 16:54:48 前端
翻译
浏览器检测机型
检测PC端或者移动端 /** *检测PC端或移动端 */ if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { console.log("移动端"); } else { console.log("PC端&quo
2019-08-06 16:59:52 前端
JavaScript
英语学习
一、书籍 《找对英语学习方法的第一本书》 二、语言学习的原理: 二语习得论 三、二语习得论的核心: 有效输入 四、有效输入阶段: 种子阶段、发芽(成长阶段) 这两个阶段用到的资料是完全不同的资料。 1.种子阶段:通过直觉就可以知道单词、语法、时态、抽象概念的意思(不需要通过母语的任何参与) 2.发芽阶段:有完整的情感、有完整的接收能力。分级听力 五、材料网站地址 罗塞塔石碑: https://
2019-07-17 18:37:16 英语
英语
一段代码了解es6类
/** * 一段代码了解es6类 */ class 牛逼人 { 我是真牛逼啊() { console.log("不牛逼不行啊"); } } let 牛逼 = new 牛逼人(); 牛逼.我是真牛逼啊();
2019-07-12 13:22:10 前端
JavaScript
JS 开发常用工具函数
1、isStatic: 检测数据是不是除了 symbol 外的原始数据 function isStatic(value) { return (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'undefined' || value =
2019-07-10 11:03:02 前端
JavaScript
绘制表格-table
之前做页面都没有画表格的经历, 最近工作中有接触到, 刚好补了一下这方面的知识 结构 一个较完整的表格结构如下 <table> <caption>title</caption> <thead> <tr> <th>head</th> </tr> </thea
2019-07-02 14:00:02 前端
html
前端引入字体优化方案
1.先打开这个网站 https://onlinefontconverter.com/ 转换对应的字体,完成后下载. 2.打开这个网址 https://github.com/aui/font-spider/blob/master/README-ZH-CN.md 按照说明压缩字体大小
2019-06-14 18:54:39 前端
字体