css框架

【nodejs】express框架(一) express的使用以及express.static的使用,顺带解决一些服务器路径问题和浏览器解析过程

 ̄綄美尐妖づ 提交于 2019-12-05 14:52:15
express的基本使用 npm init//创建管理文档 npm i express -S //-S表示在生产环境下也要用到的包 var express = require ( 'express' ) ; //导出express的顶级函数 var app = express ( ) ; //创建express对象 app . get ( '/' , function ( req , res ) { //监听get请求的'/'地址 res . send ( 'ok' ) //向客户端传送回'ok'字符串 } ) app . listen ( 8080 , function ( ) { //监听8080端口, console . log ( 'http://localhost:8080' ) ; } ) 是不是很简单,下面开始第一个拓展。 express.static(root,[options]) 简介:express的static静态方法用于托管静态文件的请求,比如css,img,js,font等文件的请求,因为nodejs和其他服务器不一样,不会默认有读取文件并传给客户端这个功能,所以需要这个方法来自动读取并传送静态文件。 使用: 下面指的是所有静态文件的请求都到app . js的工作目录的里去寻找并加载并送到客户端 app . use ( express . static (

CSS核心内容整理

此生再无相见时 提交于 2019-12-05 13:57:53
一. HTML标记与文档结构 文本用闭合标签,引用内容用自闭合标签.常见的块级标签:<h1>~<h6>,<p>,<ol>,<li>,<blockquote>等.行内标签则有:<a>,<img>,<em>,<strong>,<abbr>,<cite>,<q>等. 下面这是一个最小的完整HTML模板,一个基本页面必然包含这些标签. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>An HTML Template</title> </head> <body> <!-- 这里是网页内容 --> </body> </html> 搜索引擎会给title标签中的文字内容赋予很高的权重,这些文字也会作为网页标题出现在搜索结果列表中.不要让"欢迎访问"之类的废话占据你的title标签.使用简洁明确的文字以及读者在搜索你的网页内容时会使用的关键词. 所谓“文档流”的效果,也就是 HTML 元素会按照它们各自在标记中出现的先后顺序,依次从页面上方“流向”下方. 几乎所有 HTML 元素的 display 属性值要么为 block,要么为 inline。最明显的一 个例外是 table 元素,它有自己特殊的 display 属性值. 块级元素(比如标题和段落)会相互堆叠在一起沿页面向下排列,每个元素分别占 一行。而行内元素

中高级前端面试秘籍,助你直通大厂(一)

泪湿孤枕 提交于 2019-12-05 13:40:43
引言 又是一年寒冬季,只身前往沿海工作,也是我第一次感受到沿海城市冬天的寒冷。刚过完金九银十,经过一场惨烈的江湖厮杀后,相信有很多小伙伴儿已经找到了自己心仪的工作,也有的正在找工作的途中。考虑到年后必定又是一场不可避免的厮杀,这里提前记录一下自己平时遇到和总结的一些知识点,自己巩固复习加强基础的同时也希望能在你的江湖路上对你有所帮助。笔者在入职最近这家公司之前也曾有过长达3个月的闭关修炼期,期间查阅资料无数,阅读过很多文章,但总结下来真正让你印象深刻的,不是那些前沿充满神秘感的新技术,也不是为了提升代码逼格的奇淫巧技,而是那些我们经常由于项目周期紧而容易忽略的基础知识。 所谓万丈高楼平地起,只有你的地基打得足够牢固,你才有搭建万丈高楼的底气,你才能在你的前端人生路上越走越远 。 这篇主要是先总结一下CSS相关的知识点,可能某些部分不会涉及到太多具体的细节,主要是对知识点做一下汇总,如果有兴趣或者有疑惑的话可以自行百度查阅下相关资料或者在下方评论区留言讨论,后续文章再继续总结JS和其他方面相关的知识点,如有不对的地方还请指出。 1. CSS盒模型 CSS盒模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。CSS 假定所有的HTML 文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。CSS 围绕这些盒子产生了一种“盒子模型

运用layui实现增删改查

♀尐吖头ヾ 提交于 2019-12-05 12:55:57
运用layui实现简单增删改查 首先认识layui 简单的效果图 接下来直接上代码 首先认识layui layui (谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。 它的官方网址: https://www.layui.com/ 下载之后导进css、js样式 简单的效果图 接下来直接上代码 util的工具类什么的,之前的博客有写到 dao方法 package com . chen . dao ; import java . sql . SQLException ; import java . util . List ; import java . util . Map ; import com . chen . util . JsonBaseDao ; import com . chen . util . JsonUtils ; import com . chen . util . PageBean ; import com . chen . util . StringUtils ; public class BooktypeDao extends JsonBaseDao

CSS 预处理语言之 Scss 篇

て烟熏妆下的殇ゞ 提交于 2019-12-05 12:25:37
1. Sass 和 Scss Sass 和 Scss 其实是同一种东西,我们平时都称之为 Sass;Scss 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 Scss文件。 两者之间不同之处有以下两点: 文件 扩展名 不同,Sass 是以“.sass”后缀为扩展名,而 Scss 是以“.scss”后缀为扩展名 语法书写方式不同,Sass 是以 严格的缩进式 语法规则来书写, 不带大括号({})和分号(;) ,而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。 示例: // Sass 语法 $w:200px; //定义变量 $h:300px; //定义变量 body width:$w; height:$h; // Scss 语法 $w:200px; $h:300px; body{ width:$w; height:$h; } /* 编译出来的css*/ body{ width:200px; height:300px; } 2. Sass/Scss 和 Css Sass 和 Css Sass 和 CSS 写法的确存在一定的差异,由于 Sass 是基于 Ruby 写出来,所以其延续了 Ruby 的书写规范。在书写 Sass 时 不带有大括号和分号 ,其主要是依靠

Oqtane是Blazor的模块化应用程序框架

无人久伴 提交于 2019-12-05 08:55:05
Oqtane是Blazor的模块化应用程序框架 Oqtane( https://www.oqtane.org/ )使用Blazor,这是.NET Core的新Web框架,可让您使用C#而不是JavaScript来构建交互式Web UI。 Blazor应用由使用C#,HTML和CSS实现的可重用Web UI组件组成。 客户端和服务器代码都是用C#编写的,允许您共享代码和库。 本项目被 DotNetNuke 项目影响(激发)。 来源: https://www.cnblogs.com/hopesun/p/11917526.html

前端文档汇总(含代码规范、开发流程、知识分享,持续更新)

左心房为你撑大大i 提交于 2019-12-05 08:34:30
front-end-Doc 前端文档汇总(含代码规范、开发流程、知识分享,持续更新) 原Github地址 进去后可直接点链接查看文章 综合类 地址 前端文档基本例子 https://github.com/mgbq/front... 前端知识体系 http://www.cnblogs.com/sb1987... 前端知识结构 https://github.com/JacksonTia... Web前端开发大系概览 https://github.com/unruledboy... Web前端开发大系概览-中文版 http://www.cnblogs.com/unrule... Web Front-end Stack v2.2 https://raw.githubusercontent... 免费的编程中文书籍索引 https://github.com/justjavac/... 前端书籍 https://github.com/dypsilon/f... 前端免费书籍大全 https://github.com/vhf/free-p... 前端知识体系 http://www.cnblogs.com/sb1987... 免费的编程中文书籍索引 https://github.com/justjavac/... 智能社 - 精通JavaScript开发 http://study.163.com

前端开发面试题

江枫思渺然 提交于 2019-12-05 01:50:59
前端开发面试题 站点地址: 全栈开发 原文链接: 前端开发面试题 HTML Doctype作用?标准模式与兼容模式各有什么区别? 1、 <!DOCTYPE> 声明位于HTML文档中的第一行,处于 <html> 标签之前,告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5为什么只需要写 <!DOCTYPE HTML> ? HTML5不基于SGML(标准通用标记语言),因此不需要对DTD(文档类型定义)进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行) HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。 行内元素有哪些?块级元素有哪些?空( void )元素有哪些? 首先:CSS规范规定,每个元素都有 display 属性,确定钙元素的类型,每个元素都有默认的 display 值,如 div 的 display 默认值为 block ,都是块级元素; span 默认 display 属性值为 inline ,是行内元素。 1、行内元素: a 、 b 、 span 、 img 、 input 、

【前端知识体系-CSS相关】Bootstrap相关知识

妖精的绣舞 提交于 2019-12-05 01:03:49
1.Bootstrap 的优缺点? 优点:CSS代码结构合理,现成的代码可以直接使用(响应式布局) 缺点:定制流程较为繁琐,体积大 2.如何实现响应式布局? 原理:通过media query设置不同分辨率的class 使用:为不同分辨率选择不同的class 3.如何定制自己的bootstrap样式? 使用CSS同名类覆盖(门槛低,见效快,可能会有bug) 修改源码重新构建(一次性彻底解决) [ bootstrap.scss是入口文件,修改这个文件内容之后,使用node-sass重新编译scss文件 node-sass --output-style expanded bootstrap/custom/scss/bootstrap.scss > bootstrap/custom/dist/css/bootstrap.css ] 引用Scss源文件,修改变量(类似于预处理器的使用方式, 徐亚什么模块引入什么模块,会更加灵活,推荐) [ 1. 创建一个自己的custom.scss文件 $primary: greed; @import './botstrap-custom/scss/bootstrap.scss' ] 4.如何实现一个响应式布局框架? [!NOTE] 面试常考考点,要求模拟实现boostrap的底层实现原理。 上面的[!NOTE]是行匹配模式,默认情况下支持类型NOTE

26自学转行前端(写给和1年前一样迷茫的我的你)

落花浮王杯 提交于 2019-12-05 00:22:08
转行前端有哪些疑虑? 在人生的抉择处,寻求一些别人的经验和总结,无可厚非,但是决定了就一定要坚定的走下去,谨慎是为了更好的坚持,而不是放弃的理由。 写在前面:这里前后端指的是web开发的前后端。 1、前端岗位需求如何?前景如何?薪资如何?(这是对将转行业的必要考量) 2、是自学好?还是培训好?(抱歉,我是自学的,对于培训,下文不发表任何观点) 3、如何高效学习,多久能找到工作? 4、非科班会不会没发展?年龄大会不会被淘汰? 5、前端和后端哪个好?上手?发展前景? 以上这些问题,有些是1年前我想知道的,有些是1年前我所看到的文章里提到的,也顺便一起总结,我将用很长的篇幅从自己的亲身实践及各阶段的心路历程来论述。 关于我 先来看看我们是不是一类人吧,或者有多少相同点。 本人一般本科-电子信息专业,大学唯一学过与前端有一丢丢关系的课程,算是C语言吧(if、for这些语法和js接近)毕业后从事了近3年环保方面的工作,17年开始自学并转行,是一个不折不扣的非科班大龄零基础程序猿,不仅离开了自学的天堂(学校),而且已婚已育,常言道进入社会工作了就学不进去了,别说还有了家庭和孩子, 对此我有一些不同的看法: 这就提到了一个关于兴趣和压力的问题。 1、兴趣:从小到大,总是被问你的理想是什么?我依然记得这些声音:我要当科学家、我要当发明家......我只能说当时教育的价值观和崇拜都是正确的