前端入门
具体内容，看Q1MI老师博客： 一、HTML https://www.cnblogs.com/liwenzhou/p/7988087.html 二、CSS https://www.cnblogs.com/liwenzhou/p/7999532.html 来源： https://www.cnblogs.com/Ge-Zsj/p/12203814.html
前端
web前端入门到实战：十个最流行的前端 CSS 库
前端 CSS 库，可以帮助用户分担样式设计，从而显著提高原型制作速度；用户则可以凭借前端框架，更加轻松地构建起直观的可用应用程序。目前市场上存在大量前端框架可供选择，本篇文章的主要内容就是关于那些目前最为流行且常用的框架。 为什么要使用 CSS 库，而不选择自定义 CSS？简而言之，时间是一种宝贵的资源，我们不该把它浪费在样式的构建身上。从零开始构建 CSS 是否性能好、效果佳？答案当然是肯定的。但除非您是位身经百战的 CSS 视觉创意人士，否则把这项工作交给专家才是最好的选择。 与此同时，框架则能够更轻松地快速构建起直观的可用应用程序。凭借着极高的人气，目前市场上存在大量前端框架可供我们选择。 Ant Design 项目概括 “Ant Design 能够帮助每一位项目成员降低设计与原型设计工作的难度，同时提高后台应用程序与产品的开发效率。” ——摘自 Ant Design 官网 Ant Design 是一种面向后台应用的设计语言，由 Ant UED 团队开发而成。他们希望借此统一内部后台项目的用户界面规范、减少设计差异以及不必要的实现成本，从而解放出更多可用于设计以及前端开发的宝贵资源。 特性 一种面向 Web 应用程序的企业级 UI 设计语言。 一套开箱即用的高品质 React 组件。 由 TypeScript 编写而成并拥有完整的定义类型。 整套开发与设计资源及工具。
前端js的快速搭建
前端js的快速搭建 1：先安装node.js软件，用于查找并下载其他js脚本(具体教程找菜鸟) 传送门(https://www.runoob.com/vue2/vue-install.html) cnpm install --global vue-cli 创建一个基于 webpack 模板的新项目 vue init webpack my-project 2： 再使用 npm install vue 安装 vue ，自带webpack打包工具 3： 再通过 webpack 安装脚手架，创建一个demo工程 在安装途中遇到的问题及结解决办法 vue-cli · Failed to download repo vuejs-templates/webpack:unable to verify the first certificate 由于ssl证书问题，可修改配置文件绕过验证 打开vue-cli默认路径 C:\Users<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download（如果不是默认的文件夹， 是自定义的文件夹路径的话就是在自定义文件夹的目录下） 打开目录下的index.js 将下面这行注释： rejectUnauthorized: process.env.npm_config_strict
前端性能优化01
title: 前端性能优化01 date: 2020-01-15 09:02:52 tags: 前端性能优化 categories: 前端性能优化 目标 理解减少http请求数量和减少请求资源大小两个优化要点 掌握压缩与合并的原理 掌握通过在线网站和fis3两种实现压缩与合并的方法 浏览器的一个请求从发送到返回都经历了什么？ HTML压缩 一个简单的计算： google的流量，占到整个互联网的40%，如果google每1MB请求减少一个字节，每年可以节省500TB流量 如何进行html压缩 使用在线网站进行压缩 nodejs提供了html-minifier工具 后端模板引擎渲染压缩 CSS压缩 处理原则 无效代码删除 CSS语义合并 如何进行CSS压缩 使用在线网站进行压缩 使用html-minifier对html中的css进行压缩 使用clean-css对css进行压缩 JS压缩与混乱 处理原则 无效字符的删除 剔除注释 代码语义的缩减和优化 代码保护 如何进行JS压缩和混乱 使用在线网站进行压缩 使用html-minifier对html中的js进行压缩 使用uglifyjs2对js进行压缩 文件合并 优点 文件与文件之间有插入的上行请求，增加了N-1个网络延迟 受丢包问题影响更严重 keep-alive 经过代理服务器时可能会被断开 缺点 首屏渲染问题 缓存失效问题 解决办法
浅谈前后端分离与实践 之 nodejs 中间层服务（二）
一、背景 书接上文， 浅谈前后端分离与实践(一) 我们用mock服务器搭建起来了自己的前端数据模拟服务，前后端开发过程中只需定义好接口规范，便可以相互进行各自的开发任务。联调的时候，按照之前定义的开发规范进行数据联调便可以了。前后端的职能更加清晰： 后端 前端 提供数据 接收数据，返回数据 处理业务逻辑 处理渲染逻辑 Server-side MVC架构 Client-side MV* 架构 代码跑在服务器上 代码跑在浏览器上 这里分离干净了，分工也很明确了，看似一切都那么美好，but...我们也很容易发现问题的所在： Client-side Model 是 Server-side Model 的加工 Client-side View 跟 Server-side是 不同层次的东西 Client-side的Controller 跟 Sever-side的Controller 各搞各的 Client-side的Route 但是 Server-side 可能没有 也就是说服务端和客户端各层职责重叠，大家各搞各的，很难统一具体要做的事情。并且可能会伴随着一些性能上的问题。最具体的表现就是我们常用的SPA应用： 渲染，取值都在客户端进行，有性能的问题 需要等待资源到齐才能进行，会有短暂白屏与闪动 在移动设备低速网路的体验奇差无比 渲染都在客户端，模版无法重用，SEO实现 麻烦 紧接着
Vue.js 和 MVVM 小细节
Vue.js 和 MVVM 小细节 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的 数据双向绑定 。 Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。 为什么会出现 MVVM 呢？ 我接触MVVM 是在2015年，可以说2015年是MVVM 最火热的一年，而在这之前，我所知道的就是MVC, MVC 大约是在5年前，也就是2011年的时候接触的，那时候刚学编程语言，学的Java，而Java 中经典的 SSH 框架就用来构建一个标准的MVC 框架。说实话，MVC 用了这么多年，但始终没有很深刻的理解，只停留在用的层面， 一直到接触 Vue.js 之后，研究了MVVM 架构思想，然后再回头看 MVC ，才有一种豁然开朗的感觉~ MVC 即 Model-View-Controller 的缩写，就是 模型-视图-控制器 , 也就是说一个标准的Web 应用程式是由这三部分组成的
搭建前端开发工程，用到的一些类库
在搭建一个前端工程，总有各种各样的类库去选择，如何选择一个合适的库，让自己的项目工程，更加健壮呢？ 基础库： Vue /React/Angular 基础库配套全家桶： vue-router + vuex / react-router + redux 工程化相关： webpack /gulp/grunt UI库： PC端： element-ui /iview/antd 移动端： mint-ui / vant /cube 微信端： vux 工具库： 请求库： axios / mock.js 工具函数库： lodash /underscore 日期处理类库: moment.js url参数转化: qs.js 数据可视化： echarts / vue-echarts 进度条： nprogress 计数： vue-count-to css初始化： normalize.css 数据加密: md5 富文本： tinymce 来源： CSDN 作者： wangliang_001 链接： https://blog.csdn.net/qq_29055201/article/details/103969347
前端HTML&CSS基础汇总
文章目录 HTML CSS---页面美化和控制 HTML 一、语法 ①文档后缀名 .html 或者 .htm ②标签分为： 围堵标签：有开始结束标签，如 <html></html> 自闭和标签：开始标签和结束标签在一起如 <br/> ③标签可以嵌套 ④在开始标签中定义属性，属性是由键值对构成，值需要用引号引起来 ⑤html的标签不分大小写，建议使用小写 示例 < html > < head > < title > monkey的标题 </ title > </ head > < body > < font color = ' red ' > hello monkey1 </ font > < br /> < font color = ' green ' > hello monkey2 </ font > </ body > </ html > 二、标签 1、文件标签 <html></html> :html文档的根标签 <head></head> :头标签，用于指定html文档的一些属性。引用外部的资源 <title></title> :标题标签 <body></body> :体标签 <!DOCTYPE html> :html5中定义该文档是html文档 2、文本标签 <h1> to <h6> :标题标签，字体大小逐渐递减 <p></p> :段落标签 <br> :换行标签 <hr><
整理前端应该会的技能
随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来小编教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段，我们的目标是达到前端开发行业的基本要求
短说社区论坛系统之用户认证
认证 短书（OSX）论坛系统认证分为三个类型，实名认证、个人认证、机构认证，实名认证顾名思义，不需要过多解释。在个人认证类型中，可以增加编辑认证名称，如达人认证、红人认证等；在机构认证类型中，可以增加编辑认证名称，如红人馆、官方机构等。 要提交认证，需要具备一定的认证条件。短书论坛系统内置了6个认证条件，后台管理员可选择并编辑各认证条件完成数量。完成认证，需要提交资料项。当前的资料项是可以编辑和增加的。为方便用户操作，短书论坛系统已经内置了36项资料项，内置资料项只可编辑不可删除，个人添加的资料项可以编辑，可以删。资料项关联认证类型，这样管理员在增加认证类别时，可以根据不同情形选择不同资料项。 用户提交认证，后台审核通过后，便具备认证身份，前端可显示认证图标（图标可在后台开启或关闭），拥有认证特权。认证特权可以增加可以编辑，短书论坛系统已经内置5个特权，其中专享全站红名特权不可删除。如果用户在认证时遇到问题，可先查看前端显示的常见问题，常见问题可在后台进行配置。后台可取消认证，取消后，用户可以再次提交认证。 总之，三个认证类型实名认证、个人认证、机构认证是确定的，在三个认证类型之下，可以设置不同的认证名称，认证时所需条件后台管理员可选择可编辑各条件完成数量。完成认证所需条件，用户提交认证时所需的资料项后台可增加可编辑，当用户完成认证后，用户具备的认证特权后台可增加可编辑