
web前端
Super苹果核
这个作者很懒,什么都没留下…
展开
-
苹果字体对应font-weight大小
字体粗细:'font-weight'属性名称: font-weight取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始: normal适用于: 所有元素继承: 是百分比: (不适用)媒介: 视觉计算值: 详见描述动画: -'font-weight'属性执行字体中字形的重量,这取决于黑度等级或笔划粗细。其值的意义如下:100至900.原创 2020-06-03 09:40:07 · 3798 阅读 · 0 评论 -
js获取用户ip
该方法来自于github,地址:https://github.com/diafygi/webrtc-ips//get the IP addresses associated with an accountfunction getIPs(callback){ var ip_dups = {}; //compatibility for firefox and chrome...原创 2019-11-05 17:49:25 · 992 阅读 · 0 评论 -
Vue-cli项目中使用stylus、scss、less、axios、代理、环境变量、svg
vue中使用stylusnpm i stylus -Snpm i stylus-loader -Svue中使用scssnpm i node-sass -Snpm i sass-loader -Svue中使用lessvue-cli构建的项目默认不支持less,需要手动配置//安装项目依赖npm i less less-loader -S//配置webpackmodule...原创 2019-08-26 09:51:34 · 485 阅读 · 0 评论 -
样式文件-miniapp
document.querySelector('').showDevTools(true)html { -webkit-user-select: none; user-select: none; height: 100%; width: 100%;}body { cursor: default; -webkit-user-select: no...原创 2019-08-08 16:08:37 · 22758 阅读 · 0 评论 -
git的基本使用及常见问题
创建git仓库登录github,点击右上角头像,选择Your repositories .点击New,输入Repositories name ,输入Description,勾选Initialize this repository with a README。点击Create repository创建完成后,我们就得到了仓库的https以及SSH的地址:https地址:https:/...原创 2019-07-03 13:28:04 · 439 阅读 · 0 评论 -
纯css加载指示器-仿苹果
html结构<div class="loading"> <div><div></div></div> <div><div></div></div> <div><div></div></div> <div><...原创 2019-06-18 17:57:58 · 465 阅读 · 0 评论 -
js 通过 blob 类文件对象下载图片,修改图片保存的名字(兼容式写法)
问题:通过a标签下载图片,只有谷歌浏览器和火狐浏览器才支持通过iframe的方式下载图片的时候,不能够修改图片的名字。解决思路:1、因为图片地址是跨域的,所以先要转成 base64 数据流2、然后把 base64 转换成 blob对象3、然后判断浏览器的类型,选择不同的方式把 blob 文件流下载到本地转换成base64的方法convertUrlToBase6...转载 2019-06-11 09:38:49 · 4942 阅读 · 0 评论 -
网站播放视频较慢,利用mp4转m3u8解决
项目最近需要在网站播放mp4视频,第一印象自让是使用h5的video标签。这个比较方便,生成视频地址作为video标签的src值即可。在本地播放还好,但是上传到服务器上比较慢,更何况服务器在国外,加载时特别慢,好几分钟。解决办法由2各种:1. 将mp4切分为多个小mp4文件,src作为动态传值,循环小mp4的列表。主要是监听end事件,回调里面把video的src改成列表的下一个。...转载 2019-06-04 11:23:01 · 10285 阅读 · 0 评论 -
css制作加载指示器
html结构<div class="loader-inner line-spin-fade-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <...转载 2019-05-13 16:48:15 · 255 阅读 · 0 评论 -
canvas合并图片并保存
drawImg:function(){ var w = document.documentElement.clientWidth || document.body.clientWidth; var h = document.documentElement.clientHeight || document.body.clientHeight; h-=...转载 2019-03-12 15:11:54 · 857 阅读 · 0 评论 -
HTML中include file的用法
&amp;amp;lt;!-- #include file=&amp;quot;a.html&amp;quot; --&amp;amp;gt;该文件是带有 #include 命令的文档所在目录的相对路径。被包含文件可位于相同目录或子目录中;但它不能处于带有 #include 命令的页的上层目录中。&amp;amp;lt;!-- #include virtual=&amp;quot;b.html原创 2019-01-08 14:48:27 · 20901 阅读 · 0 评论 -
HTML字符实体引用
HTML实体常用于生成那些键盘上没有的印刷字符,比如€、∞、≠、©等等。HTML实体以和号(&)开头,分号(;)结尾,两者之间表示实体的字符串(或数字)。这里摘抄了国外一个比较完整的HTML实体表格作为个人的备忘,并分享给大家。来源地址:http://www.elizabethcastro.com/html/extras/entities.html---------每个...转载 2018-10-16 17:49:22 · 1634 阅读 · 0 评论 -
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()
网址及查询字符串中包含中文时,一般会进行url编码,常用的有三种编码方式esacpe、encodeURI、encodeURIComponent三种方式;无论网页的原始编码是什么,一旦被Javascript编码,就都变为unicode字符.1.escape()escape()实际上并不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。例如:escape...原创 2018-09-17 10:52:12 · 560 阅读 · 0 评论 -
html+css制作圆形进度条
使用html+css制作圆形进度条,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .circle-left{ wid原创 2018-03-15 10:31:22 · 5124 阅读 · 2 评论 -
button和&input type="button" 的区别
button标签定义和用法<button>标签定义一个按钮。在button元素内部,您可以放置内容,比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>控件 与<input type="button">相比,提供了更为强大的功能和更丰富的内容。<button>与</b...转载 2017-12-22 17:22:35 · 479 阅读 · 0 评论 -
call、apply、bind的区别
call()var a = { user:"Super苹果核", fn:function(){ console.log(this.user); //Super苹果核 }}var b = a.fn;b.call(a); 通过在call方法,把b添加到call方法的第一个参数的环境中,简单来说,this就会指向那个对象。call方法除了第一个参数以外转载 2017-09-19 17:47:20 · 505 阅读 · 0 评论 -
问题总结
1.如果下列的公式成立:78+78=123,则采用的是_进制表示的。 解法1:看个位,因为下列选项都是大于8的,8+8=16,而等式右边个位为3,所以13进制,即进了1后剩下3 解法2:78+78=123为7x+8+7x+8=x^2+2x+3 解得x=132.程序猿小杨每天接老婆下班回家。小杨在6点准时下班从公司开车出发,由于路上可能存在的堵车情况,小杨到老婆公司门口的时间点均匀的分原创 2017-09-16 20:00:40 · 754 阅读 · 0 评论 -
基于jquery的bootstrap在线文本编辑器插件Summernote (转)
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器。Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox、Opera、Internet Explorer 9 +(IE8支持即将到来)。特点:世界上最好的WYSIWYG在线编辑器极易安装开源自定义初化选项支持快转载 2017-09-13 20:36:31 · 499 阅读 · 0 评论 -
清空input[type="file"]的值
由于安全机制的问题,input[type=’file’]的值不能使用js进行修改,所以不能像其他表单元素那样进行重置。经过查阅资料后使用如下方法进行重置:function resetInputFile(inputfile){ if(inputfile.value){ try{ inputfile.value=""; }catch(er原创 2017-09-08 10:21:03 · 3309 阅读 · 0 评论