- 博客(139)
- 收藏
- 关注
RSS订阅转载 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 sta...
2019-05-01 11:20:00
127
转载 开发中一些常见的安全性问题
1 跨站脚本攻击(XSS攻击) XSS(Cross Site Scripting)，跨站脚本攻击。XSS是常见的Web攻击技术之一.所谓的跨站脚本攻击指得是:恶意攻击者往Web页面里注入恶意Script代码，用户浏览这些网页时，就会执行其中的恶意代码，可对用户进行盗取cookie信息、会话劫持等各种攻击.解决方案:(1) 输入过滤。永远不要相信用户的输入，对用户输入的数据...
2019-03-31 18:03:00
837
转载 CSS3 - - Media(css3媒介查询) 属性
语法结构及用法：@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}实际应用一判断设备横竖屏： /*这是匹配横屏的状态，横屏时的css代码*/ @media all and (orientation:landscape){} /*这是匹配竖屏的状态，竖屏时的css代码*/...
2018-09-03 20:52:00
192
转载 vue组件 $children,$refs，$parent的使用
如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？1）$refs首先你的给子组件做标记。demo ：<firstchild ref="one"></firstchild>然后在父组件中，通过this.$refs.one就可以访问了这个自组件了，包括访问自组件的data里面的数据，调用它的函数2）$children他...
2018-08-30 14:52:00
162
转载 网页的资源加载优化
移动开发中很重要的一块是资源的加载优化。移动开发由于网速低带宽，高延迟，移动设备小内存，低处理器性能的原因，因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期。前段时间做了相关方面的优化，发现网上的中文教程比较少，都是照着chrome开发者网站上一步一步看下来，找问题来解决，因此将部分有用的网页整理翻译了一下。一、查看网页加载速度网页加载时长受到网速影响，一般...
2018-08-28 23:26:00
111
转载 Object.prototype.toString的应用
使用Object.prototype上的原生toString()方法判断数据类型，使用方法如下：Object.prototype.toString.call(value)1.判断基本类型：Object.prototype.toString.call(null);//”[object Null]”Object.prototype.toString.call(undefined);/...
2018-08-26 18:20:00
103
转载 判断一个字符串中出现次数最多的字符，并统计字数
\1 等于 (\w)vars ='aaabbbcccaaabbbaaabbbbbbbbbb';vara = s.split('');a.sort();s = a.join('');varpattern = /(\w)\1*/g;varans = s.match(pattern);ans.sort(functio...
2018-08-19 17:10:00
137
转载 toString()和toLocaleString()有什么区别
偶然之间用到这两个方法然后在数字转换成字符串的时候，并没有感觉这两个方法有什么区别，如下：12345678vare=123e.toString()"123"e.toLocaleString()"123"是吧，并没有什么区别,上面的e是一个三位数...
2018-08-19 14:33:00
88
转载 响应式网站布局要适应的当下主流手机屏幕的各个版本的分辨率有哪些（media query）...
CSS宽有14种：320、360、375、384、400、414、533、600、768、800、853、1024、1280、1366CSS高有16种：360、480、533、568、569、600、640、667、720、736、768、800、853、960、1024、1280考虑到屏幕可能变为竖屏，那么综合一下共20种:320、360、375、384、400、4...
2018-06-21 14:19:00
253
转载 handlebars用法
为什么需要模板引擎关于前端的模板引擎，我用一个公式来解释 模板引擎 模板 + 数据 ========> html页面模板引擎就像是html的解析生成器，将对应的模板填充完数据之后生成静态的html页面。它可以在浏览器端（比如angular中指令所用的模板）也可以在服务器端执行，不过一般用于服务器端。因为它的一个作用是抽象公共页面来重用，如果在服...
2018-06-17 09:18:00
461
转载 BOM对象
一、window 对象BOM 的核心是 window 对象，它表示浏览器的一个实例。window 对象有双重角色，既是 JavaScript 访问浏览器的一个接口，又是 ECMAScript 规定的 Global 对象。1.全局作用域window 对象是在 ECMAScript 中作为 Global 对象的角色，所以在全局作用域中声明的变量、函数都会变成 window 对象的...
2018-05-18 15:36:00
89
转载 this.$route和this.$router的区别
做项目的时候发现传参数是通过 this.$route.query或者this.$route.params接收router-link传的参数。在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router.push('要跳转的路径名')，还有this.$router.go(-1)返回上一页...
2018-05-18 15:22:00
104
转载 IE不支持 Promise 解决办法
IE不支持 Promise 解决办法（可搜索 polyfill）：引入 <script type="text/javascript" src = "https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script>转载于:https://www.cnblogs.com/chiang...
2018-05-08 17:15:00
142
转载 滚动定位的多种方法
1.使用scrollIntoView方法<li><a onclick="javascript:document.getElementById('user1').scrollIntoView();">user1</a></li>12.使用js，如下：<!DOCTYPE html> ...
2018-05-04 22:02:00
151
转载 css设置禁止文字被选中
// 禁止文字被鼠标选中moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;转载...
2018-04-17 11:47:00
90
转载 input标签内容改变的触发事件
1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。2. oninput事件与onpropertychange事件的区别： oninp...
2018-03-29 15:23:00
90
转载 webpack-dev-server配置指南webpack3.0
最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍有不少坑，一方面是由于自己对文档的不熟悉，不了解webpack-dev-server的运作模式；另一方面，在翻阅了不少博客和文章后，发现不少配置实际上都跑不起来（有可能是版本的原因，也有可能...
2018-03-15 21:20:00
131
转载 Object.keys方法之详解
在实际开发中，我们有时需要知道对象的所有属性，原生js给我们提供了一个很好的方法：Object.keys()，该方法返回一个数组传入对象，返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a"...
2018-03-15 20:35:00
73
转载 mac安装webpack失败
最近开始接触构建工具webpack，公司电脑是 windows，而我自己的呢是mac。本来以为在自己电脑安装很简单，但是出了点问题，所以写出来分享下。这里用npm的方式安装，首先你要安装node.js,这里献上地址 https://nodejs.org/en/download/node.js 的安装我就不多说了，很简单和普通软件安装没什么区别。node.js 安装好后,就...
2018-03-05 21:33:00
853
转载 vue2使用animate css
先上几个链接vue插件大集合：awesome-vuevue2插件： vue2-animate：vue2-animatevue2插件vue2-animateDEMO： vue2-animatedemo：vue2-animate-demo我想用过animatecss的都知道这是一个极其简单而又酷炫的css动画库，但是我想在vue2中使用animatecss却是很...
2018-03-02 15:39:00
150
转载 ＂Uncaught SyntaxError: Unexpected token <＂错误完美解决
今天写代码的时候发现了"Uncaught SyntaxError: Unexpected token <" <html>的js错误，而且还是html的第一行，我就蒙了，这第一行有啥问题啊，还有一个“<”符号，我以为是我的网页标签没有闭包，所以检查了一下，都不是啊！错误如图。后来经过排查之后发现，这SyntaxError绝对是js错误！呵呵，到底错在哪儿呢？...
2018-03-01 09:45:00
39559
转载 监控系统说明文档
工程目录结构buildbuild.js --------------------- webpack打包配置文件dev-client.js --------------- 设置环境dev-server.js --------------- 创建express服务器，配置中间件，用于开发项目utils.js---------------------- 工具文件，用...
2018-02-28 16:50:00
168
转载 限制input输入类型(多种方法实现)
1.只能输入和粘贴汉字<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/&...
2018-02-27 10:19:00
99
转载 vue2.0动画
相对于vue1.0来说，vue2.0的动画变化还是挺大的， 在1.0中，直接在元素中加transition ，后面跟上名字。 而在vue2.0中，需要把设置动画的元素、路由放在<transition name="fade"></transition>中，name就是动画名称。 在1.0时，css需要设置（动画名称以fade为例）.fa...
2018-02-26 16:13:00
100
转载 vue watch 监听
1、普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2、数组的watch，注意监听数组的变...
2018-02-26 16:02:00
67
转载 js 控制台输出
var a = 'string';var b = 123;console.log("The%sjumpedover%dtallbuildings",a,b);格式化字符串类型%s字符串%d, %i整型（暂不支持数字型）%f浮点型 （暂不支持数字型）%o链接对象转载于:h...
2018-02-26 15:44:00
62
转载 mac上使用命令行显示隐藏文件
终端中输入命令打开<终端> - 粘贴下面的两行命令执行defaults write com.apple.finder AppleShowAllFiles TRUEkillall Finder此时再打开Finder，会发现所有的隐藏目录和文件都显示了出来。如果想要隐藏，将上面的命令的TRUE改为FALSE即可。defaults write com...
2018-02-25 14:49:00
857
转载 backdrop-filter 和filter 写出高斯模糊效果 以及两者区别
backdrop-filter：blur(10px);只支持ios端；只作用于当前元素；适用场景：为背景添加模糊效果；如果目标元素内包裹着其他内容 则应用filter属性；（不支持安卓，效果不明显）filter：blur(10px); 兼容性比较好，不仅仅作用于当前元素，后代元素也会继承这个属性，作用于一个空背景元素没有效果适用场景：（...
2018-02-22 17:06:00
806
转载 解决因为手机设置字体大小导致h5页面在webview中变形的BUG
首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，一切都比较完美。这时候，你自信满满的将h5地址交给了APP工程师，做了一个WEBVIEW嵌套，然后就顺利交工了。测试组在一堆手机中测试APP，突然，在某个手机上打开，你的页面布局了乱了，字变大或者变小，总之很奇葩。...
2018-02-21 18:35:00
169
转载 Fiddler模拟POST请求
在进行接口测试时，会模拟post请求，发送不同的请求参数，返回不同的结果，今天我们就来分享一下，怎么用Fiddler工具模拟post请求：打开Fiddler工具，在右侧点击“composer”的选项：进入到了composer 的选项之后，在parsed中进行根据http发送的请求进行选择，我们是模拟post请求，故选择post：添加post的url地址，以及选择htt...
2018-02-12 11:07:00
78
转载 手把手教你写 Vue UI 组件库
最近在研究muse-ui的实现，发现网上很少有关于 vue 插件具体实现的文章，官方的文档也只是一笔带过，对于新手来说并不算友好。笔者结合官方文档，与自己的摸索总结，以最简单的FlexBox组件为例子，带大家入门vue的插件编写，如果您是大牛，不喜勿喷～项目结构| src| ---| plugin| ---| ---| flexbox ...
2018-02-11 14:25:00
137
转载 HTTP报文
HTTP报文（面试会问开发时常用的报文头格式）（本文的解释是完整的，ajax把很多东西封装了）HTTP有两类报文：请求报文和响应报文。HTTP请求报文一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分组成，下图给出了请求报文的一般格式。or＜request-line＞＜headers＞＜bl...
2018-02-11 11:25:00
63
转载 vue-cli中引入jquery
vue-cli在引入bootstrap时总是报找不到jquery。（模板用的webpack）在webpack.base.conf.js里加入var webpack = require("webpack")在module.exports的最后加入plugins: [new webpack.ProvidePlugin({jQuery: "jquery",...
2018-02-11 11:23:00
62
转载 兼容IE6\7\8浏览器的html5标签的几个方案
html5大行其道的时代已经到来。如果你还在等待浏览器兼容，说明你已经与web脱节几条街了。当然，这得益于移动客户端的蓬勃发展。如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！因为前端的春天已经到来，而且不止一个春天。如果你不信，我只能说：爱信不信！下面我们来看一个标准的html5标签结构：（我这里只是说标签，其它概不涉及）...
2018-02-11 11:04:00
52
转载 CommonJS和AMD/CMD
先回答我：为什么模块很重要？答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。JS中的模块规范（CommonJS，AMD，CMD），如果你...
2018-02-11 10:04:00
64
转载 axios的使用
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个...
2018-02-08 16:12:00
57
转载 自己写表单校验插件
一、表单验证模块的构成任何表单验证模块都是由 配置——校验——报错——取值 这几部分构成的。配置： 配置规则 和配置报错，以及优先级校验： 有在 change 事件校验， 在点击提交按钮的时候校验， 当然也有在input事件取值的报错： 报错方式一般要分，报错的文字有模板，也有自定义的取值： 将通过验证的数据返还给开发者调用...
2018-02-08 14:08:00
104
转载 表单校验
用原生JS写一个简单的表单验证首先，是html部分?1234567891011121314151617181920212223242526272829303132<div class="divAll"&...
2018-02-08 10:55:00
84
转载 JS打开新窗口的2种方式
1.超链接<a href="http://www.100sucai.com/" title="100素材网">Welcome</a>等效于js代码window.location.href="http://www.100sucai.com/"; //在同当前窗口中打开窗口2.超链接<a href="http://w...
2018-02-08 10:47:00
270
转载 mac 上使用移动硬盘
1. 打开终端，查看赢盘的Volume Namediskutil list2. 更新fstab文件，此步骤需要输入密码sudo nano /etc/fstab3. 在fstab文件中写入一下内容(movie替换为你自己的Volume Name，建议用英文命名)LABEL=movie none ntfs rw,auto,nob...
2018-02-05 20:09:00
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人