04 2017 档案
摘要：对角另一面 对角另一面 对角另一面 读 zepto 源码之工具函数 Zepto 提供了丰富的工具函数，下面来一一解读。 源码版本 本文阅读的源码为 zepto1.2.0 $.extend $.extend 方法可以用来扩展目标对象的属性。目标对象的同名属性会被源对象的属性覆盖。 $.extend 其
阅读全文
摘要：JavaScript中的arguments对象 arguments 是一个类似数组的对象, 对应于传递给函数的参数。 语法 arguments 描述 arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个
阅读全文
摘要：更多的往往不是，建立你的JavaScript应用程序时，你会想把数据从远程源或消耗一个[ API ]（https：/ /恩。维基百科。org /维基/ application_programming_interface）。我最近看了一些[公开]（https://github.com/toddmott
阅读全文
摘要：全文共13k+字，系统讲解了JavaScript数组的各种特性和API。 数组是一种非常重要的数据类型，它语法简单、灵活、高效。 在多数编程语言中，数组都充当着至关重要的角色，以至于很难想象没有数组的编程语言会是什么模样。特别是JavaScript，它天生的灵活性，又进一步发挥了数组的特长，丰富了数
阅读全文
摘要：继上一篇 使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题 解决了后台业务系统的部分动态加载问题，然而该框架离正常的用户体验还存在一些问题，如：浏览器的前进、后退、刷新等问题。有博友也遇到了同样的问题，接下来就针对浏览器的前进、后退、刷新进行用户体验优化。 在
阅读全文
摘要：前言 随着大数据时代的来临,数据可视化的重要性也越来越凸显,那么今天就基于d3.js今天给大家带来可视化基础图表柱图进阶:立体柱图 关于d3.js d3.js是一个操作svg的图表库,d3封装了图表的各种算法.对d3不熟悉的朋友可以到d3.js官网学习d3.js.另外感谢司机大傻(声音像张学友一样性
阅读全文
摘要：随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且,写起来也是很复杂. fetch API 本来是在 SW(ServiceWorkers) 中提出的, 不过, 后面觉得好用, 就把他挂载到 window 对象下. 这样, 在前端的正常通信中, 我们也可以直
阅读全文
摘要：写在前面： 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。本文主要是：关于http状态码是什么，有什么用，在哪里查看状态码分别代表什么意思的分享，这里面内容也是非常多的，所以在此
阅读全文
摘要：TodoList 1. 编写actions.js 2. 分析state 试着拆分成多个reducer 3. 了解store 4. 了解redux数据流生命周期 5. 分析容器组件和展示组件 搞清楚，数据到底是如何流动的？ 6. 编写展示组件的代码 7. 编写容器组件 8. 传入store 9. 总结
阅读全文
摘要：阅读目录 一、开源的treegrid 1、组件效果预览 2、组件开源地址 二、封装treegrid 1、组件封装的必要性 2、组件封装代码示例 3、封装后的组件使用 三、总结 阅读目录 一、开源的treegrid 1、组件效果预览 2、组件开源地址 二、封装treegrid 1、组件封装的必要性 2
阅读全文
摘要：html 如下 1 2 3 4 5 6 7 8 9 10 11 12 <!DOCTYPE HTML> <html> <head> <title>css3实现checkbox变按钮 </title> </head> <body> <div class='search_checkbox'>高级检索： <
阅读全文
摘要：this是什么 方法调用模式 构造器调用模式 函数调用模式 apply/call模式 this是什么 —大多语言中，’this’代表由类实例化的当前对象。在JavaScript中，’this’通常表示’拥有’方法的对象，但具体取决于一个函数被调用的方式。 方法调用模式 当一个函数被保存为对象的一个属
阅读全文
摘要：this是什么 方法调用模式 构造器调用模式 函数调用模式 apply/call模式 this是什么 —In most languages, ‘this’ is a reference to the current object instantiated by the class. In JavaS
阅读全文
摘要：本文章主要讨论的是如何将一个纯色二维码变成彩色的。 前段时间公司业务上有这么一个需求，客户不喜欢后台生成的纯色二维码，纯蓝，纯紫，纯绿都不行，想要彩色二维码。然后这个任务都落到我头上了，因为是图片处理，那主要思路就是靠canvas，canvas可以进行像素操作，所以我进行了一些尝试，也踩了一点小坑，
阅读全文
摘要：最近在做一个多图片上传的组件，需求是做到多文件依次上传，并显示上传进度条。 逻辑部分实现了以后，在更新进度条视图的时候出现一点问题：动态计算生产的进度 progress 属性不会自动更新。 原来的代码是这样写的： 这里直接将 file 对象添加一个 progress 属性记录上传进度，并初始化为0，
阅读全文
摘要：History对象允许我们操作浏览器会话历史，即加载当前页面的标签页窗口或frame窗口的访问历史。之前有同学咨询我如何实现拦截用户跳转页面并强制用户返回首页后重新请求页面，于是有了本篇博客的主题，本篇深入介绍浏览器会话历史的操作，在最后对比加载页面的几种不同方式，并提供一个实例給读者把玩。 属性
阅读全文
摘要：网上大部分判断鼠标移入div移入移出都是使用一下方法： 这个方法确实十分奇特，使用起来十分方便。 后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图，以浏览器左上角做原点，水平轴作为x轴，往右为正；竖直轴作为y轴，向上为正。 中间的div的左上角坐标（x1,y
阅读全文
摘要：很巧合，我在认识了两位同是10年工作经验的阿里前端开发小伙伴，不但要向前辈学习，我有时候还会选择另一种方法逗逗他们，拿了网上一道经典面试题，可能我连去阿里面试的机会都没有，但是我感受到了一次面试10年阿里的前端开发，让我感觉一个字，比吃老坛酸菜还爽！虽然有答对也有答错，我们都应该对阿里的前端开发老前
阅读全文
摘要：本部分的知识图谱请参考编程语言知识图谱-时间与日期。 本文JavaScript 时间与日期处理实战:你肯定被坑过从属于笔者的Web 前端入门与最佳实践中 JavaScript 入门与最佳实践系列文章。 JavaScript DateTime 标准时间 GMT即「格林威治标准时间」(Greenwich
阅读全文
摘要：自己虽然经历着web应用的开发,总是拿着别人写好的Css来引用到自己的项目当中,甚至一度迷上了bootstrap,发现有了它自己可以不用在写程序逻辑的同时还要去修改别人的CSS.当然开发的应用大多数是企业内部应用,个别互联网的程序.2016偶然的机会接触到前端这个概念,发现自己还是挺喜欢前端的这些知
阅读全文
摘要：整理了ES6常用的一些语法，跟大家分享(promise、generator什么的还没有梳理清楚，后续再更新。。。) 1⃣️ 变量声明－let 与 const (首先关于测试结果：这里有个小问题，如果用let／const声明的变量，在控制台调试的话，第一次输出结果后，第二次如果你还想用，要么把代码放入
阅读全文
摘要：在所有面向对象的编程中，继承是一个重要的话题。一般说来，在设计类的时候，我们希望能减少重复性的代码，并且尽量弱化对象间的耦合（让一个类继承另一个类可能会导致二者产生强耦合）。关于“解耦”是程序设计中另一个重要的话题，本篇重点来看看在javascript如何实现继承。 其它的面向对象程序设计语言都是通
阅读全文
摘要：五十行javascript代码实现简单的双向数据绑定 Vue框架想必从事前端开发的同学都使用过，它的双向数据绑定机制能给我们带来很大的方便。今天闲着没事，尝试着实现一下双向数据绑定，接下来给大家分享一下。 Object.defineProperty(obj, prop, descriptor) Ob
阅读全文
摘要：关于 微信公众号：前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。 本文主要给大家分享一下在编写JavaScript代码的时候存在的一些
阅读全文
摘要：摘要: 年后公司项目开始上vue2.0，自己对学习进行了总结，希望对大家有帮助！ VUE2.0学习 vue介绍 vue是什么？ https://vuefe.cn/guide vue也是一个数据驱动框架，做spa页面的 vue如果不做页面可以当做一个单独使用的js库，做双向数据绑定用 Vue的核心库只
阅读全文
摘要：前言 本文 有配套视频，可以酌情观看。 文中内容因各人理解不同，可能会有所偏差，欢迎朋友们联系我讨论。 文中所有内容仅供学习交流之用，不可用于商业用途，如因此引起的相关法律法规责任，与我无关，如文中内容对您造成不便，烦请联系 277511806@qq.com 处理，谢谢。 转载麻烦注明出处，谢谢。
阅读全文
摘要：开题 张三丰教无忌太极剑法: 还记得吗? 全都记得. 现在呢? 已经忘却了一小半. 啊,已经忘了一大半. 不坏不坏,忘得真快,那么现在呢? 已经全都忘了,忘得干干净净. 好了,你上吧. 长时间写前端代码，将自己以前的积累都忘得一干二净，所以开了一个关于JS的数据结构系列，在业务型程序员的基础上，也要
阅读全文
摘要：前言 首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vuejs 2.0 + vuex 2.0 重写这个应用，其中最大的问题是使用 vue-cli 构建应用时遇到的问题。通过这些问题深入探索 vue 以及 vue
阅读全文
摘要：你真的会写循环吗--8种遍历方法执行速度深度°对比 关于数组或对象遍历，相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题，读懂后你将成为遍历效率话题的大师。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：详解JS遍历 导读 遍历数组或对象是一名程序员的基
阅读全文
摘要：这段时间突然有点了解了原型的方法然后看了这个文章感觉很详细，就记录一下 原型对象 每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下，每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。 原型链 由于原型对象本身也是对象
阅读全文
摘要：关于 微信公众号：前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。 本文主要给大家分享一下在编写JavaScript代码的时候存在的一些
阅读全文
摘要：scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true，或者省略它，窗口会尽可能滚动到自身顶部与元素顶部平齐。 目前各浏览器均支持，其实就这个解释来说，我觉得还是不够的，最好还是又图对吧，来看下
阅读全文
摘要：http://www.jianshu.com/p/b5858f1e6e76 Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。
阅读全文
摘要：$route可以在子组件任何地方调用，代表当前路由对象，这个属性是只读的，里面的属性是 immutable（不可变） 的，不过你可以 watch（监测变化） 它。 导航和钩子函数： 导航：路由正在发生改变 关键字：路由 变 钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某
阅读全文
摘要：Vue2.X的路由管理记录之 钩子函数（切割流水线） Vue2.X的路由管理记录之 钩子函数（切割流水线） $route可以在子组件任何地方调用，代表当前路由对象，这个属性是只读的，里面的属性是 immutable（不可变） 的，不过你可以 watch（监测变化） 它。 导航和钩子函数： 导航：路由
阅读全文
摘要：2.x 版本的 vue-router 相比之前的0.7.x版本，有很多破坏性改变： 通用 API 的修改 The old router.go() is now router.push() . 新的 router.go 类似 window.history.go() : 接受一个数值作为参数在历史栈中导
阅读全文
摘要：ue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就
阅读全文
摘要：前言 首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vue 2.0 + vuex 2.0 重写这个应用，其中最大的问题是使用 vue-cli 构建应用时遇到的问题。通过这些问题深入探索 vue 以及 vuex
阅读全文
摘要：DM是(Document Object Model)的简称。 一.找元素 document.getElementById() 根据id选择器找，最多找一个； document.getElementsByName() 根据name找，找出的是数组； document.getElementsByclas
阅读全文
摘要：一个例子 有这样的一个场景如下图所示，有一组动态数量的input，可以增加和删除和重新排序，数组元素生成的组件用index作为key的值，例如下图生成的ui展示： 上面例子中的input组件渲染的代码如下所示，全部完整代码可以参考 ==>完整code。 {this.state.data.map((v
阅读全文
摘要：插件描述：aos.js 是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。 简要教程 aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面
阅读全文
摘要：1.多重边框 我们可以通过使用border-image来写一个多重边框，或使用多个元素来模拟多重边框，不过我们有更好的办法来制作一个多重边框，那就是使用box-shadow的第四个参数（称为扩张半径）来完成一个多重边框的制作，肯定大家都已经非常熟悉box-shadow了，不过我还是来复习一下。（1）
阅读全文
摘要：本文首发于CSDN网站，下面的版本又经过进一步的修订。原文：webpack与browser-sync热更新原理深度讲解本文包含如下内容： 开发环境页面热更新早已是主流，我们不光要吃着火锅唱着歌，享受热更新高效率的快感，更要深入下去探求其原理。 要知道，触类则旁通，常见的需求如赛事网页推送比赛结果、网
阅读全文
摘要：当我们让一个模块水平居中首先想到的肯定是margin:0 auto;有木有？那么今天给大家介绍一个fit-content属性，不知道有没有同学用过，如果用过那么你可以略过这篇文章，没用过的同学就继续了，我也是第一次看到这个属性，之前不知道这个属性更不用说使用了，原来这个CSS属性是用来水平居中的，f
阅读全文
摘要：之前写了一篇在ruby环境下如何编译sass的文章：《css预处理器sass使用教程(多图预警)》，随着现在前端构建工具的兴起，也学着使用这些工具来编译sass。webpack存在一个CSS的处理平台-PostCSS，它可以帮助你的CSS实现更多的功能，安装了postcss-loader 和 aut
阅读全文
摘要：本文写于1年前 曾经的学习文章如今拿出来分享 前言 其实我一直很困惑关于js中的callback,困惑的原因是，学习中这块看的资料少，但是平时又经常见，偶尔复制一下前人代码，功能实现了也就不再去追其原由，这么着，这个callback的概念就越来越混乱，因为你总感觉它是你Ajax请求后调用的那个函数，
阅读全文
摘要：开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不断更新，不断更新，重要的事情说三遍
阅读全文
摘要：_________________________________________________________________________________________ 初涉vue就深深的被vue强大的功能，快速的开发能力所折服。所以就写了一个cnode社区的app来实践对vue的学习成果
阅读全文
摘要：HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 html代码: 1 2 3 4 <div class="container"> <canvas id="ca
阅读全文
摘要：一劳永逸的搞定 flex 布局 寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS
阅读全文
摘要：开源原生JavaScript插件-CJPCD(省市区联动) 一、前言 上两篇博客笔者对 JavaScript Module 模式,闭包等知识点做了简单介绍之后,我们今天开始正式开发一款属于自己的 JavaScript 插件。由于最近项目刚好用到地区选择这一块的功能。网上有许多类似插件，但是有些需求还
阅读全文
摘要：一、前言 这几个月事情比较多，写了一些博客都没有来得及整理发布，今天刚好有一位同事在开发前端页面的时候用到了手势判断。所以翻出了之前写的 demo，顺便整理一下作为记录。 手势判断在各种应用中都十分常见，如 APP 中的手势翻页，前进后退等等，如微博做得就特别好，微信的话就不想吐槽了。不扯太远，H5
阅读全文
摘要：欢迎大家关注腾讯云技术社区-博客园官方主页，我们将持续在博客园为大家推荐技术精品文章哦~ 李萌，16年毕业，Web前端开发从业者，目前就职于腾讯，喜欢node.js、vue.js等技术，热爱新技术，热爱编程。 vue.js的文档对于动画的使用做了很多的介绍，不熟悉的小伙伴可以先了解一下。 下面就进入
阅读全文
摘要：背景：15年之前的微信分享只需要加入一段js就可以实现。后来微信官方全部禁止了。现在的微信分享全部得使用jssdk。 一、分享功能： 在微信内（必须在微信里）打开网站页面，分享给朋友或者分享到朋友圈时，自己可以指定分享的标题、缩略图、描述文字。（还可以把这个分享功能进一步扩展，比如分享后发红包、加积
阅读全文
摘要：项目简介 目前一期只是为App内某个模块资讯模块文章的分享和APP下载，后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好（手动笔芯）。 功能 根据分享出来的文章ID获取数据 在网页内可以打开或者下载该APP
阅读全文
摘要：对于图片上传，大家一定不陌生。最近工作中遇到了关于图片上传的内容，借此机会认真研究了一番，遂一发不可收拾，最后琢磨了一个东西出来。在开发的过程中有不少的体会，于是打算写一篇文章分享一下心得体会。本文将会以这个名为Dolu的项目为例子，一步步介绍我是如何进行环境搭建、代码设计以及实际开发的。内容较多，
阅读全文
摘要：小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握.. 这篇文章介绍了5个 ES6 特性，使你的 JavaScript 代码变的更好。不用说，我们大多数
阅读全文
摘要：腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：link 概述 PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for vari
阅读全文
摘要：我来给大家介绍一下在jquery获取css颜色值返回RGB方法，希望此文章对各位同学会有所帮助哦。 代码如下： a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下：
阅读全文
摘要：原文发表在我的博客：http://www.erichain.me/2017/04/17/2017-04-17-more-reasonable-setstate/ React 是我做前端以来接触到的第三个框架（前两个分别是 Angular 和 Vue），无论是从开发体验上和效率上，这都是一门非常优秀的
阅读全文
摘要：原创文章，转载请注明出处并保留地址。原文地址：http://www.cnblogs.com/muge10/p/6723894.html 先放上最后的效果，这是点击图片以前： 这是点击图片以后： 非常清晰，一目了然，就算是小白用户也明白发生了什么。挺好的。 最近在做编辑器相关的东西，遇到一个需求，用户
阅读全文
摘要：前面的话 前面几篇博文分别介绍Git基础知识、Git基本操作、Git分支、Git版本切换、Git托管、Git协作、Git标签等知识。本文把其中涉及到的Git常用命令做一个总结归纳 配置 $ git config Git相关配置 $ git help <command> 获取帮助，也可以写成$ git
阅读全文
摘要：JavaScript 中函数节流和函数去抖的讲解 我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响，尤其是在做一些效果实现方面，或者逻辑中需要进行后端请求，更是会导致卡顿，效果失效等结果，所以在处理类似的情况时，可以考虑使用函数节流和函数去抖来解决，至于具体使用哪一种方式，根据实际情况分析
阅读全文
摘要：若文章中存在内容无法加载的情况，请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候，别人给我安利了一个国外的小案例，通过 Vue 和 Vuex 来实现一个记事本。 仔细剖析下，发现“麻雀虽小，五脏俱全”，是一个挺适合初学者学习分析的一个案例，所以自己也将自己的学习过程整理，得出本文。 国
阅读全文
摘要：本文翻译自 MDN ( Mozilla Developer Network ): 原文地址：MDN 译文地址：shixinzhang 的博客 读完本文你将了解到： 词法作用域 闭包 闭包实战场景之回调 用闭包模拟私有方法 常见的错误在循环中创建闭包 注意性能 词法作用域 闭包 闭包实战场景之回调 用
阅读全文
摘要：上周遇见一个关于双指缩放的问题，同时这个双指缩放也比较常见，于是决定对移动开发手势做一个学习和总结，并给出一个双指缩放的实例，希望对读者提供一些帮助。 先给一个例子，点此查看双指缩放实例 前言 当年乔布斯的iphone第一次支持多点触控时，确实惊艳了世人，而现在大部分手机都支持多点触控，这就有了手势
阅读全文
摘要：摘要：HTML的标签都比较简单，入门非常的迅速，但是CSS是一个需要我们深度挖掘的东西，里面的很多样式属性掌握几个常用的便可以实现很好看的效果，下面我便教大家如何用CSS做一个爱心。 前期预备知识： 话不多说，先教大家怎么用css画一个圆形。 由于我们的爱心是由两个圆和一个正方形组成的，所以我们还需
阅读全文
摘要：前几天接了一个小项目，就是有关百度地图的，和我的上一篇不一样，上一篇是复制人家的源代码是把东西写死了的，这次的比较有难度，要调取他的接口，用js来实现。 下面我先说一下主要实现的功能，和要实现的页面 这个小项目分为前台和后台 前台需要两个页面，第一个页面是一打开就可以获得自己的实时位置，显示当前位置
阅读全文
摘要：阅读目录 服务端的配置 前端的配置 简单请求和非简单请求 携带身份凭证 canvas中画图使用的跨域图片 总结 阅读目录 服务端的配置 前端的配置 简单请求和非简单请求 携带身份凭证 canvas中画图使用的跨域图片 总结 简单请求和非简单请求 携带身份凭证 canvas中画图使用的跨域图片 COR
阅读全文
摘要：本来想这一周做一个关于vuex的总结的，但是由于朋友反应说还不知道如何用vue去写一个组件，所以在此写写一篇文章来说明下如何去写vue页面或者组件。vue的核心思想就是组件，什么是组件呢？按照我的理解组件就是装配页面的零件，比如一辆车有大大小小许多零件组成，那么同样的一个页面，也是有许多组件构成的比
阅读全文
摘要：与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。 通过2个简单的例子来说明这两点。 而这个简单的例子，会被编译为： 变量提升demo示例 变量提升demo示例 当然，你的代码编译成为了ES5之后，仍然会存在变量提升，因此这一点只需要我
阅读全文
摘要：第二章：基础知识 一、velocity和jQuery： Velocity函数是独立于jQuery的，但两者可以结合使用。通常这么做的好处是可以利用jQuery的链式操作：当你先用jQuery选择了一个元素后，就可以用这个元素去调用.velocity()为它添加动画效果。例如： //将一个变量分配给某
阅读全文
摘要：写在前面 那啥，在我的那个很安静的一个 CSS 群（群号：82991297）突然看到有人在问一个问题。 使用 css 如何实现：textarea 如何实现高度自适应？ 当时看到这个问题的时候，我脑中只有一个想法，这个百度一下就够了，完全不需要用很多技术人员都喜欢用的谷歌来搜索。然而，这里有一个关键点
阅读全文
摘要：写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题：在主体内容不足够多或者未完全加载出来之前，就会导致出现（图一）的这种情况，原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是，我们期望的效果是页脚应该一直处于页面最底部（如图二）： 笔者最近在项目中也遇到过这样的场景，在寻找最佳
阅读全文
摘要：深度揭密轮播插件核心代码的实现过程 轮播效果在网页中用的很多，swiper是其中最有代表性的作品,它支持水平和竖直滑动，还有反弹效果，兼容移动端和pc端。当然代码量也是相当大的，单是js就有5300行（3.4.0的未缩版本），若不考虑代码利用率和加载速度直接就用了，在移动端比较慎重，比如京东(m.j
阅读全文
摘要：刚刚在腾讯云技术社区前端专栏中看到一篇腾讯高级前端工程师写的《一个只有99行代码的js流程框架》觉得很屌，感觉是将后台的简单的工作流思维搬到了前端js实现，本人不才在这里拜读解析下源码，而且经常有新手问我的很多问题其实是不懂如何调试一段js代码，在这这里就详细说明下我是怎么调试flowJS的源码思路
阅读全文
摘要：最近一直在想一个问题，如何能让js代码写起来更语义化和更具有可读性。 上周末的时候突发奇想，当代码在运行的时候，其实跟我们做事情是类似的，都是做完一步接着下一步，并且这些事情有些是可规划的，有些是需要做完该步才知道下一步该做什么。想到这里一个js框架雏形在我大脑中慢慢形成，暂且命名为flowJS。
阅读全文
摘要：等高布局 前段时间公司需哦一个后台管理系统，左侧是导航栏，右侧是content区域。然厚刚开始用的是js 去控制的，但是当页面的椰蓉过长的时候，有与js单线程，加载比较慢，就会有那么一个过程，查找了很多的方法都没有解决。最后，尝试用css终于给解决。给大家看下效果图。 这只是个例子。 那编的内容长，
阅读全文
摘要：JavaSript 模块化打包已混迹江湖许久。2009年，RequireJS 就提交了它的第一个版本，Browserify 接踵而至，随后其他打包工具也开始大行其道。最终，Webpack 从其中脱颖而出。如果你对它不甚了解，希望我的文章能让你上手这件强力打包工具。 什么是模块化打包工具？ 在大多数语
阅读全文
摘要：最近看了一篇非常有趣的文章：关于JavaScript的数组随机排序，其作者为oldj前辈。文中指出我们用来“将一个数组随机排序”的经典写法所存在的问题，获益匪浅。 本文将以更加详尽的材料和更多样的code demo进行阐述。并尝试用“Fisher–Yates shuffle”洗牌算法进行终极解答。
阅读全文
摘要：前后端分离之vue2.0+webpack2 实战项目 -- webpack介绍 webpack的一点介绍 Webpack 把任何一个文件都看成一个模块，模块间可以互相依赖（require or import），webpack 的功能是把相互依赖的文件打包在一起。webpack 本身只能处理原生的 J
阅读全文
摘要：以这次学习gulp为契机来同时了解和学习node相关的知识和概念，比如 npm，package.json等，为以后学习node打好基础。 目录 npm 查看模块 安装模块 卸载模块 更新模块 搜索模块 npm配置 查看版本 帮助 package 创建package.json package.json
阅读全文
摘要：1.事出必有因 最近在看老项目的代码，一个富客户端的js代码，几千行的代码，全是function（）{} var...的垂直布局，真的是要感动的哭了。 一开始都是这样，想实现什么功能，不管三七二十一，function走起，最终堆起无数个变量和函数来完成一个画面的js。我也是，但过段时间自己去改代码b
阅读全文
摘要：当打开gitk图形界面时，文件中的中文部分乱码了，这大部分是因为编码格式的问题，为了跟上时代的脚步，本人建议都是用utf-8编码。 为了方便，我将全局配置为utf-8编码： git config --global gui.encoding utf-8 1 1 在备注一下，window下忌用自带记事本
阅读全文
摘要：你肯定已经知道，对于一个 img 元素而言，你可以单独地修改它的 width 或者 height 属性来设置它的大小，同时图片的比例还能够保持不变。 如下图所示，最上面是原始大小的图片，下面两张则分别是设置了 width: 50% 和 height: 50% 属性后的样子。 可以看到把宽度设置为了原
阅读全文
摘要：16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。 例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying/vue-demo/vueCpu（显示404）但
阅读全文
摘要：最近在系统的学习JS深层次内容，并稍微整理了一下，作为备忘和后期复习，这里分享给大家，希望对大家有所帮助。如有错误请留言指正，tks。 了解这些问题，我先一步步来看，先从稍微浅显内容说起，然后引出这些概念。 本文只用实例验证结果，并做简要说明，给大家增加些印象，因为单独一项拿出来都需要大篇幅讲解。
阅读全文
摘要：1、bootstrap-table简介 1.1、bootstrap table简介及特征： Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。目前在git
阅读全文
摘要：Why Regular Expression 我们先来看看，我们干哈要学正则表达式这玩意儿： 复杂的字符串搜寻、替换工作，无法用简单的方式(类似借助标准库函数)达成。 能够帮助你进行各种字符串验证。 不止应用于编程语言中：JavaScript、JAVA、Perl、PHP、C#... 也应用于许多操作
阅读全文
摘要：转载请注明出处，保留原文链接以及作者信息 本文介绍了 JavaScript 初学者应该知道的一些技巧和陷阱。如果你是老司机，就当做回顾了，哪里有写的不好的地方欢迎指出。 1. 你是否尝试过对一个数字数组进行排序呢？ JavaScript 中的 sort() 默认是按字母排序的。所以比如你这样 [1,
阅读全文
摘要：摘要：JavaScript中没有指针，并且JavaScript中的引用与我们通常看到的大多数其他流行编程语言的工作方式不同。在JavaScript中，不可能有一个变量到另一个变量的引用。而且，只有复合值（例如对象或数组）可以通过引用来赋值。 整片文章中将使用下列属于： 标量–单个值或数据单元（如整数
阅读全文
摘要：一、序 面向对象有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMA-262把对象定义为“无序属性的集合，其属性可以包含基本值、对象或者函数”。 使用Object来创建对象，如下代码所示： 使用对象字面量来创建对象，如下代码所示： 通过上面两种方式，虽然我创
阅读全文
摘要：React Conf 2017在加利福尼亚州的圣克拉拉万豪酒店圆满落幕，这已经是Facebook举办的第三届React官方大会了。虽然不能参会，但是作为前端开发者，我们当然不能错过这个绝佳的学习契机。 笔者利用清明假期，参看了YouTube上关于这次大会的记录。一共34个精彩演讲，对应34个视频。获
阅读全文
摘要：共 1812 字，读完需 3 分钟。工欲善其事必先利其器，前端周刊本周起每周会加餐 1 篇工具技巧，里面辅以动图，让大家看完就能学会，并上手使用。本文会介绍 Chrome Canary 新增的代码覆盖率功能、如何收集数据、如何基于它收集的数据来改进 WEB 应用的性能。 Chrome Canary
阅读全文
摘要：引言： 写前端UI的朋友们也许都遇到过这样的问题：我们需要实现这样一个需求，在一个父级元素中隐藏一个可能过长的文本： 这个文本可能是单行的： 也可能是多行的： 下面我就给大家展示如何简单或优雅地实现这种需求 单行文本溢出的省略 先上代码 <div style = 'width:400px; heig
阅读全文
摘要：使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。 特效四个关键点：显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示出来隐藏：鼠标移开时，ToolTip提示框自动隐藏定位：ToolTip提示框的位置需要根据ToolT
阅读全文
摘要：其实这只是一个很小的需求，但是写着写着发现干货越来越多，所以特意给大家分享一下。 项目需要做一个类似QQ聊天输入的效果 有的同学说，这不是很简单吗？一开始我也这么感觉 :) 观察需求 1.整体固定在底部2.左侧为编辑区域3.右侧按钮应该为固定宽度4.随着输入文字变多，输入域高度向上自增，且有一个阈值
阅读全文
摘要：1、教学环境 2、云计算概念 3、工作岗位与内容 4、linux系统简介 5、shell概念 6、linux基础命令 man/help/info/pwd/cd/ls/mkdir/stat/touch/rm/copy/mv/echo/cat/less/more/tty/管道 7、重定向 >,1>,2>
阅读全文
摘要：在入门Vue时, 列表渲染一节中提到数组的变异方法, 其中包括push(), pop(), shift(), unshift(), splice(), sort(), reverse(), 而concat()和slice()不属于变异方法. 在这里就复习一下Array所提供的这几个方法的使用. 栈方
阅读全文
摘要：微软官方放弃了 IE10-，所以现在可以放心使用原生 JavaScript 操作 DOM 了。 文章针对如下几个点进行介绍： 一、查询 DOM 1.1 .querySelector() 使用 CSS 选择器获取元素（一个），是网页中符合查询条件的元素快照，不是即时的。 const myElement
阅读全文
摘要：在开始之前，我要照例给大家科普一下啥叫面包屑导航栏 类似于下面这几种的 主页>栏目页>文章页面 主页/栏目页/文章页面 可以告诉访问者他们目前在网站中的位置以及如何返回的DOM叫面包屑导航栏 但是。。。。。。 你不觉得这个不好看吗？ 如果哪一天，你们公司的UI给你一张图，图里的面包屑导航栏是这样的
阅读全文
摘要：使用canvas制作的移动端color picker 项目演示地址(用手机或者手机模式打开) 我在另一个中demo，需要用到color picker，但是找不到我需要的移动端color picker，很多都是pc的，然后发现 这个东西存在，发现安卓没问题，ios却不支持，但是我看安卓那个color
阅读全文
摘要：最近在做项目的时候遇到一个问题，在 react 组件 unmounted 之后 setState 会报错。我们先来看个例子， 重现一下问题： 举的例子不是很好，主要是为了说明问题。在 WelcomeWrapper 组件中， 300ms 之后移除了 Welcome 组件，但在 Welcome 组件里
阅读全文
摘要：提高 webpack 构建 Vue 项目的速度 前言 最近有人给我的 Vue2 后台管理系统解决方案 提了 issue ，说执行 npm run build 构建项目的时候极其慢，然后就引起我的注意了。在项目中，引入了比较多的第三方库，导致项目大，而每次修改，都不会去修改到这些库，构建却都要再打包这
阅读全文
摘要：webpack作为构建工具平时作为前端作为优化、模块编程、和分片打包的重要组成部分,大家可能并不陌生，如果没有时刻的去关注文档，那么大家可能不太清楚webpack已经默默然的升级到2.x了，对比1.x版本，webpack2的文档结构和代码提示都非常友善。 webpack从1.x升到2版，并没有作为大
阅读全文
摘要：前端总结系列 前端总结·基础篇·CSS（一）布局 前端总结·基础篇·CSS（二）视觉 前端总结·基础篇·CSS（三）补充 前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String） 前端总结·基础篇·JS（二）数组深拷贝、去重以及字符串反序和数组（Array） 前端总结·基础篇·JS
阅读全文
摘要：一、前言 Vue.js框架是目前比较火的MVVM框架之一，简单易上手的学习曲线，友好的官方文档，配套的构建工具，让Vue.js在2016大放异彩，大有赶超React之势。前不久Vue.js 2.0正式版已出，在体积优化（相比1.0减少了50%）、性能提升（相比1.0提升60%）、API优化等各方面都
阅读全文
摘要：v-model是 vue.js 中用于在表单表单元素上创建双向数据绑定，它的本质只是一个语法糖，在单向数据绑定的基础上，增加了监听用户输入事件并更新数据的功能；对，它本质上只是一个语法糖，但到底是一个什么样的语法糖呢……？正好最近我也踩到相关的坑了，就从最简单的input和textarea元素入手，
阅读全文
摘要：原本我想隔个几天再发文章，刚好今天项目上线，环境有问题，导致只有干等，刚好要为公司打造一套属于公司自己的一系列功能组件，这个使命就交给我了，大家也一直叫我来点干货，说实话我只是一个湿货，肚子里干一点就给你们出点货，那从今天开始不看岛国片系列教程视频，不但自撸，还教你撸............你懂的！
阅读全文
摘要：今天来讲解“雷达扫描”效果demo，来源于QQ群里边有群友说想要个雷达效果，就尝试写了一下。 效果图： demo链接： https://win7killer.github.io/can_demo/demo/radar.html ************************************
阅读全文
摘要：在这一篇文章中，将会介绍鼠标坐标、元素坐标以及鼠标在指定元素内的坐标。 1. 鼠标坐标 在触发鼠标相关事件时(如：click、mousemove)，可以通过事件对象获取当前鼠标的坐标。 获取的坐标可分为2种： 1) MouseEvent.screenX、MouseEvent.screenY ：基于屏
阅读全文
