流浪大叔-CSDN博客

转载学习Less

前言CSS的短板作为前端学习者的我们或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。而 CSS 作为一门标记性语言，可能给初学者第一印象就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可以说 CSS 短板不容忽视。问题的诞生往往伴随着技术的兴起，在 Web 发展...

2018-11-20 15:07:52 576

原创 js随机分组

var listall=[ {name:'1'},{name:'2'},{name:'3'},{name:'4'},{name:'5'},{name:'6'},{name:'7'}, {name:'8'},{name:'9'},{name:'10'},{name:'11'},{name:'12'},{name:'13'},{name:'14'}, ...

2018-09-18 21:27:16 3214 1

原创 js处理F5刷新，鼠标右键刷新

禁用： document.oncontextmenu = function (e) {//禁用鼠标右键 return false; }; document.onkeydown = function (e) {//禁用F5刷新 e = window.event...

2018-09-14 17:51:01 3064

原创 webpack --bundle.js压缩

1.控制npm版本，降版本至5.6.0npm install -g [email protected].下载 uglifyjs-webpack-pluginnpm i -D uglifyjs-webpack-plugin3.在webpack.config.js中添加const UglifyJSPlugin = require('uglifyjs-webpack-plugin');pl...

2018-09-05 10:58:54 1025

原创获取n个月后、几天后的日期

获取N个月后的日期： var months=6;//几个月后 var effectDate='2018年8月31日';//任意时间 var time=effectDate.replace(/年/g,"-").replace(/月/g,"-").replace(/日/g,""); var newTime=monthChange(time,months);//获取的几个月...

2018-08-31 11:09:55 485

原创 three.js笔记3--逻辑坐标系与画网格

1.坐标系thresJS使用的是右手坐标系。2.画网格<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Three框架</title> <script src="js/Three.js">&a

2018-07-12 15:40:48 845

原创 three.js笔记2--两点画线

点：可以用THREE.Vector3D来表示现在来看看怎么定义个点，假设有一个点x=4，y=8，z=9。你可以这样定义它：var point1 = new THREE.Vecotr3(4,8,9);另外你也可以使用set方法，代码如下：var point1 = new THREE.Vector3();point1.set(4,8,9);1、首先，我们声明了一个几何体geometry...

2018-07-12 15:15:26 4322 5

1、查看版本：在console中输入：THREE.REVISION查看。2、初始化：在Three.js中，要渲染物体到网页中，我们需要3个组建：场景（scene）、相机（camera）和渲染器（renderer）。var scene = new THREE.Scene(); // 场景var camera = new THREE.PerspectiveCamera(75, window.inn...

2018-07-12 15:02:16 135

转载 javascript event（事件对象）详解

1. 事件对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.事件通常与函数结合使用，函数不会在事件发生前被执行！2. 事件流2.1 事件流发展史事件发展史,这位大神已经写好了,...

2018-07-05 11:24:36 478

原创 js简单计算

取整parseInt(5/2)　　// 2向上取整,有小数就整数部分加1Math.ceil(5/2)　　// 3向下取整,丢弃小数部分Math.floor(5/2)　　// 2四舍五入Math.round(5/2)　　// 3取余6%4　　// 2...

2018-07-03 18:28:23 122

转载 js常用字符串处理方法

JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜索）。如果没有匹配项，返回 -1 。var index1 = a.indexOf("l");//in...

2018-07-03 18:24:08 429

原创 html/js调用本地邮箱发送邮件

用a标签：<a href="mailto:收件人邮箱?subject=test&cc=抄送人邮箱&subject=主题&body=内容">调用邮箱本地发送邮件</a>js发送：/*js调用本地邮箱发送邮件*/ function mailsome1() { var who = prompt("请输入收件人邮箱: ", "samp...

2018-06-13 15:05:59 26156 6

转载 js判断一个元素是否在数组中

转自：https://www.cnblogs.com/wqsbk/p/6739304.htmljs中存在一个数组，如何判断一个元素是否存在于这个数组中呢，首先是通过循环的办法判断，代码如下：var arr = ['a','s','d','f'];console.info(isInArray(arr,'a'));//循环的方式/** * 使用循环的方式判断一个元素是否存在于一个数组中 * ...

2018-06-13 09:51:13 5596

原创 js插入标签位置

<button onclick="innerHTML_()">innerHTML</button><div id="innerHTML">我是内容</div><button onclick="beforeBegin()">beforeBegin</button><

2018-06-12 14:55:43 2491

转载关于Warning: setState(...): Can only update a mounted or mounting component.

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.Please check the code for the xxx compo...

2018-06-07 14:27:40 264

原创调用电脑摄像头拍照及下载

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>将canvas获取的图片下载到本地</title></head><body>&a

2018-06-06 16:11:18 1831 1

转载解决：用 WebStorm 开发小程序，格式化 CSS 时，数值和 rpx 之间被加了空格的 bug

解决方法：在 Sass 里定义一个函数，用于返回 rpx。代码：// 定义函数 rpx@function rpx($value) { @return $value * 1rpx;}// 调用 rpx.selector { width: rpx(100);}转发自：http://www.qianduan.org/post-471.html...

2018-06-05 16:57:12 6104 1

原创 react 获取城市定位及天气

index.html: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"></script> <script> window.BMap = BMap; </...

2018-05-09 09:44:24 3798

转载 MAC升级Nodejs和Npm到最新版

第一步，先查看本机node.js版本：node -v第二步，清除node.js的cache：sudo npm cache clean -f第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 "n"sudo npm install -g n第四步，安装最新版本的node.jssudo n stable第五步，再次查看本机的node....

2018-04-20 21:35:53 138

原创 npm使用遇到的问题

更新npm命令行运行：npm install -g npm全局安装npm命令行运行：npm install gulp -g局部安装npm命令行运行：npm install --save-dev gulp1.报错：npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/npm/node_modules...

2018-04-16 16:42:32 1293

原创 js数据输出过大，后台无法接收到数据

js数据输出过大，后台无法接收到数据上传文件的base64编码，若文件过大，会出现后台无法接收到任何数据的情况，此时，可更换传输方式，对原有json进行处理，JSON.stringify()处理后，再进行传输，即可。...

2018-04-16 16:34:18 1049

原创 Apache使用

打开终端，开启Apache:开启apache: sudo apachectl start重启apache: sudo apachectl restart关闭apache: sudo apachectl stop服务器文件路径前往Apache服务器的文件路径(/Library/WebServer/Documents)本地服务器地址http://127.0.0.1...

2018-04-16 15:44:38 429

原创 Mac下Nginx启动、重启和关闭

Mac下Nginx启动、重启和关闭1、Mac下Nginx的启动：1. cd usr/local/nginx/sbin 2. sudo ./nginx 2、Mac下判断配置文件是否正确1. cd /usr/local/nginx/sbin 2. sudo ./nginx -t 3、Mac下重启Nginx1. cd /usr/local/nginx/sbin 2. sudo ....

2018-04-16 15:37:08 18778

原创在Mac上安装nginx

在Mac上安装nginx平台：Mac系统：10.11.11. 安装Homebrew2. 安装Nginx3. 启动Nginx4. 配置JSON文件5. 配置Nginx6. 展现成果1.安装Homebrew打开终端，输入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"跟着...

2018-04-16 15:33:15 190

原创 signature-h5使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5签名</title> <style> #signature, #someElement {

2018-04-13 17:53:48 606

原创文字逐个现实

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>文字逐个显示</title> <script> window.onload=function()

2018-04-13 17:46:57 124

原创正则校验

/*正则校验：只能输入中英文*/function checkedChineseAndEnglish(ele) { var regular = /^([A-Za-z]|[\u4E00-\u9FA5])+$/; if (!(regular.test(ele))) { alert("只能输入中英文！"); }}/*正则校验：不能输入特殊字符*/functi...

2018-04-13 17:44:21 1719

原创将数字转换为中文大写

将数字转换为中文大写HTML代码：<input type="text" value="" placeholder="阿拉伯数字" onchange="chineseNumChange(this.value)"><div id="chineseNumber"></div>js代码： var chinese = {

2018-04-13 17:41:38 1789

原创 git使用遇到的问题

fatal: unable to access 'https://github.com' error:1407742E :ssl routines:ssl23_get_server_hello:tlsv1 alert protocol version报错为TortoiseGit版本未更新，更新版本即可

2018-03-05 16:59:50 169

转载 44 个 JavaScript 变态题解析

第1题["1", "2", "3"].map(parseInt)知识点:Array/mapNumber/parseIntJavaScript parseInt首先, map接受两个参数, 一个回调函数 callback, 一个回调函数的this值其中回调函数接受三个参数 currentValue, index, arrary;而题目中, map只传入了回调函数--parseInt.其次, par...

2018-03-01 17:51:00 166

转载 2017年前端面试题整理汇总100题

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素，相对于最近一级的定位不是 static 的父元素来进行定位。...

2018-03-01 16:46:43 4688

原创职场问答

1.关于自我介绍：介绍内容要与个人简历相一致。表述方式上尽量口语化。要切中要害，不谈无关、无用的内容。2.表述家庭情况：对于了解应聘者的性格、观念、心态等有一定的作用，这是招聘单位问该问题的主要原因。宜强调温馨和睦的家庭氛围。宜强调父母对自己教育的重视。忌：详细地罗列家庭人口。3.关于面试“你最崇拜谁”的回答：不宜说崇拜一个虚幻的、或是不知名的人。不宜说崇拜一个明显具有负面形象的人。所崇拜的人人最...

2018-03-01 16:20:13 163

原创前端测试题（1）

1.HTML标签理解：P:段落标签自动在前后添加空白。h1-h6：标题标签字体加粗大小逐渐减小。div：容器需有内容才显示。2.HTML标签使用方法：<p align: “left/right/center(对齐方式)” >xxx</p> 描述信息或某些文字段落。<h1>xxx</h1> 用于标题的显示。<div id=”xx” cla...

2018-03-01 15:44:25 930

原创样式处理2

/*隐藏input框上下箭头*/input::-webkit-inner-spin-button { -webkit-appearance: none;}input::-webkit-outer-spin-button { -webkit-appearance: none;}/*清除input默认样式*/input { -webkit-appearance:...

2018-03-01 11:36:27 127

原创样式处理

word-wrap: break-word; /*自动换行*/word-break: break-all; /*自动换行*//*保持文本不换行，超出部分已省略号显示*/.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}/*p标签首行缩进两个字符*/p { t...

2018-03-01 11:33:25 160

转载 HTML5 移动页面自适应手机屏幕四类方法

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网...

2018-03-01 11:30:56 444

流浪大叔的博客