Viewport移动Web开发自然要从Viewport说起，那什么是Viewport呢？字面意思是视图窗口，通俗的讲就是指移动设备上能用来显示页面的那部分区域。设备像素对于设备来说，有两个设备像素：物理像素和独立像素。物理像素：是指设备显示屏中使用的最小显示单位，也就是屏幕分辨率独立像素：Web编程种的逻辑像素，也就是CSS像素。像素密度PPI（pixelsperinch）用来表示设备每英寸所拥有

在日常工作中，有时会遇到一次性往页面中插入大量数据的场景，在数栈的离线开发（以下简称离线）产品中，就有类似的场景。本文将通过分享一个实际场景中的前端开发思路，介绍当遇到大量数据时，如何实现高效的数据渲染，以达到提升页面性能和用户体验的目的。渲染大数据量时遇到的问题在离线的数据开发模块，用户可以在SQL编辑器中编写SQL，再通过整段运行/分段运行来执行SQL。在点击整段运行后，从运行成功日志打印后到

1.分支结构：示例：{{score}}=90">优=80">良=60">中差这是v-showclicktogglevarvm=newVue({el:"#scorecontent",data:{score:10,flag:false},methods:{clickshow:function(){this.flag=!this.flag}}})这里我们要注意，当我们需要频繁切换显示的时候，我们使用v-

什么是ajax？AJAX就是浏览器提供的一套API，可以通过JavaScript调用，从而实现通过代码控制请求与响应。实现网络编程1、使用AJAX的过程可以类比平常我们访问网页过程//1\.创建一个XMLHttpRequest类型的对象——相当于打开了一个浏览器varxhr=newXMLHttpRequest()//2\.打开与一个网址之间的连接——相当于在地址栏输入访问地址xhr.open('G

点击上方“Web前端进阶指南”关注我呦跟程序员小强一起学前端这一篇呢，我们来说说CSS3一些高级有趣的属性，帮助我们更好的，更高效的去开发我们的页面，不仅在效率上提高很多，而且页面效果上更炫酷，下面一起来看看吧。CSS3多列属性CSS3多列属性有很多，我们一一来介绍一下，包括以下几个属性：column-countcolumn-gapcolumn-rule-stylecolumn-rule-widt

上一篇文章呢，我们写了相关CSS的基础语法，包括CSS语法、多重声明、选择器的分组及CSS的引入，那么学会了怎么写CSS，接下来就要想写那些样式，包括些什么样式，由于内容之多，所以分成上下篇，下面呢，我给大家介绍一下。【引言】通俗点说，就是给我们的网页“化妆”，就像你女朋友化妆一样，给头发喷点水，给眼睛画个眼线，给脸蛋抹点粉，然后穿上漂亮的衣服，网页元素添加CSS样式也一样，大点说，给页面头部添加

在CSS高级语法中，我们将不再用最直接的样式属性来定义文档元素的样式，我们将结合多种属性来完成多样化的样式添加，使得页面布局更加灵活多变。【引言】比如说CSS居中，我们不再用text-align：center这样的属性让元素内容居中，那么想让元素居中，得配合其他属性来完成，因为在CSS定位中，它是无法单一的完成我们想要的居中效果和其它的对齐效果。其次，还有CSS尺寸问题，比如说如何定义元素尺寸，让

body{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:constant(saf

前言早期浏览器的页面是运行在UI线程上的，为了在页面中引入JavaScript，方便JS操作DOM，JS也需要运行在和页面相同的线程中，所以JS是单线程的。一、基本概念事件循环系统由主线程、调用栈、宏任务、微任务、消息队列等构成。主线程：UI线程调用栈：一种数据结构、用来管理在主线程上执行的函数的调用关系消息队列：用于存放等待主线程执行的宏任务‘事件’列表任务：UI线程每次从消息队列中取出事件、执

最近从松江图书馆中借了一本叫《指尖上行移动前端开发进阶之路》的书，该书分为5大章，此处只记录了其中的第4章。

前言早期浏览器的页面是运行在UI线程上的，为了在页面中引入JavaScript，方便JS操作DOM，JS也需要运行在和页面相同的线程中，所以JS是单线程的。一、基本概念事件循环系统由主线程、调用栈、宏任务、微任务、消息队列等构成。主线程：UI线程调用栈：一种数据结构、用来管理在主线程上执行的函数的调用关系消息队列：用于存放等待主线程执行的宏任务‘事件’列表任务：UI线程每次从消息队列中取出事件、执

更新进度:15%更新时间:2020-07-23前言本篇文章将长期更新前端技术中关于A与B的区别类型的问题、文章中的问题与答案都是根据面试真题和网络搜索总结而来、本人并不保证答案的正确性、完全是个人的理解、如果有错误的地方欢迎各位前辈、大佬指出、万分感谢一、目录1、let和var和const的区别2、get和post的区别3、call和apply和bind和()=>{}的区别4、setTimeout

chapter2技术创意形式动画形式移动设备WebAPI详解WebVR创意点2.1动画形式2.1.1CSS3CSS3CascadingStyleSheets层叠样式表。CSS3是CSS技术的一个升级版本，是由Adobe、Apple、Google、HP、IBM、Microsoft、Mozilla及Opera等诸多WEB巨头联合组织的一个名为“W3C”的组织共同协商策划的。优势：易于编写，不懂Java

这章主要演示怎么通过lua操作cookie操作cookie有两种方式，一种是直接设置响应头，另外一种是用lua-resty-cookie库（其实原理是一样的，只不过做了一点封装），这个库也是春哥写的，可以放心使用，下面我分别介绍一下两种方式怎么用读取cookie一（原生）print(ngx.var.http_cookie)--获取所有cookie，这里获取到的是一个字符串，如果不存在则返回nilp

chapter1移动页面开发页面布局页面调试常用库和框架1.2页面调试1.2.1Chrome开发者工具Chrome为开发者提供了一个强大的工具来调试浏览器上的网页。————–ChromeDevToolsurl：https://developer.chrome.com/devtoolsChrome调试工具除了能在电脑调试PC页面外，还可以调试Android设备的移动端网页。准备工作：PC上需要安装C

讲系统性整理输出在实战演练中掌握前端知识和编程技巧面试切入，立体分析高频考点及其底层原理内容示例：JavaScript知识图谱课程介绍作者LucasHC，作为资深Web开发工程师和具有多年宝贵经验的面试官，系统梳理了前端开发核心知识脉络，同时立体剖析了前端开发进阶的方方面面

互联网时代已进入后半场，行业环境发生了显著变化。互联网人，尤其是技术人员，如何在加速更迭的技术浪潮中持续充电，提升自身价值，是当下必须面对的挑战。近期，阿里、百度、微软、滴滴、创新工场等大厂相关负责人共同参加了开课吧举办的“2019年互联网人826返校大会”，助力“开课吧”赋能泛互联网人实现职业提升和自我成长。Boss直聘、猎聘网和开课吧达成战略合作，为开课吧学员提供就业服务支持。与此同时，开课吧

开课吧前端团队最新出炉的《前端开发进阶手册》终于来了，这套系统的前端资料，能够帮助大家更好掌握面试技巧和热门知识点：面试多次，老是通过次数少/薪资低人一大截；了解多个单独的技术点，但缺乏体系化，很难串起来

开课吧前端团队最新出炉的《前端开发进阶手册》终于来了，这套系统的前端资料，能够帮助大家更好掌握面试技巧和热门知识点：面试多次，老是通过次数少/薪资低人一大截；了解多个单独的技术点，但缺乏体系化，很难串起来

开课吧前端团队最新出炉的《前端开发进阶手册》终于来了，这套系统的前端资料，能够帮助大家更好掌握面试技巧和热门知识点：面试多次，老是通过次数少/薪资低人一大截；了解多个单独的技术点，但缺乏体系化，很难串起来

讲系统性整理输出在实战演练中掌握前端知识和编程技巧面试切入，立体分析高频考点和底层原理课程介绍作者LucasHC（侯策），作为资深Web开发工程师和具有多年宝贵经验的面试官，系统梳理了前端开发核心知识脉络，同时立体剖析了前端开发进阶的方方面面

《指尖上行——移动前端开发进阶之路》学习笔记第二章：讲解一些常用的动画技术形式、移动端设备API、最近非常热门的VR及常见的技术创意组合形式，可以让移动页面实现更多的互动效果。

概念：只传递给函数一部分参数来调用，让它返回一个函数去处理剩下的参数开篇之前，我们先来看一个例子functionsquare(i){returni*i;}functiondouble(i)returni*2;}functionmap(handeler,list){returnlist.map(handeler)}//数组的每一项平方map(square,[1,2,3,4,5]);map(squar

《指尖上行——移动前端开发进阶之路》学习笔记第四章：整理监控移动页面的办法及我们总结的数据参考，让开发人员可以通过数据分析更好地评估作品和发现问题。

《指尖上行——移动前端开发进阶之路》学习笔记第五章：整理我们团队产出的一些优秀项目案例，教大家如何将这些知识运用到实战中及如何解决遇到的问题。

01移动页面开发1.1页面布局1.1.1viewportviewport，视图窗口，指移动设备上能用来显示页面的那部分区域。默认情况下，部分移动设备上的浏览器会把自己默认的viewport设为980像素，也可能是其他值。1)设备像素设备物理像素指设备显示屏中使用的最小显示单元，也就是屏幕分辨率。iphone5是640*1136像素，iphone6是750*1334像素。设备独立像素指web编程中的

第二阶段：前端技能进阶web前端开发进阶阶段的学习，首要是让我们快速掌握当今盛行、实用、最新的技能，比方：less、sass

第二阶段：前端技能进阶web前端开发进阶阶段的学习，首要是让我们快速掌握当今盛行、实用、最新的技能，比方：less、sass

讲系统性整理输出在实战演练中掌握前端知识和编程技巧面试切入，立体分析高频考点及其底层原理课程介绍作者LucasHC（侯策），作为资深Web开发工程师和具有多年宝贵经验的面试官，系统梳理了前端开发核心知识脉络，同时立体剖析了前端开发进阶的方方面面

前言前端技术近几年发展十分迅速，各种框架层出不穷让人应接不暇，好不容易掌握了一个前端框架结果还没深入理解又出现了新的框架，让前端的开发同学们累觉不爱。前段时间Node.js作者推出新的框架deno，在issue区内就出现了“求不要再更新了，学不动了”的吐槽。作为程序员一定要不断学习、了解最新的技术框架才能让自己立于不败之地。幸运的是，有不少人帮助指引可行的道路，帮助大家避免那些无用的路径。Kamr

前言前端技术近几年发展十分迅速，各种框架层出不穷让人应接不暇，好不容易掌握了一个前端框架结果还没深入理解又出现了新的框架，让前端的开发同学们累觉不爱。前段时间Node.js作者推出新的框架deno，在issue区内就出现了“求不要再更新了，学不动了”的吐槽。deno吐槽作为程序员一定要不断学习、了解最新的技术框架才能让自己立于不败之地。幸运的是，有不少人帮助指引可行的道路，帮助大家避免那些无用的路

chapter1移动页面开发页面布局页面调试常用库和框架1.1页面布局1.1.1Vieport（视口，视图窗口）设备像素物理像素：屏幕分辨率；设备独立像素：CSS像素（eg:IPhone5CSS像素是320*568px）。像素密度（PPI）PPI=(屏幕分辨率宽的平方+屏幕分辨率高的平方)开根号/4（eg：IPhone5的PPI大于等于326）根据Apple提出的定义，电脑显示屏PPI高于200，

####做前端开发，大多数情况下，都需要跟后端打交道，而最常见的方式则是通过http请求，进行通信。在openresty中，通过http跟后端整合通信的方式又很多种，各有各的好处，可以根据情况交叉使用##1、直接proxy这种方式最简单，也是我们最熟悉的，直接配置一个反向代理，跟nginx的用法一致比如我们有一个后端服务，提供用户相关接口，是java写的，端口8080，为了简单起见，我直接在ope

阅读更多####做前端开发，大多数情况下，都需要跟后端打交道，而最常见的方式则是通过http请求，进行通信。在openresty中，通过http跟后端整合通信的方式又很多种，各有各的好处，可以根据情况交叉使用##1、直接proxy这种方式最简单，也是我们最熟悉的，直接配置一个反向代理，跟nginx的用法一致比如我们有一个后端服务，提供用户相关接口，是java写的，端口8080，为了简单起见，我直接

做前端开发，大多数情况下，都需要跟后端打交道，而最常见的方式则是通过http请求，进行通信。在openresty中，通过http跟后端整合通信的方式又很多种，各有各的好处，可以根据情况交叉使用1、直接proxy这种方式最简单，也是我们最熟悉的，直接配置一个反向代理，跟nginx的用法一致比如我们有一个后端服务，提供用户相关接口，是java写的，端口8080，为了简单起见，我直接在openresty