Super苹果核-CSDN博客

原创苹果字体对应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 3042

转载网页适配 iPhoneX

前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：适配之前需要了解的几个新知识安全区域安全区域指的是一个可视窗口范围，处于安全

2020-05-13 16:58:25 229

原创汉字转换

中文转Unicodefunction unicode(str) { var value = ''; for (var i = 0; i < str.length; i++) { value += '\\u' + left_zero_4(parseInt(str.charCodeAt(i)).toString(16)); } return value;}function left_zero_4(str) { if (str != nul

2020-05-09 15:01:00 27755

原创 Vue接收数据流，导出excel

/** * 下载文件用于excel导出 * @param url * @param parameter * @returns {*} */export function downFile(url,parameter){ return axios({ url: url, params: parameter, method:'get' , respo...

2019-11-06 13:50:46 686

原创 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 861

原创 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 425

原创 js遍历树形结构

现在假设有一颗这样树，（是不是二叉树都没关系，原理都是一样的）广度优先英文缩写为BFS即Breadth FirstSearch。其过程检验来说是对每一层节点依次访问，访问完一层进入下一层，而且每个节点只能访问一次。对于上面的例子来说，广度优先遍历的结果是：A,B,C,D,E,F,G,H,I(假设每层节点从左到右访问)。广度优先遍历各个节点，需要使用到队...

2019-08-20 17:00:54 5452

原创 linux安装nginx及jdk

#####linux安装nginx1.官网下载压缩包http://nginx.org/en/download.html2.解压压缩包tar -zxvf nginx-1.14.2 //这里选择解压在/usr/local目录3.安装nginx依赖项yum -y install gcc-c++ yum -y install pcre-develyum -y install zlib-de...

2019-08-19 16:18:31 330

原创样式文件-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 19714

原创 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 380

原创纯css加载指示器-仿苹果

html结构<div class="loading"> <div><div></div></div> <div><div></div></div> <div><div></div></div> <div>&lt...

2019-06-18 17:57:58 412

原创 ffmpeg中文文档

1简介ffmpeg [global_options] {[input_file_options] -i input_url} ... {[output_file_options] output_url} ...2描述ffmpeg是一个非常快速的视频和音频转换器，也可以从现场音频/视频源中获取。它还可以在任意采样率之间进行转换，并使用高质量的多相滤波器动态调整视频大小。ffmpeg从-...

2019-06-13 19:13:35 9424

原创 Windows安装配置ffmpeg

1.首先下载ffmpeg的windows版本https://ffmpeg.zeranoe.com/builds/2.解压下载的压缩包得到3.进入bin目录并获取路径4.配置环境变量，将bin目录路径加入到path环境变量到这里，ffmpeg的配置就差不多了，调用命令行（windows+R输入cmd）输入“ffmpeg –version”，如果出现如下说明配置成功...

2019-06-13 09:26:44 336 1

转载 js 通过 blob 类文件对象下载图片，修改图片保存的名字（兼容式写法）

问题：通过a标签下载图片，只有谷歌浏览器和火狐浏览器才支持通过iframe的方式下载图片的时候，不能够修改图片的名字。解决思路：1、因为图片地址是跨域的，所以先要转成 base64 数据流2、然后把 base64 转换成 blob对象3、然后判断浏览器的类型，选择不同的方式把 blob 文件流下载到本地转换成base64的方法convertUrlToBase6...

2019-06-11 09:38:49 4705

转载网站播放视频较慢，利用mp4转m3u8解决

项目最近需要在网站播放mp4视频，第一印象自让是使用h5的video标签。这个比较方便，生成视频地址作为video标签的src值即可。在本地播放还好，但是上传到服务器上比较慢，更何况服务器在国外，加载时特别慢，好几分钟。解决办法由2各种：1. 将mp4切分为多个小mp4文件，src作为动态传值，循环小mp4的列表。主要是监听end事件，回调里面把video的src改成列表的下一个。...

2019-06-04 11:23:01 9526

原创微信小程序：多选及单选组件

1.组件wxml：<view class="radio {{mode=='radio' ? 'circle':''}}" wx:for="{{sourceData}}" wx:key="index" bindtap='_clickHandle' data-index="{{index}}" data-value="{{item}}" ...

2019-05-29 13:41:26 2357 3

转载 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 210

原创 npm使用

1.查看全局安装的模块npm list --depth=0 -global2.删除全局安装的模块npm uninstall -g xxx3.查看npm配置信息npm config ls -l4.查看npm设置npm config -h5.查看npm源npm config get registry...

2019-05-09 16:13:19 130

原创 win10鼠标右键添加命令提示符打开

效果预览：步骤：1.首先我们按下win+R组合键打开运行窗口，输入regedit后回车打开注册表，然后依次在注册表找到HKEY_CLASSES_ROOT\Directory\background\shell，我们右键点击“shell”，选择“新建”-“项”，2.建立好以后，我们将新建的项名称命名为runasadmin，接着我们单击runAsAdmin，然后在右边用右键点击“默认...

2019-03-30 11:27:11 5442

原创 gulp 4.0初试

gulpfile.js// Load pluginsvar gulp = require('gulp');var sass = require('gulp-sass');var autoprefixer = require('gulp-autoprefixer');var browsersync = require('browser-sync').create();var relo...

2019-03-19 15:47:17 143

原创 H5开发，meta标签使用

<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang="en"> 标准的 lang 属性写法<meta charset="utf-8"> 声明文档使用的字符编码<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome...

2019-03-19 14:07:16 327

转载 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 801

原创 H5适配方案

(function(doc, win) { // 分辨率Resolution适配 var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clien...

2019-03-01 14:09:30 302

原创滚动加载案例

工具类var Util = { //事件节流 throttle:function(fn,delay){ var last = 0; return function(){ var curr = +new Date(); if (curr - last &gt; delay){ fn.apply(this, arguments); ...

2019-02-28 10:00:33 164

转载函数节流（throttle）与函数去抖（debounce）

文章来源：http://www.cnblogs.com/fsjohnhuang/p/4147810.html一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove...

2019-02-26 15:59:58 138

转载 js进行MD5加密（含中文）

开发时遇到前端MD5加密字符串与java后台加密结果不一致问题，经过联调发现是因为加密字符串存在中文，经过度娘查找到解决方案。文章来源：https://blog.csdn.net/weixin_42275932/article/details/81001616考虑可能是需要将中文转为utf-8function md5(string) { function md5_RotateLe...

2019-02-01 10:21:37 9006

转载软键盘挡住输入框问题的终极解决方案

文章来源：https://www.diycode.cc/topics/383前言开发做得久了，总免不了会遇到各种坑。而在Android开发的路上，『软键盘挡住了输入框』这个坑，可谓是一个旷日持久的巨坑——来来来，我们慢慢看。入门篇入门篇最基本的情况，如图所示：在页面底部有一个EditText，如果不做任何处理，那么在软键盘弹出的时候，就有可能会挡住EditText。对于...

2019-01-21 16:07:21 783

原创 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 20688

转载 HTML字符实体引用

HTML实体常用于生成那些键盘上没有的印刷字符，比如€、∞、≠、©等等。HTML实体以和号（&）开头，分号（;）结尾，两者之间表示实体的字符串（或数字）。这里摘抄了国外一个比较完整的HTML实体表格作为个人的备忘，并分享给大家。来源地址：http://www.elizabethcastro.com/html/extras/entities.html－－－－－－－－－每个...

2018-10-16 17:49:22 1449

原创 url的三个js编码函数escape(),encodeURI(),encodeURIComponent()

网址及查询字符串中包含中文时，一般会进行url编码，常用的有三种编码方式esacpe、encodeURI、encodeURIComponent三种方式；无论网页的原始编码是什么，一旦被Javascript编码，就都变为unicode字符.1.escape()escape()实际上并不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。例如：escape...

2018-09-17 10:52:12 477

原创 new Date()的浏览器兼容问题

使用new Date(str); 创建日期对象时：谷歌浏览器：火狐浏览器：IE浏览器：可以看到，在ie浏览器下生成的日期不合法，查阅资料后发现，ie不支持"-"，而"/"在各浏览器下均支持，故处理为var str = "2018-05-02 20:00:00";var dateStr = new Date(str.replace(/-/g,"/"));dateStr使用"/"进行连接，各浏览器...

2018-05-02 20:11:33 1182

原创 nodejs接收FormData数据

后台代码var express = require('express');// var bodyParse = require("body-parser");var multipart = require('connect-multiparty'); var app = express();var multipartMiddleware = multipart(); // app.u...

2018-04-19 15:01:07 17462 1

原创 jdk及android studio环境变量配置

安装完成android studio之后需要进行环境变量配置，为方便以后查看，做此纪录：一：Android SDK 环境变量配置sdk安装路径：E:\Android\Android\sdk1.增加环境变量值：变量名：ANDROID_HOME变量值：E:\Android\Android\sdk2.在Path环境变量里增加如下的内容：（与前一个用;隔开）%ANDROID_HOME%\tools%AND...

2018-03-17 13:53:01 2467

原创 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 5000 2

原创 javascript中function前面的符号的意思!

作为前端，我们经常会遇到这种函数写法：!function() {do something...}()~function(){do something...}()这样的写法是什么意思呢？众所周知，在js中可以这样创建一个匿名函数：(function(){do something...})()//或(function(){do something...}())匿名函数后面

2018-01-08 17:15:08 1895

转载 react-router路由配置

react-router是一个基于react的路由库，它可以让你向应用中快速的添加视图和数据流,同时保持页面与URL之间的同步。路由配置1. 不使用React-Router的情形import React from 'react'import {render} from 'react-dom'const About = React.createClass({...})co

2017-12-27 10:06:29 936

转载 button和&input type="button" 的区别

button标签定义和用法<button>标签定义一个按钮。在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。<button>控件与<input type="button">相比，提供了更为强大的功能和更丰富的内容。<button>与</b...

2017-12-22 17:22:35 444

转载对gulp-changed插件的一点思考

对gulp-changed插件的一点思考导语：最近看了下gulp-changed插件的源码，想对里面学习到的知识总结一下gulp-changed插件的作用，是用来过滤未被修改过的文件，只有修改后的文件才能通过管道。这样做的好处时，只处理修改后的文件，减少后续程序的执行时间。根据官方给出的例子：const SRC = 'src/*.js';const DEST = 'dist

2017-12-14 10:57:54 700

原创 App踩坑系列

1.项目导入-编译报错： Error: Failed to crunch file * * to * *错误原因：目录太长了，导致编译失败

2017-10-26 13:59:49 249

原创 nginx配置默认首页

第1步：找到自己系统nginx的安装目录，并在自己安装目录中找到“nginx.conf”文件。第2步：打开网站配置文件nginx.conf。第3步：如下面部分代码，检查是否有index行的代码，如果没有就按如下添加一行“index login.html;”(修改首页为login.html)，然后保存。 listen 80; index login.html; root

2017-09-28 10:44:03 48716

[HTTP权威指南].David.Gourley等

RSA加密算法

前端开发怎么将数据存在客户端本地,需要时一次性发送到服务器端