前端框架这么多，该何去何从？；为什么只会 Vue 的都是前端小白？；实现一个高度自适应的输入框；10分钟学会基本的 Flexbox 布局；原生轮播图组件化；谈谈JavaScript中的this关键字；轻松理解vue框架的基本原理，简单实现一个todo-list；React 演化史
-
前端框架这么多，该何去何从？ 作为一个软件开发者，最大的挑战就是在不断涌现的新技术中进行取舍，持续学习是从事这一行业的必备技能。在这个领域里，技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏，呈现出一派欣欣向荣之景。 在项目中必不可少的便是前端，它是系统的门面、是用户对系统最直接的体验，颜值高低也是决定系统好…
-
为什么只会 Vue 的都是前端小白？ 昨天发了一篇文章《Angular有哪些地方比Vue更优秀？》，碰到了小白们的痛处。从评论可以看出来，在国内这种以抄袭和跟风为荣的风气之下讲道理是很难的。 今天，我想再来撩一撩小白们脆弱的自尊。 请注意仔细看好标题，是“只会”，不是“会”，能理解区别吧？ 比如某个人去你公司面试前端，你一定要问清楚他会哪些东西，除了…
-
实现一个高度自适应的输入框 by. 李明 2 小时前 需求 实现一个输入框，高度可以随着输入文字的增加而自动增高，类似于微信输入 输入为空时，显示placeholder 字数限制maxlength 方法1：使用textarea配合工具函数 autosize 实现高度自适应的输入框(支持IE9+)，具体代码如下： &…
-
10分钟学会基本的 Flexbox 布局 愚人码头注：本文在英文原文的基础上加了一些便于理解的注释和示例。 什么是 Flexbox ？ Flexbox 是 flexible box 的简称（愚人码头注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能
-
原生轮播图组件化 这是一个轮播图组件，你可以直接下载使用，这里是代码地址，需要传入容器的id和图片地址，支持Internet Explorer 10+、Firefox、Opera和Chrome等现代浏览器。 之前写一些功能或是特效都
-
谈谈JavaScript中的this关键字 Java 语言当中也有this关键字，而 JavaScript 语言当中的this关键字因为具有运行期绑定的特性，JS 当中的这个this关键字的含义要丰富的多。现在来看看这个this到底有啥奥秘……
-
轻松理解vue框架的基本原理，简单实现一个todo-list前言 最近在学习vue框架的基本原理，看了一些技术博客以及一些对vue源码的简单实现，对数据代理、数据劫持、模板解析、变异数组方法、双向绑定有了更深的理解。于是乎，尝试着去实践自己学到的知识，用vue的一些…
-
React 演化史在 Stack Overflow Trends 中快速搜索 React 的技术趋势, 可以清楚地发现 2014 到 2017 年 React 呈现稳步增长的趋势, 而且在各大社区不难发现, 世界各地的开发人员在最近几年都在积极寻求并获得有关 React 问题…
-
JavaScript的原型及原型链 在 《javascript王国的一次旅行，一个没有类的世界怎么玩转面向对象？》一文中我们提到了在没有类概念的 JavaScript 语言中是通过原型来实现面向对象的继承特性。只要运用得好，这种基于原型的 JavaScript 继承模型比传统的类继承还要强大。所
-
2017-08-03 前端日报2017-08-03 前端日报 精选 JavaScript专题之jQuery通用遍历方法each的实现深入了解React的子组件GitHub上最流行的Top 10 JavaScript项目再聊移动端页面的适配[译]HTML&CSS Lesson4: 盒子模型ElemeFE/node-pra…
-
前端学习资料学习资料汇总 1. 语法类 ES6 ECMAScript 6 入门–阮一峰 Markdown Markdown 语法说明 (简体中文版) 2. 工具类 Git Git教程 vscode 占坑 sublime 占坑 webstorm 占坑 3. HTML 占坑 4. CSS Stylus stylus中文文档 s…
-
React.js组件化开发第二步(添加样式及数据请求)第一步主要说了一下框架的搭建及组件与路由的创建; 接下来主要是样式的添加及从后台获取数据: 添加样式美化页面 化美化一下我们的公共组件: 在 /src/components/Common/ 目录下添加 NavBar.css: {代码…} 样式要…
-
【Vue实例】使用过一段时间的vue1.0,现在vue已经更新了很多版本了，语法在很多地方也有了变化。在此记录一下重新学习的过程以及对vue的一些自己的理解。vue的介绍就直接连接到官网了，官网介绍很详细了【Vue介绍】 1. 构造函…
-
怎样成为大家口中的「好前端」 在技术上更应该注重扎实的基础，把对工具的应用当成提升效率的方法。
在技术之外更应该注重自身情商、解决问题、独立思考以及自主学习的能力的培养。
当然，还有最最最重要的一点是：一定要有一个好身体，多运动少熬夜，打铁还需自身硬啊。 -
withCredentials 属性什么是 credentials credentials，即用户凭证，是指 cookie、HTTP身份验证和TLS客户端证书。需要注意的是，它不涉及代理身份验证或源标头。 XMLHttpRequest 的 withCredentials 属性 默认值为false。在获取同域资…
-
空间查询(2)—ArcGIS API For JavaScript 相比较于QueryTask，FindTask和IdentifyTask支持多个图层查询。FindTask支持属性查询，IdentifyTask支持图形查询。 1、FindTask FindTask通过FindParameters类来设置查询参数，执行 search.execute(FindParameters,function (result)） 先设置查询参数： returnGeometry：是否返…
-
反驳《 Vue 从 Angular 里面抄了哪些东西？》 MVVM（Model-View-ViewModel）的设计模式最早于 2005 年由微软的 WPF 和 Silverlight 架构师 John Gossman 在他的博客中提到的：Introduction to Model/View/ViewModel pa
-
自制前端框架之依赖追踪器 依赖追踪机制是 Vue 的核心之一，那么依赖追踪算法如何工作呢？在 30 行内我们就能实现它 Reactive 基础 说起依赖追踪，就不能不提数据绑定的概念。前端最常见的重复劳动之一就是把数据绑定到 HTML 模板上，这时数据绑定能够实现数据更新时模板的自
-
CSS中的形状变换 1.自适应椭圆 思路：border-radius可以单独指定水平和垂直半径，用百分比来表示 div { width:16em; height:10em; backg 1.自适应椭圆 思路：border-radius可以单独指定水平和垂直半径，用百分比来表示 div { width:16em; height:10em; backg
-
用typescript开发AngularJS应用 考虑到一些老的项目仍在使用AngularJS 1.x开发，而Angular 2+优先使用typescript开发，所以打算使用typescript来开发AngularJS 1.x的应用，希望能够对以后升级到Angular 2+有所帮助。
-
webpack-dev-middleware详解 简单介绍 webpack-dev-middleware,作用就是，生成一个与webpack的compiler绑定的中间件，然后在express启动的服务app中调用这个中间件。 这个中间件的作用呢，简单总结为以下三点：通过watch mode，监听资源的变更， 简单介绍 webpack-dev-middleware,作用就是，生成一个与webpack的compiler绑定的中间件，然后在express启动的服务app中调用这个中间件。 这个中间件的作用呢，简单总结为以下三点：通过watch mode，监听资源的变更， 简单介绍 webpack-dev-middleware,作用就是，生成一个与webpack的compiler绑定的中间件，然后在express启动的服务app中调用这个中间件。 这个中间件的作用呢，简单总结为以下三点：通过watch mode，监听资源的变更，
-
js与css阻止元素被选中及清除选中的方法总结 有时候，我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子，有时候用户在一个区域执行频繁的点击操作，一不小心傲娇地点多了，就会选中当前区域的内容。 再举个栗子，制作轮播组件的时候，点击下一页，若点击的快的话，浏览器会识别为双击。 双击的默认效果是选中整片区域，这时候轮播图组件就会被表示忧…
-
Web 端的下一代三维图形 原文地址：Next-generation 3D Graphics on the Web 原文作者：Dean Jackson 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：reid3290 校对者：leviding，
-
用vue的双向绑定简单实现一个todo，简单理解vue框架的基本原理 前言 最近在学习vue框架的基本原理，看了一些技术博客以及一些对vue源码的简单实现，对数据代理、数据劫持、模板解析、变异数组方法、双向绑定有了更深的理解。于是乎，尝试着去实践自己学到的知识，用vue的一些基本原理实现一个 简单的todo-list ，完成对深度复杂对象的双向绑定以及对数组的监听，加深了对vue基本原…
-
CSS中的背景和边框 1.半透明边框 问题原因：背景会扩展到边框border下解决方案：把背景限制在padding-box中background-clip: padding-box; Paste_Image.png 2.多重边框 box-shadow方案 Paste_Image 1.半透明边框 问题原因：背景会扩展到边框border下解决方案：把背景限制在padding-box中background-clip: padding-box; Paste_Image.png 2.多重边框 box-shadow方案 Paste_Image
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
