2018年01月_barnett_y

转载 pt，px，rem和em之间区别总结

pt与px在html设计字体的css样式中，有些字体设置成14pt，而不是14px，那pt是什么，和px又有什么关系呢？pt(point)是印刷行业常用的单位，等于1/72英寸，表示绝对长度。px(pixel)指的是像素，是屏幕上显示数据的最基本的点，表示相对大小。不同分辨率下相同长度的px元素显示会不一样，比如同样是14px大小的字，在1366*768显示屏下会显示的小，在102

2018-01-30 09:40:40 617

转载前端笔试题

阿里前端笔试题，题目不多，难度也不大，我只记录了两道稍微有点难度的编程题。题目如下：1.JSON.stringify 的功能是，将一个 JavaScript 字面量对象转化为一个 JSON 格式的字符串。例如 1 2 const obj = {a:1, b:2} JSON.stringify(obj) // =&gt...

2018-01-29 09:50:34 422

转载数组的最大值

前言取出数组中的最大值或者最小值是开发中常见的需求，但你能想出几种方法来实现这个需求呢？Math.maxJavaScript 提供了 Math.max 函数返回一组数中的最大值，用法是：Math.max([value1[,value2, …]])值得注意的是：如果有任一参数不能被转换为数值，则结果为 NaN。max 是 Math 的静态方法，所以应该像这

2018-01-29 09:45:08 595

转载 HTTPS

HTTPS，安全超文本传输协议，是一个安全通信通道，它基于HTTP开发用于在客户计算机和服务器之间交换信息。它使用安全套接字层(SSL)进行信息交换，简单来说它是HTTP的安全版,是使用TLS/SSL加密的HTTP协议。HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险，而协议TLS/SSL具有身份验证、信息加密和完整性校验的功能，可以避免此类问题发生。TLS/SSL

2018-01-29 09:43:31 354

转载前端面试题

1. 说说你做的那个网页版手机QQ项目的难点。我首先想到了滚动条位置无法还原的问题，也就是点击列表项跳到详情页后再返回时，滚动条位置无法还原的bug。我的解决办法是通过vuex来保存每个组件里的滚动条的位置，然后返回时再滚动到这个位置即可，不过得设置滚动时间为0，不然会有明显的滚动过程，用户体验会很差。然后又想到了做IP定位时遇到的后台express服务端无法获取用户真实ip地址的问题。其

2018-01-29 09:41:16 411

转载 [布局概念] 关于CSS-BFC深入理解

写在前面好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用法。希望喜欢的朋友可以点个赞，或者关注一波本人，谢谢。BFC是什么鬼？BFC概括：可以在心中记住这么一个概念——

2018-01-26 14:51:26 425

转载【读书笔记】《高性能JavaScript》

缺陷这本书是2010年出版的，这本书谈性能是有时效性的，现在马上就2018年了，这几年前端发展的速度是飞快的，书里面还有一些内容考虑IE6、7、8的东西，殊不知现在这些都已经不再考虑了，所以不可避免的有一些知识是比较老的。有些解决方法现在已经不是最好的解决方式，比如工具那一章。前言总的来说，这本书整体给出的性能优化建议，以及作者耐心的实践，对我们开发优化的启发和帮助还是很大的，因为它里

2018-01-26 14:50:51 519

转载 css自定义 range radio select的样式滑轮，按钮，选择框

写在前面：之前踩坑css的时候，遇到滑轮，按钮，选择框这类型的东西，为了页面效果，总是需要自定义他们的样式，而不使用他们的默认样式。当时写的时候，我也是蛮头疼的，弄了个demo，链接在下面。对此做个总结。本文是面向前端小白的，大手子可以跳过，写的不好之处多多见谅。额，今天就先大概的将代码贴上来，考虑到篇幅的问题，就先写一下三个的实现方式，一般也都看得懂，代码注释的非常详细。因为细分下来内容

2018-01-26 14:24:42 1214

转载 Vue 实践过程中的几个问题

前言本篇是我在使用vue过程中，遇到的几个小问题和之前不了解的东西，记录下来，希望能够帮助各位踩坑。如果喜欢的话可以点波赞，或者关注一下，希望本文可以帮到大家。本文首发于我的个人blog：obkoro1.com本篇记录个人遇到的问题如下:路由变化页面数据不刷新问题setTimeout/setInterval this指向改变，无法用this访问VUe实例setInter

2018-01-26 14:20:32 455

转载 ES6的7个实用技巧

Hack #1 交换元素利用数组解构来实现值的互换let a = 'world', b = 'hello'[a, b] = [b, a]console.log(a) // -> helloconsole.log(b) // -> worldHack #2 调试我们经常使用console.log()来进行调试，试试console.table()也无妨。const a =

2018-01-22 10:22:08 403

转载 vue.js之数据传递和数据分发slot

https://www.tuicool.com/articles/rIBZ7zq一、组件间的数据传递1.父组件获取子组件的数据*子组件把自己的数据，发送到父级*vm.$emit(事件名,数据);*v-on: @示例用法：当点击send按钮的时候，“111”变成“我是子组件的数据”html lang="en">head> meta

2018-01-22 09:55:39 671

转载 vue数据传递--我有特殊的实现技巧

前言https://segmentfault.com/a/1190000012808179最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。有这么几种数据传递方式，vuex、props、eventBus和特殊的eventBus。vuex不介绍

2018-01-22 09:45:35 429

转载 react-native 开发的鲨鱼笔记app

列表开源地址https://github.com/378056350/react-native-bookkeeping基于React Native开发，适配Android与IOS。随着项目的使用情况和反馈，将时不时根据更新并完善用户体验与功能优化吗，欢迎提出问题。技术栈React-NativeReact-NavigationReduxRedux-SagaReac

2018-01-19 18:42:24 1141

转载 React系列之高阶组件HOC实际应用指南

前言Higher-Order function（高阶函数）大家很熟悉，在函数式编程中的一个基本概念，它描述了这样一种函数：这种函数接受函数作为输出，或者输出一个函数。比如常用的工具方法reduce，map等都是高阶函数现在我们都知道高阶函数是什么,Higher-Ordercomponents（高阶组件）其实也是类似于高阶函数，它接受一个React组件作为输入，输出一个新的React组件

2018-01-17 17:31:16 3387 1

转载 ReactNative实现图集功能

转载http://www.cnblogs.com/vipstone/p/7611676.html需求描述：　　　图片缩放、拖动、长按保存等基础图片查看的功能；　　展示每张图片文本描述；实现效果，如图：　　实现步骤使用第三方插件：react-native-image-zoom-viewer插件GitHub地址：https://githu

2018-01-11 14:11:41 547

转载 React 中常见的动画实现方式

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo 等形式，默默达到品牌宣传的效果。React 作为最近几年比较流行的前端开发框架，提出了虚拟 DOM 概念，所有

2018-01-10 09:41:21 10398 1

转载 JavaScript 模块讲解

介绍模块通常是指编程语言所提供的代码组织机制，利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。模块的优点可维护性。因为模块是独立的，一个设计良好的模块会让外面的代码对自己的依赖越少越好，这样自己就可以独立去更新和改进。命名空间。在 JavaScript 里面，如果

2018-01-08 19:23:37 633

转载 React Native 仿微信通讯录右侧字母快捷操作区

其实也不能说仿微信，大部分通讯录都一样，先来看两张效果图第一张是微信、第二张是我写的简单介绍一下功能点1、好友排序 2、点击右侧快捷操作区，相应跳转到所属通讯录区域 3、ScrollView 在滑动过程中自动匹配右侧字母分类，同时作出UI更新详细讲讲好友信息数据结构let typeList = [ { nickname: '曾泰', pict

2018-01-08 14:26:27 1922

转载 Vue知识回顾

年初第一个 flag 就是掌握 vue ，哈哈Vue ，React ，Angular 三大主流框架，最后我选择学习 Vue ，接触过 React ，自己感觉学习曲线有些陡峭，进而我选择了学习 Vue ，他的学习曲线平稳很多；不管选择什么框架，除了对基础的知识有一定的了解掌握，还应该对 ES6 有一定的了解；这就是我脑海中的 Vue 知识体系；一句话概况了 Vue 通过尽可能

2018-01-04 09:52:31 516

转载基于vue、vuex、vue-router、echarts搭建的数据展示平台

真的好久没有更新博客了，但是我最近并没有偷懒哦，一直在学习vue这个框架，并且用它做了一个小项目，现在就给大家分享一下我的这个还比较有意思的小项目咯，本项目是基于vue2.0开发的。灵感来源这是一个数据可视化相关的项目，作为一个学生班主任，需要对班上同学的各方面的情况都有所了解，于是我便做了一个问卷调查来了解学生各方面的情况。然后我又想到可以分析我们班的群聊记录呀，根据群聊记录可以

2018-01-03 09:40:42 1077

大灰狼的小绵羊哥哥的博客