- 博客(61)
- 收藏
- 关注
RSS订阅转载 如何用github搭建博客
新建项目创建仓库仓库名称：一定要是你的用户名+github.io如：用户名：zhangsan那么仓库地址： zhangsan,github.io打开新创建的仓库，点击settings下拉至GitHub Pages，你就看到你的博客地址了安装hexo转载于:https://www.cnblogs.com/shengna...
2019-03-29 16:04:00
136
转载 Node环境搭建--详细教程
下载地址：https://nodejs.org/en/download/版本：10.15.3检测是否安装成功：我之前安装的是10.14版本转载于:https://www.cnblogs.com/shengnan-2017/p/10621581.html...
2019-03-29 15:28:00
133
转载 图片懒加载---方法
方法一// // 节流// // setTimeout+闭包function throttle(fn, interval = 500) { let timer = null; let firstTime = true; return function(...args) { if (firstTime) { // 第一次加载 ...
2019-03-22 10:34:00
148
转载 ES6---变量解构赋值
1.数组的解构赋值 1.1 基本用法解构赋值：在ES6中 ，按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构赋值。本质：这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。let [foo,[bar],baz]=[1,[2],3]foo // 1bar // 2baz // 3如果j解构不成功，变量...
2019-03-15 09:13:00
117
转载 数组去重的性能比较
数组去重是面试常考点，但是这些方法的性能之间的比较，你知道吗？下面来比较一下方法1：Array.filter()+indexOf()使用 ES6 中的 Array.filter() 遍历数组，并结合 indexOf 来排除重复项let arr1 = Array.from(new Array(100000), (x, index) => { ...
2019-03-12 15:37:00
332
转载 面试-----数组
1.如何判断一个变量是否为数组？为什么不用typeof？Array继承与Object，所以typeof 会直接返回object，所以不可以用typeof方法来检测为什么不用instanceof?var list = [1,2,3];list instanceof Array //trueinstanceof 表面上看确实是返回了true，但其实并不可...
2019-03-12 11:02:00
239
转载 JavaScript随机生成布尔值
//方法一var rand = Boolean(Math.round(Math.random()));conosole.log(rand)// 方法二：var arr = [true,false]var rand = arr[Math.floor(Math.random()*arr.length)]console.log(rand)...
2019-03-04 16:38:00
907
转载 修改vuex状态机中的数据
vuex状态机中的数据是必须提交mutation来修改，如果现实开发中，我们需要修改，而又不想提交mutaition，应该怎么做呢？先来回顾一下场景，有一个列表是存在vuex中的这个列表展示的情况如下现在，要对文件夹进行编辑，编辑页面是一个子组件，页面效果如下现在父子组件进行通信子组件通过props接收父组件传进来的...
2019-02-25 18:20:00
1010
转载 vue 父子组件通信详解
这是一篇详细讲解vue父子组件之间通信的文章，初始学习vue的时候，总是搞不清楚几个情况通过props在父子组件传值时，v-bind:data="data"，props接收的到底是哪个？this.$emit提交的事件名称，v-on:handleChange="handleChange"，和父组件监听时候创建的方法名是否一样？到底哪个才是v-on应该监听的事件名称？你是...
2019-02-22 18:03:00
145
转载 面向对象-----设计模式
虽然Object构造函数（var obj = new Object() ）和对象字面量（var obj = {}）都可以用来创建单个对象，但是这种方式存在明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，开发者开始使用工厂模式。1.工厂模式这种模式抽象了创建具体对象的过程由于JavaScript中无法创建类，开发人员就发明了一种函数，用函数来...
2019-02-21 21:39:00
81
转载 如何把当前时间戳转化为时间格式HH：MM：SS
获取当前时间戳var timestamp = new Date().getTime()获取当前时间(从1970.1.1开始的毫秒数)// 创建一个函数function timestampToTime(timestamp) { var len = timestamp.toString().length; // 时间戳为10位需*1000，时间戳为13位的话不需乘...
2019-02-21 17:19:00
366
转载 面向对象之---this的用法
在绝大多数情况下，函数的调用方式决定了this的值全局环境无论是否在严格模式下，在全局执行环境中，this都指向全局对象·在全局作用域中调用一个函数时，this总是指向Global对象（在浏览器中指向window）函数（运行内）环境在函数内部，this的值取决于函数被调用的方式1.简单调用非严格模式function f1() { console....
2019-02-20 15:39:00
456
转载 前端面试题目总结（二）
var、let、const的区使用var声明的变量会被提升到作用域的顶部提升存在的根本原因就是为了解决函数间互相调用的情况var 存在变量提升（hoisting）console.log(a)var a=1;// undefined解析：等价于：var a；console.log(a); // undefineda...
2019-01-03 17:06:00
94
转载 前端面试题目总结（一）
1.判断下面输出内容，并尝试怎样正确输出0,1,2,3,4,5for (var i = 0; i <= 5; i++) { setTimeout（function timer(){ console.log(i) }, i * 1000)}// 每过一秒打印出一个6// 6// 6// 6// 6// 6/...
2019-01-03 14:26:00
90
转载 CSS盒子模型+box-sizing
当对文档进行布局时，浏览器渲染引擎会根据css-Box模型（CSS Basic Box model）将所有元素表示为一个矩形盒子。CSS决定这些盒子的大小，位置以及属性（颜色，背景，边框尺寸）标准盒模型从外向内依次为： Margin + border + padding + content-width外边距区域margin area用空白区域扩展边框区域，以分开相邻的元素。它...
2018-12-24 16:36:00
112
转载 chrome安装json美化软件 JSONView
安装效果如下：安装步骤：1.下载地址：github地址：https://github.com/gildas-lormeau/JSONView-for-Chrome2.解压文件3.打开谷歌浏览器扩展页面4.选择刚刚解压的文件5.点击确定，安装成功转载于:https://www.cnblogs.com/shengnan-2017/...
2018-12-19 15:26:00
167
转载 浏览器定位和导航
1.概念location对象提供了当前窗口中加载文档有关的信息，还提供了一些导航功能。location对象是一个很特别的对象，它既是window对象的属性，也是document对象的属性。换句话说，window.location和document.location引用的是同一个对象。window.location === document.location// t...
2018-09-27 21:41:00
508
转载 TCP/IP
传输控制协议(Transmission Control Protocol,TCP)网际协议（Internet Protocal,IP）HTTP网络协议线：HTTP // 应用层TCP // 传输层IP // 网络层网络特有的链路接口 // 数据链路层物理网络硬件 // 物理层基本的浏览器连接处理:用户输入URL http://www.joes-hardware.com:80...
2018-09-25 11:49:00
40
转载 解决axios发送post请求，后端接收不到数据
https://segmentfault.com/a/1190000012635783转载于:https://www.cnblogs.com/shengnan-2017/p/9680868.html
2018-09-20 14:44:00
227
转载 动态获取浏览器宽高
<form action="#" method="get" name="form1" id="form1"> <!--显示浏览器窗口的实际尺寸--> 浏览器窗口 的实际高度: <input type="text" name="availHeight" size="4"><br> 浏览器窗口 的实际宽度...
2018-08-17 15:02:00
149
转载 跨浏览器的CORS
检测 XHR 是否支持 CORS 的最简单方式，就是检查是否存在withCredentials属性。再结合检测 XDomainRequest对象是否存在，就可以兼顾所有浏览器了。 function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); if ("withCr...
2018-08-02 16:54:00
108
转载 Ajax请求
// 表单提交 postfunction submitData(){ var xhr = createXHR(); xhr.onreadystatechange = function(){ if (xhr.readyState == 4){ if ((xhr.status >= 200 && xhr.status < 3...
2018-08-02 15:37:00
71
转载 向现有URL末尾添加查询字符串参数
向现有URL末尾添加查询字符串参数 xhr.open("get", "example.php?name1=value1&name2=value2", true);function addURLParam(url, name, value) { // 判断是否含有？，没有就添加？，否则添加& url += (url.i...
2018-08-02 14:37:00
250
转载 QlikSense主题开发
// 主题是qliksense 2018年2月版提出，4月版正式实施，其实就是去修改sense默认的.json文件和.css文件{ // 定义自定义主题是否从默认主题（Sense Classic）继承样式属性。JSON文件中定义的属性会覆盖继承的属性。默认ture "_inherit": false, //（可选） 可以在JSON文件中引用的变量。 "_v...
2018-07-06 17:09:00
474
转载 QlikSense 2018.2月版起支持主题开发
自定义主题开发// 主题是qliksense 2018年2月版提出，4月版正式实施，其实就是去修改sense默认的.json文件和.css文件{ // 定义自定义主题是否从默认主题（Sense Classic）继承样式属性。JSON文件中定义的属性会覆盖继承的属性。默认ture "_inherit": false, //（可选） 可以在JSON文件中引用...
2018-07-06 10:16:00
228
转载 如何上传项目至GitHub
1.下载 https://gitforwindows.org/2.打开Git Bash 把git绑定到GitHub3.打开GitHub登陆后 点击settings 点击SSH and GPG keys 点击 New SSH key 输入title4.找key 打开Git Bash 输入$ ssh-keygen -...
2018-07-03 18:26:00
50
转载 如何保持图片的高宽比
bug： 轮播图在较差网络情况下，渲染的过程会出现闪屏的现象原因： 图片尚未加载，屏幕上的位置可能会被轮播图后面的dom元素填充，当轮播图加载出来之后，又会把下面的内容”挤“下去解决方法：给轮播图增加一个父级，固定父级的位置，这样就能正常渲染那么，如何设定父级的宽高呢？根据图片的宽、高来设置父级元素的宽高如何设置？？？首先，获取图片宽、高： 当前例子：宽：750p...
2018-07-03 16:28:00
214
转载 css3 -- 过渡
CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。用鼠标移过下面的元素：它是如何工作？CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：指定要添加效果的CSS属性指定效果的持续时间属性描述CSStransition简写属性，用于在一个属性中...
2018-06-27 13:59:00
101
转载 在vue中使用Ueditor
今天研究的主角是：UEditorUEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。版本有很多我用的是：[1.4.3.3 PHP 版本]UTF-8版下载地址：http://ueditor.baidu.com/website/download.html安装下载之后，将插件解压放在static目录下： s...
2018-06-25 22:57:00
181
转载 vue-music 跨域获取QQ音乐歌曲播放源
这个问题困扰了我很久，一直获取不到正确的播放源，qq对这块限制更加严格了按照之前老师在视频中的写法，已经不能获取到播放源了下面来分析一下正确的播放源url：http://dl.stream.qqmusic.qq.com/C400000QCwge3B6Ad1.m4a?vkey=6FBECDE68E94D9E5B1F6731C5A8D83AE2DE961466D2CF6...
2018-06-04 11:05:00
98
转载 Type of the default value for 'songs' prop must be a function
eslint常会出现这样的错误提示，控制台打印：Type of the default value for 'songs' prop must be a function解决办法有两种如下：1：写一个函数，return一个数组2： ES6 箭头函数写法就可以解决这个个问题转载于:https://www.cnblogs.com/shengnan-...
2018-05-31 10:39:00
293
转载 Cannot read property 'forEach' of undefined
在singer-detail组件中，有一个_normalizeSongs（）方法，遍历数组 _normalizeSongs(list) { let ret = []; list.forEach(item => { let { musicData } = item; // createSong必传两个参数...
2018-05-31 10:33:00
1045
转载 vue-music 跨域获取QQ音乐歌单接口
最近在看vue音乐APP视频学习,需要跨域获取歌单数据，视频中老师是在build/dev-server.js文件配置跨域接口的，但是新版的vue-cli是没有这个文件的，我的vue版本是"2.5.2"，网上参考了反向代理的方法实现了跨域，觉得很有用，分享一下：歌单url：https://y.qq.com/portal/playlist.html旧版本目录结构如下...
2018-05-29 11:15:00
256
转载 vue-music 使用better-scroll遇到轮播图不能自动轮播
根据vue-music视频中slider组建的使用，当安装新版本的better-scroll，轮播组件，不能正常轮播这是因为，better-scroll发布新版本之后，参数设置发生改变这是旧版本： 组件为slider<template> <div class="slider" ref="slider"> <div class=...
2018-05-29 08:37:00
112
转载 vue 列表的排序过渡 shuffle遇到的问题
内部的实现，Vue 使用了一个叫FLIP简单的动画队列使用 transforms 将元素从之前的位置平滑过渡新的位置需要注意的是使用 FLIP 过渡的元素不能设置为 display: inline 。作为替代方案，可以设置为 display: inline-block 或者放置于 flex 中FLIP 动画不仅可以实现单列过渡，多维网格也同样可以过渡：&l...
2018-05-18 14:54:00
710
转载 vue 2.0 点击添加class，同时删除同级class
<template> <div class="n-header"> <ul class="title-wrapper"> <li class="n-fliter">筛选:</li> <li v-for="(item,index) in titles" :key="item.i...
2018-05-16 15:54:00
130
转载 vue-cli 如何使用vue-awesome？
font-awesome 有很多图标字体可供使用，那么，如何在vue中使用呢？进入重点。。。1.安装vue-awesomenpm insatll vue-awesome2.在main.js 注册项目入口main.js引用字体库import Vue from 'vue'import App from './App'import router...
2018-04-08 11:49:00
179
转载 如何在chrome使用vue-devtool？
1.在应用中安装2.去查找文件C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\4.1.0_03.修改manifest.json 文件"persistent": false 改为"per...
2018-01-18 16:41:00
291
转载 前端路由
什么是后端路由？优点： 1、可以在服务端渲染后返回给浏览器，不用等待前端加载任何js或者css就可以直接显示网页内容。 2、对SEO友好。缺点： 1、模板是由后端来维护和改写，前端开发行者需要安装整套的后端服务，必要时还要学习后端语言PHP或Java等非前端语言来改写html结构。 2、html、数据、逻辑混为一谈，维护起来既臃肿又麻烦。什么是前后端分...
2017-12-28 11:49:00
67
转载 如何在vue里引入Bootstrap
一、引入jquery步骤：1. 安装jquery$ npm install jquery --save-dev2.在webpack.config.js 添加内容+ const webpack = require("webpack");module.exports = { entry: './index.js', output: {...
2017-12-23 18:53:00
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人