- 博客(126)
- 资源 (2)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 请求 js 编程 求和最小时间
小明数学不太好，如果他计算a+b需要花费(a+b)的时间，现在有n个数字，让小明去求这n个数字的和，求小明计算这n个数字所花费的最小时间；备注：每次都要先算最小的两个数的和，这样总时间才会最小。输入：[1,2,3]输出：9说明：1+2需要3秒3+3需要6秒总共需要9秒输入：[1,2,3,4,5]输出：33说明：1+2需要3秒3+3需要6秒4+5需要9秒6+9需要15秒...
2020-11-02 19:39:46
542
1
转载 盒子居中方法
布局中经常会遇到让一个盒子水平且垂直居中的情况，以下总结了几种居中方法：margin固定宽高居中 负margin居中 绝对定位居中 table-cell居中 flex居中 transform居中 不确定宽高居中（绝对定位百分数） button居中不兼容IE低版本的可以用其他方法hack。不多说，直接上代码：大多数方法的html都相同，所以写一个了，不同的再单独写出来。...
2018-07-30 10:40:56
1292
转载 2018 vue前端面试题
1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？ 答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id 3、vue-router有哪几种导航钩子？ 答：三种，一...
2018-07-30 10:28:25
655
转载 Angular、ionic、Cordova的关系介绍与打包
一、关系介绍Angular：是一个前端JS框架，类似于JQuery，BootStrap,Three.js等。ionic :是开源的H5移动App开发框架，是Angular的衍生物，利用Angular实现很多移动端的组件。Cordova：在项目中，Cordova负责将前端页面包装成原生页面，作为一个桥梁负责前端页面与原生应用的通信。另外，前端页 面没有调用设备的能力，这时就需要与原生应用...
2018-07-25 17:00:47
6490
转载 网页请求流程
从浏览器输入网址，回车后，到用户看到网页内容，经过的步骤如下：（1）DNS解析，获取IP地址;（2）建立TCP连接，3次握手;（3）发送HTTP请求报文;（4）服务器接收请求并作处理;（5）服务器发送HTTP响应报文;（6）断开TCP连接，4次握手。-------------------------------------------------- ----------...
2018-07-23 17:50:19
2559
原创 PX、 EM与REM的区别
PX特点px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10p...
2018-07-23 11:14:19
304
转载 JS实现数组去重方法总结(六种方法)
方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则推进数组？ 1 2 3 4 五 6 7 8 9 10 11 12 13 14 15 16 17 18 Array.prototype.dist...
2018-07-23 10:58:51
978
转载 Vue 的生命周期
vue的生命周期Vue的实例有一个完整的生命周期，也就是从开始创建，初始化数据，编译模板，挂载大教堂，渲染→更新→渲染，销毁等一系列过程，我们称这是Vue公司的生命周期。通俗说就是Vue公司实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化，运行中，销毁。 实例，组件通过new Vue（）创建出来之后会初始化事件和生命周期，然...
2018-07-19 11:28:49
307
转载 用css画三角形（提示框三角形）
(1)有边框的三角形我们来写下带边框的三角形。如果是一个正方形，我们写边时，会用到border，但我们这里讨论的三角形本身就是border，不可能再给border添加border属性，所以我们需要用到其他办法。最容易想到的，是叠加层。思路是将两个三角形叠加在一起，外层三角形稍大一些，颜色设置成边框所需的颜色；内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。这里就涉及到...
2018-07-18 15:30:07
8968
转载 flex的使用实例
参考：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html http://www.runoob.com/w3cnote/flex-grammar.html1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现HTM...
2018-07-18 14:35:08
1877
转载 Promise 的基础用法
承诺的含义(理解为主)承诺是异步编程的一种解决方案，比传统的解决方案 - 回调函数和事件 - 更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了承诺所谓无极，简单说就是一个容器，里面保存着某个未来才回结束的事件（通常是一个异步操作）的结果。从语法上说，无极是一个对象，从它可以获取异步操作的消息。 无极对象的状态不受外界影响三种状态：待定：进行中履行：已经成功...
2018-07-12 09:50:25
323
原创 Vue中使用axios用form表单出现的问题，以及解决办法
vue中使用Axios第三方库，采用形式提交，参数格式为multipart /格式数据 ，请求参数变为对象格式的解决办法。（推荐第二种方法）提交数据的四种编码方式一，应用/ X WWW的窗体-urlencoded 这应该是最常见的后编码方式，一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中，可以用$ _ POST [“钥匙”]的方式获取到关键的值，在节...
2018-07-09 19:07:00
11642
转载 JS的优缺点
介绍JS的有缺点首先就先介绍下JS的特点：JavaScript介绍 JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。是基于浏览器内核为html添加生命力的脚本语言。具有以下特点：动态，弱类型，单线程，内置支持类。JavaScript的的特点面向过程和面向过程 JS看不同的人有不同的解释，其实我觉得完全不用介意，js既可...
2018-07-02 14:50:18
6194
转载 CSS3中的div,section,article的区别
div：在任何框架中，div始终是div，不管你是什么，都可以使用div，咱的功能就是自成个钩子方便添加样式。section:当然既然可以用section,那这部分内容就一定也可以使用section,section中文就是：节，部分的意思，文章的目录，大纲最适合使用。section里一般都会有一个标题。article:article是section的升级版，一段内容已具备section中的标题时，...
2018-05-30 10:25:05
4483
转载 2018年前端面试总结
1.Vue的双向数据绑定原理是什么？简而言之： vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤： 第一步：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter这样...
2018-05-10 08:52:42
920
原创 win10升级node.js到最新版本
简单粗暴，通过命令行升级暂时就不要考虑了。直接卸载了重装，推荐解压版 ，因为安装版出现了这样的问题这里直接放弃安装版，去选择解压版。解压版去官网https://nodejs.org/en/ 下载之后 ，我是放在E 盘 文件夹node.js在环境变量设置之后 查看版本OK了！顺便说一句，有的解决办法是真TM扯淡！...
2018-04-12 16:42:21
7979
4
转载 理解javascript中的回调函数(callback)
在JavaScrip中，function是内置的类对象，也就是说它是一种类型的对象，可以和其它String、Array、Number、Object类的对象一样用于内置对象的管理。因为function实际上是一种对象，它可以“存储在变量中，通过参数传递给(别一个)函数(function)，在函数内部创建，从函数中返回结果值”。因为function是内置对象，我们可以将它作为参数传递给另一个函数，延迟...
2018-04-11 10:58:30
5881
转载 vue 插件集合
UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuet...
2018-04-09 17:53:56
511
转载 ES6 十种最佳新特性
ES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。 本文主要针对ES6做一个简要介绍。 主要译自： http://webapplog.com/ES6/comment-page-1/。也许你还不知道ES6是什么, 实际上, 它是一种新的javascript规范。在这个大家都很忙碌的时代，如...
2018-04-09 17:12:07
381
原创 使用手机预览Vue项目（移动端）
1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip3.将vue项目中的index.js 文件中的host：“自己IP地址”4.本机ip替换localhost，例：http://192.168.1....
2018-04-08 17:24:05
4484
1
转载 session是什么?
目录：1.session 是啥？2.怎么保存的？3.如何运行？4.有生命周期吗？5.关闭浏览器会过期吗？6.Redis代替文件存储session7.分布式session的同步问题session是啥？首先，我大致的知道，session是一次浏览器和服务器的交互的会话，会话是啥呢？就是我问候你好吗？你回恩很好。就是一次会话，那么对话完成后，这次会话就结束了，还有我也知道，我们可以将一个变量存入全部的$...
2018-04-08 16:26:42
15283
转载 background-position和雪碧图(CSS Sprites)用法
background-position属性使用频率非常高，大量的网站为了减少http请求数（为了加载更快），会将大量的图片图片合成一张雪碧图（Sprite）来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置，某些场景也常常会使用到这个属性，总结如下。 还是那句话，工欲善其事必先利其器，只有真正的了解background-positio...
2018-04-08 15:04:14
1693
转载 Angular4.x 相关命令行
Angualr CLI提供了许多常用命令供我们选择：ng generate class my-new-class // 新建 classng generate component my-new-component // 新建组件ng generate directive my-new-directive // 新建指令ng generate
2017-12-25 16:15:44
1046
转载 在angualr4项目中引入ng-bootstrap
<h1>注意本教程只适用于angular4</h1><h2>虽然网上也有很多教程，我也按着好几个教程做了多遍，但都不对，可能是angular更新太快，导致很多教程已经不能用了，总之一路都是坑，我摸索了很久得出一个可行的方案，希望小伙伴们都能避免入坑</h2><p>ng-bootstrap应该是针对angular4设计的，和官方快速搭建an...
2017-12-19 10:05:58
1421
转载 Angular环境搭建
目前Angular的最新版本是Angular4.0，所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI，通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。1.安装nodejs 首先要安装nodejs，如果你的电脑已经装过了，最好确认是比较新的版本，否则可能会出问题。 没有安装
2017-11-22 11:05:42
326
转载 CSS3中text-overflow支持以...代替超出文本
CSS3中text-overflow支持以...代替超出文本。 1.div1：默认状态。超出文本默认显示在div外 2.div2：text-overflow:ellipsis; 使用text-overflow以...代理超出文本 3.div3：如果文本换行被设置为默认（white-space：normal），不会出现超出文本被替代的情况。所以如果文本是块状结构，不能使
2017-10-26 16:20:23
1418
转载 vue2.0实现一个简单的轮播图
class="slide" v-on:mouseover="stop()" v-on:mouseout="move()"> class="slideshow"> "ul" name="image"> for="(img, index) in imgArray" v-show="index===mark" :key="index">
2017-10-26 09:46:02
1242
转载 vue mint ui 使用以及例子
npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i mint-ui -SCDN目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/
2017-10-24 11:15:21
11038
转载 JavaScript之$符号
JavaScript之$符号前些天不小心用到了$符号,所以这里就来解释一下。定义： $$()这个方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个参数。But比起DOM中的方法,青出于蓝而胜于蓝.你可以传入多个id作为参数然后$()返回一个带有所有要求的元素的一个Array对象.
2017-10-24 10:56:04
1857
2
转载 vue.js的特殊特性
key预期：number | stringkey 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有
2017-10-23 14:16:46
1332
转载 vue笔记
vue笔记1.基本绑定： new Vue( { el:'#elID', data:{ // data obj }, computed:{ // computed obj
2017-10-23 09:32:40
176
转载 ES6常用循环集合
一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1
2017-10-23 09:21:33
7627
转载 iterable
遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for ... of循环来遍历。for ... in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引
2017-10-13 15:03:14
957
转载 Js中的Map与Set
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对的结构，具有极快的查找速度。举个例子，假
2017-10-13 14:46:37
1760
转载 自定义input[type="checkbox"]的样式
对复选框自定义样式，我们以前一直用的脚本来实现，不过现在可以使用新的伪类 :checkbox 来实现。如果直接对复选框设置样式，那么这个伪类并不实用，因为没有多少样式能够对复选框起作用。不过，倒是可以基于复选框的勾选状态借助组合选择符来给其他元素设置样式。很多时候，无论是为了表单元素统一，还是为了用户体验良好，我们都会选择 label 元素和 input[type="checkbo
2017-10-13 09:26:49
1388
转载 css3属性-webkit-font-smoothing
对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoothing: antialiased; /*chrome、safari*/-
2017-10-13 09:12:43
8554
1
转载 JS数组操作之增删改查的简单实现
一、增1、push()可接收任意数量的参数，把它们逐个添加至数组末尾，并返回修改后数组的长度。例如：?1234567vararr = [];varlen = arr.push(1);console.log(arr);// [1]
2017-10-12 10:50:11
1044
转载 Cookie/Session机制详解
会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Cookie，什么时候不能用Session。1.1 Cookie机制
2017-10-12 09:52:49
209
转载 css3动画属性详解之transform、transition、animation
css3动画属性详解：关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)。一、transform属性：旋转rotate（中心为原点）扭曲、倾斜skew（skew(x,y), skewX(x), skewY(y)）缩放scale（scale(x,y), scaleX(x), scaleY
2017-10-11 17:14:01
1681
1
TA创建的收藏夹 TA关注的收藏夹
TA关注的人