首页专题前端web

前端web

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于前端web内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在前端web相关知识领域提供全面立体的资料补充。同时还包含 qsort、quartz、quartz插件的知识内容，欢迎查阅！

前端web相关知识

杂谈：前端Web通信
前端Web通信Web2.0以来，Ajax的出世，解决了传统表单提交页面跳转，闪烁白屏等问题。使得Web页面可以实现局部更新，不仅减少了网络带宽，还大大提升了用户体验。但Ajax并非是一把万能的钥匙，足以打开Web通信这扇大门，当请求遇到跨域通信时，Ajax就没辙了。Web的快速发展让开发走向工程化的同时，要求工作维度进行划分（前端后端分工明细），以便扩展维护日益复杂庞大的项目需求。而前后端分离的开发方式正是这种需求背景下衍生的产物。（以前混编的代码现在是再也不想看到）前后端分离的开发方式，如何进行数据通信是开发人员绕不过去的问题。作为开发同学的小伙伴客户端的浏览器，有点小调皮还做了一个同源策略的限制，当我们的数据请求遇到不同源的情况下（跨域），我们就得尝试其它的通信方法，不能Ajax一条道走到黑。什么是同源策略及限制同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。同源要求协议，域名，端口(默认80)三者都相同，否则为非同源。同源策略限制：C
前端web worker实践与总结
先说下场景，我们的项目中有一个需求是合并多天行程的一个详情页面，这就涉及到一个接口请求问题，如果合并7天，7天内存在20个行程，那我们就需要进行20多个请求，即便每个请求都走异步，但其实也都是进入任务队列里面依次执行，因此并没有能够说起到很大的性能提升。这个时候就需要web worker来做多行程的并行请求了, 从而达到提升性能的效果, 我们先简单来看下web worker的 APIindex.js// worker的创建是通过一个另外的脚本来生成的，里面定义的是worker的具体执行逻辑var worker = new Worker("text.js")// 传输消息给worker, tips: 当一个消息在主线程和worker之间传递时，它被复制或者转移了，而不是共享 worker.postMessage()    // 接收经过worker处理过的消
为自己加油从前端Web笔记开始
201608131020 选择器：每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。标签选择器标签选择器其实就是html代码中的标签。例如：p{font-size:12px;line-height:1.6em;}（选择器是p标签html代码）类选择器语法： .类选器名称{css样式代码;} 注意： 1、英文圆点开头 2、其中类选器名称可以任意起名（但不要起中文噢）使用方法：第一
对前端web js，css文件进行压缩混淆
下载 yuicompressor jar包到本地路径写一个批处理脚本compressJs.bat，将要压缩的js文件放在批处理文件的同一路径，yuicompressor.jar也放在同一路径运行批处理文件，在该路径下会生成一个min文件夹，里面的*.min.jar就是压缩混淆后的js文件css文件同上操作一下是批处理脚本的内容：echo offset PathName=%cd%set minPath=%PathName%\minif exist "%minPath%" (del %minPath%)mkdir %minPath%for /f "delims=" %%i in ('dir /s/b/a-d  "*.js"') do (echo %%~nxiecho %minPath%\%%~ni.min.jsjava -jar yuicompressor-2.4.8.jar %%~nxi -o %%~ni.min.