- 博客(95)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 js复制文本功能实现，适用于Android和IOS
首先文本只有选中才可以复制，所以简单的做法就是创建一个隐藏的input，然后绑定需要复制的文本。另外如果将input设置为 `type="hidden"或者display:none则无法选中文本，也就无法复制，可以设置position:absolute;left:-999px;来隐藏文本域。静态复制const copyInput = document.querySelector('#copyInput');copyInput.value = '需要复制的文本'；copyIn...
2020-05-27 11:50:41
494
1
原创 给静态文件加随机数或时间戳防止浏览器文件缓存
今天被同事指出一个bug，就是在静态文件中加时间戳是这样：<link rel="stylesheet" href="../css/main.css?v="+new Date().getTime()>这种写法当时也是在网上随便搜索下找到的，自己也没验证，后面自己在浏览器上检验了下果真有问题，就是后面的时间戳没有获取到，主要是由于获取时间戳的js代码执行，当然不执行，由于js代码在link中没有执行环境，不是在script标签内。所以后面改成如下方式：时间戳：<script
2020-05-22 11:57:12
712
原创 target=_blank为什么要使用rel=noopener
我们经常使用a标签用target='_blank'就完事了，是的，我曾经也是这么用的，直到今天测试一个在qq邮箱中用a标签在线打开一个文档时，就发现问题了，没有加rel='noopener',始终打不开文档，当加了此属性时就可以打开下载了。于是没办法只能瞅瞅该属性到底是个啥！当你使用target='_blank'打开一个新的标签页时，新页面的window对象上有一个属性opener，它指向的是前一个页面的window对象，因此，后一个页面就获得了前一个页面的控制权。比如的 a 标签是这...
2020-05-21 15:37:20
981
原创 HTML邮件兼容问题与解决方案
问题描述：今天给后端同学写了一个邮箱发送页面，由于之前没有这方面的经验，很多标签都是用最新的H5标签，样式也是很多C3样式，当时还考虑到IE低版本的兼容性，谁知道在浏览器中显示正常，在移动端显示就好像没有引入样式一样，反复查看代码感觉没啥毛病，最后在网上S了下，才焕然大悟。原来HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HTML 展示。简单来说就是目前很多流行的H5和C3标
2020-05-21 12:54:28
1973
原创 wx-charts 微信小程序图表插件
微信小程序图表插件（wx-charts）基于canvas绘制，体积小巧，支持图表类型饼图、线图、柱状图 、区域图等图表图形绘制，目前wx-charts是微信小程序图表插件中比较强大好使的一个支持图标类型饼图 pie 圆环图 ring 线图 line 柱状图 column 区域图 area 雷达图 radarwxcharts.js下载地址参数简介opts ...
2019-08-06 20:37:32
225
转载 Linux CentOS7 搭建node服务详细教程
这篇文章记录了“linux服务器的如何登陆”、“linux系统的目录结构”、“linux文件的基本属性”、“linux文件与目录管理”、“linux的磁盘管理”、“linuxVim文本编辑器的运用”、“linux Yum包管理器”、“安装及启动nginx”、“Linux源码编译器安装node.js”、"通过Filezilla实现本地Windows上传文件到Linux服务器/从Linux服务器下...
2019-06-26 09:53:40
193
转载 Linux常用命令
注：这是转载另一位博主的文章，感觉很全面，就转载下来，当笔记使用。端口监听查看：ss -tln查看TCP的listen的端口ss -tlnp查看哪些进程使用了监听端口防火墙：systemctl status iptables (或service iptables status)查看防火墙状态systemctl stop iptables(或service iptabl...
2019-06-25 09:16:23
159
原创 PM2简介
pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。主要特性：内建负载均衡（使用Node cluster 集群模块）后台运行0秒停机重载，我理解大概意思是维护升级的时候不需要停机.具有Ubuntu和CentOS 的启动脚本停止不稳定的进程（避免无限循环）控制台检测提供...
2019-06-24 18:49:15
210
原创 exports与module.exports,export与export default之间的关系
exports、module.exports与export、export default分别属于CommonJs模块和ES6模块规范，而这两种规范是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定...
2019-05-10 20:04:14
108
原创 阿里云中国省市县数据接口
省（全国各省）http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/100000_province.json市(以安徽为例)http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/340000_city.json县http://datavma...
2019-01-02 09:36:11
9102
6
原创 Webstorm和Sublime Text3常用快捷键
Webstorm:1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctrl + F12: 可以显...
2018-12-18 14:31:12
301
转载 搭建本地服务器方法合集
学习前端，搭建一个本地服务器用来测试代码还是很重要的，不仅可以避免使用Chrome浏览器时，出现不支持File协议的Ajax请求的大坑（Firefox是支持的），还能够用来测试移动端的情况。下面通过搜索互联网上的资料，总结了五个搭建本地服务器的方法。 1、SublimeServer 我平时使用的编辑器是Sublime text，而SublimeServer则是Sublime text的...
2018-10-25 14:20:35
581
1
转载 Ant Design 3.0.0 正式发布，大量修复和改进
Ant Design 3.0.0 正式发布，Ant Design 是蚂蚁金服开发和正在使用的一套企业级的 UI 设计语言和 React 实现。主要变化全新的色彩系统, 组件主色由 『#1...
2018-10-23 12:02:41
2146
转载 页面引入外部字体ttf，如何提取所需要的ttf字体或者加载过慢的解决方法
最近几天编写手机端的页面之后，文中需要华文行楷字体，在网上下载后，引入到了自己的前端页面,以为没有什么事了，继续码代码@font-face { font-family:huawen; src: url(./css/华文行楷.ttf); } body{ ...
2018-09-20 14:26:07
5773
转载 transform的高级用法
前面我们学习了css3的transform属性了，但是总觉得例子不够充分，不够具体，本文就是再次讲解css3的变形(transform)的用法和实例演示。 Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们...
2018-09-15 11:20:31
8224
转载 功能强大的最新HTML5实例
HTML5非常强大，今天我们再一次向大家分享8款功能强大的最新HTML5特效实例，包含菜单、图片、Canvas动画等，一起来欣赏吧。1、HTML5 Canvas画板画图工具 可定义笔刷和画布HTML5 Canvas还有一个比较实用的应用，那就是网络画板，这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5 Canvas画图工具就可以简单实现网络画图的功能，我们可以自...
2018-09-13 13:41:46
1167
原创 css 单行或多行多出文字加省略号
单行：overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行多行（2行以上）overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertic...
2018-07-24 15:50:57
323
转载 浏览器样式兼容之CSS hack技巧大全
原文链接点击打开链接兼容范围：IE:6.0+，FireFox:2.0+，Opera 10.0+，Sarari 3.0+，Chrome参考资料：各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+><]√√XXXX_√XXXXX\9√√√XXX\0XX√X√X@media screen and (-webkit-min-device-pixel-ratio:...
2018-04-17 11:08:54
255
原创 谷歌浏览器chrome的vuejs devtools 插件的安装
曾经用过AngularJs、ReactJs开发过项目，现在想学习学习VueJS来开发。正所谓工欲善其事必先利其器。现在我们先来安转chrome的vuejs devtools插件。安装方法1: 需正常打开chrome商店，搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用；方法2： github下载插件，npm包安装依赖，拖入浏览器扩展程序（...
2018-03-08 09:37:41
9264
2
转载 使用CryptoJS解决微信小程序用户信息解密
原文链接：https://www.cnblogs.com/cai-rd/p/6816849.html
2017-12-19 15:09:53
4334
转载 html的各种空格
本文转自:http://www.oicqzone.com/pc/2015083122336.htmlHTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（ ）在不同浏览器中宽度各异。
2017-11-29 15:55:13
403
原创 js工具处理之数字转大写格式
直接上码：input输入：57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false"/>转换方法 function numToHanzi(n) { var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁
2017-11-27 15:58:30
391
原创 js数组工具处理之合并相同字段分组
话不多说直接上码：以下是根据time进行分组的var tempList = [ { userImage: '', userName: '李测试', userWork: '前端', iPhone: '18516776220', time: '2017-11-17',company:"上海测试一公司"}, { userImage: '', userName: '刘测试'
2017-11-21 16:22:38
2381
1
原创 Mac 下安装Atom插件
工具：git git clone 命令node.js nom 命令atom安装以activate-power-mode插件为例cd ~/.atom/packagesgit clone https://github.com/JoelBesada/activate-power-mode.gitcd activate-power-modenpm install
2017-11-20 21:12:03
1993
原创 微信小程序 图片宽高自适应详解
微信小程序 图片宽高自适应1.以前将小程序图片宽度设置为屏幕宽度：imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth }) }2.现在：.imgClass{ width: 100vw;}解析： CSS3
2017-11-15 14:44:13
3012
转载 微信小程序获取手机号授权登录
小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1.getPhoneNumber这个组件通过button来实现（别的标签无效）。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。 2.在使用这个组件之前
2017-11-08 22:37:49
32284
转载 ECharts详解
$(function() { // 路径配置 require.config({ paths : { // echarts: 'http://echarts.baidu.com/build/dist' echarts : './plugins/echarts-2.2.7/doc/example/www/js'
2017-11-07 19:16:15
507
转载 Webpack安装、配置、按需加载
原文地址：http://www.cnblogs.com/skylor/p/7008756.html点击打开链接如果你：是前端热爱者 :)有JavaScript/nodejs基础会使用一些常用命令行，mkdir,cd,etc.会使用npm想对webpack有更深的认识，或许此时你恰好遇到关于webpack的问题那么，请继续阅读：什么是webpack，为什么
2017-08-31 13:15:37
2187
转载 react按需加载
原文链接：http://blog.csdn.net/mjzhang1993/article/details/54913942点击打开链接react-router webpack 按需加载，与路由权限控制说明当网站规模越来越大，通过webpack 打包后的 React 项目也会越来越大，这会导致首页渲染时间变长，影响用户体验，webpack 提供了一种按需加载
2017-08-31 10:11:42
1309
转载 react + redux 完整的项目
先附上项目源码地址和原文章地址：https://github.com/bailicangd... https://segmentfault.com/a/1190000007642740做React需要会什么？react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但
2017-08-30 15:49:13
371
原创 react之使用Context跨组件树传递数据
react推崇的是单向数据流，自上而下进行数据的传递，但是由下而上或者不在一条数据流上的组件之间的通信就会变的复杂。解决通信问题的方法很多，如果只是父子级关系，父级可以将一个回调函数当作属性传递给子级，子级可以直接调用函数从而和父级通信。组件层级嵌套到比较深，可以使用上下文getChildContext来传递信息，这样在不需要将函数一层层往下传，任何一层的子级都可以通过this.conte
2017-08-30 14:57:38
2646
转载 webpack 入门教程
最近在简书上看到一篇特别好的webpack的入门教程，因为好，所以收藏下，顺便推广下下。首先浏览一下webpack的配置文件：// 一个常见的`webpack`配置文件const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractText
2017-08-29 14:46:23
513
原创 react组件生命周期
记得刚开始学习react的时候看到react的生命周期，总是感觉是几行文字，总是想一笔带过，也没有认真理解它们的意思；知道现在用起来才后悔莫及呀。老是感觉分不清他们之间的意思。现在有必要把他们重新捡起来温习一遍。有道是温故而知新呀！组件的生命周期可分为三个部分：Mounting：已插入真实的DOMUpdating：正在被重新渲染Unmounting:已移除正式DOM生命周期的方
2017-08-24 15:11:46
238
原创 html 页面内锚点定位及跳转方法总结
第一种方法，也是最简单的方法是锚点用标签，在href属性中写入DIV的id。如下：div {height: 800px;width: 400px;border: 2px solid black;}h2 {position: fixed;margin:50px 500px;}to div1to div2to div3div1div2div3
2017-08-13 10:31:10
1781
原创 fetch获取本地json文件问题
写这个博客主要目的是有必要警醒一下自己，当然如果有其他猿有看到或许也能帮助下您。（也许其它大神在就知道了，恕小弟无知，才刚刚开窍）。问题很简单：上码（ header.jsx）fetchSelData = () => { fetch('../data/selectData.json') .then((res) => {return res.json()
2017-08-09 16:40:39
19662
1
原创 npm install -g create-react-app报错原因
首先的我的系统是win10，系统输入命令行是在win+r输入的；然后就报错：在网上找了很多原因，最终找到了：原因是需用系统管理员的权限打开cmd窗口：总结：在win8或者win10下，win+R不是以管理员身份来运行的。在开始菜单中选择command以管理员身份运行即可。
2017-08-07 09:18:21
4047
1
转载 Create-React-App创建antd-mobile开发环境
Facebook 官方推出Create-React-App脚手架，基本可以零配置搭建基于webpack的React开发环境，内置了热更新等功能。详细文档可前往链接：Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始：npm install -g create-react-app
2017-08-07 09:06:39
1497
转载 理解 JavaScript 的 async/await
因此文写的确实不错，所以直接转载过来。本文原创地址：https://segmentfault.com/a/1190000007535316#articleHeader2点击打开链接随着 Node 7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 c# 5.0 的语法中。C# 的 ...
2017-08-04 16:54:14
283
1
转载 react项目学习笔记四（redux和redux的中间件redux-thunk的认识）
一、Action的认识简单点说Action就是一个对象，一个必须带key为type的对象[value是自己定义的]，其他的key就根据用户自己喜好自己定义: 以下都是action的定义 1、{type:”ADD”}2、{type:”ADD”,key1:”“,key2:”“}二、Reducer的认识别主观意识就是类似数组中的reduce，也不是只能定义redu
2017-08-03 17:45:20
2366
原创 关于angularJs清除浏览器缓存的方法
浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。以下是传统的清除浏览器的方法meta方法//不缓存 清理form的临时缓存ajax清除缓存$.ajax(
2017-08-03 13:42:08
8425
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人