2018年10月_liuyingv8

转载 html5前端入门教程分享：Node.Js 框架

项目前期准备：以express 框架为例npm i express-generator -g //全局安装express框架 express -e //生成express应用骨架 npm i //安装依赖 npm start //在3000端口监听拓展：目前最市面上最流行的node框架有： Sail.js Sails.js 就像是 Node.js 平台上的 Rails 框架。...

2018-10-30 16:38:17 452

转载 html5前端教程：如何使用CSS3制作长投影

在flat design(扁平化的设计)中，Long Shadow （长投影）被看着屡试不爽的设计技能。比如下面这张，非常经典的长投影设计: 摄影师选择长投影通常是给图片带来戏剧效果，在自然界中，长投影发生在黄昏的时候，太阳接近地平线时，水平地面上的物体俯瞰就会有长投影的效果。在界面设计中我们通常采用了模拟45度角的效果，模拟阳光从西北角上射来，从而与设计的主题形成鲜明的对比效果。...

2018-10-29 16:52:20 391

转载 Web前端教程分享：页面性能优化办法有哪些？

引子互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上，加载时间每多1秒，你就会流失7%的用户。8秒并不是准确的8秒钟，只是向网站开发者表明了加载时间的重要性。那我们如何优化页面性能，提高页面加载速度呢？这是本文主要要探讨的问题，然而性能优化是个综合性问题，没有标准答...

2018-10-26 16:03:30 356

转载转型web前端工程师怎样学才能拿高薪？

优秀的web前端开发工程师要在知识体系上有广度和深度，且具备快速学习的能力。前端开发工程师不仅要掌握基本的web前端开发技术、网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。一、前端工程师至少要满足四类客户的需求 1、产品经理：这些是负责策划应用程序的一群人...

2018-10-25 17:14:24 178

转载为什么前后端分离了，你比从前更痛苦？

你有没有遇到过：前端代码刚写完，后端的接口又变了。接口文档永远都是不对的。测试工作永远只能临近上线才能开始。为什么前后端分离了，你比从前更痛苦？前后端分离早已经不是新闻，当真正分离之后确遇到了更多问题。要想解决现在的痛，就要知道痛的原因：为什么接口会频繁变动？设计之初没有想好。这需要提高需求的理解能力和接口设计能力。 ...

2018-10-24 16:22:24 172

转载 HTML5前端技术教程：H5拖放

提到拖拽，我们都很熟悉，那么拖放呢？一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生 JS 拖拽效果的缺点：1. 代码相对复杂与冗余2. 仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放所以H5就出现了拖放技术，与 JS 原生相比 HTML5 拖放的优势： H5拖放技术，drag&drop，对于浏览器的支持性：Internet...

2018-10-23 15:33:41 243

转载 HTML5前端学习总结：新增的HTML5语义标签

在学习的HTML5语义时候，我觉得这个标签设置很便于理解；以下是新增的语义标签还有一些新标签： < title></title>：简短、描述性、唯一（提升搜索引擎排名）。 <hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。 <header></header>：页眉通常包括网站标志、主导...

2018-10-22 17:24:05 173

转载 HTML5前端教程分享：JavaScript定时器

JS的定时器目前有三个：setTimeout、setInterval和setImmediate。定时器也是一种异步任务，通常浏览器都有一个独立的定时器模块，定时器的延迟时间就由定时器模块来管理，当某个定时器到了可执行状态，就会被加入主线程队列。JS定时器非常实用，做动画的肯定都用到过，也是最常用的异步模型之一。有时候一些奇奇怪怪的问题，加一个setTimeout(fn, 0)（以下简写...

2018-10-19 16:56:55 887

转载 HTML5前端教程分享：JavaScript学习指南

JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。下面，千锋老师就为大家简单介绍一下javascript学习指南。给 script 元素设置 defer 属性可以让浏览器提前处理页面部分，在页面处理结束并做好显示准备...

2018-10-18 14:17:08 192

转载 HTML5前端教程分享：前端模块化开发

1. 命名冲突首先从一个简单的习惯开始。由于以前一直做 JavaEE 开发的缘故，在 JavaScript 开发中，我已经习惯将项目中的一些通用功能抽象出来，形成一个个的独立函数，以便于实现代码复用，如：function css(element, attr) { // 获取 element 元素的 attr 对应的 CSS 属性值// ...} function of...

2018-10-17 16:47:17 2233

转载零基础学HTML5的学习路线完整版

如今很多学习HTML5开发的同学都是一些零基础或者转行来学习的，对HTML5都不是很了解，所以想进入这一行业那么就得多去了解一下这个行业，只有了解清楚才能更好的开始学习。第一：基础的重要性无论做什么都一定要有扎实的基础，参加web前端开发培训也不例外，只有基础牢固，才能更深入的学习新技能。作为一名初级的html5开发工程师，你必须要具备基础的技术要素：html，CSS和Java...

2018-10-16 17:43:11 1019

转载 HTML5前端课程教程分享：浅谈对soket的理解

定义：网络上的两个程序通过一个双向的通信链实现数据的交换，这个链接的一端就成为Socket它是进程通信的一种，即调用这个网络库的api函数实现分布在不同主机相关进程之间的数据交换，依照tcp/ip协议分给每个主机的网络地址，如果两个主机要进行通信，任何一个进程都要首先知道对方的网络地址，也可以说是对方的IP。端口号用来辨别本地进程，一个本地的进程通信时，，都要占用一个端口号，不同的进程...

2018-10-15 14:58:44 151

在了解兼容问题之前，先了解下浏览器的内核。浏览器最重要或者说核心的部分是“Rendering Engine”，可翻译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。作用是负责对网页语法的解析并渲染（显示）网页。不同的浏览器内核对网页编写语法的解析不一样，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页开发人员需要在不同内核的浏览器中测试网页显示效果的原因。常见的浏...

2018-10-12 17:23:16 135

转载关于Vue SSR不可不知的问题

本文主要介绍Vue SSR(vue服务端渲染)的应用场景，开发中容易遇到的一些问题，提升ssr性能的方法，以及ssr的安全性问题。SSR的应用场景1.SEO需求SEO（Search Engine Optimization，搜索引擎优化），是一种利用搜索引擎规则，提高网站在搜索引擎内自然排名的技术。通常这需要页面内容在页面加载完成时便已经存在。SEO需求的存在与互联网技术的发展历程密不可...

2018-10-11 15:47:44 5034

转载 JavaScript数组去重的12种方法

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。注：写的匆忙，加上这几天有点忙，还没有非常认真核对过，不过思路是没有问题，可能...

2018-10-10 16:10:26 199

转载关于CSS中position的定位技术

使用position定位有四种方式，分别为absolute、relative、static、fixed，static是静态定位，也为系统自动定位。下面主要分析其他三种定位方式的特点。 1. 绝对定位：position:absolute(1) 绝对定位是将元素依据已经定位（绝对、固定或相对定位）的离他最近的祖先元素进行定位，祖先元素没有定位或没有祖先元素则默认依据body浏览器...

2018-10-09 16:10:14 278

转载首屏时间从12.67s到1.06s，我是如何做到的？

本文是对之前同名文章的修正，将所有 webpack3 的内容更新为 webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。引言对于网站的性能，在行业内有很多既定的指标，但就以前端 er 而言，我们应该更加关注以下指标：白屏时间、首屏时间、整页时间、DNS 时间、CPU 占用率。而我之前自己搭建的一个网站（网址：http://jerryonlyzrj...

2018-10-08 16:18:54 1018

liuyingv8的博客