css框架 | 易学教程

CSS杂记

阅读更多关于 CSS杂记

没看 CSS （ Cascading Style Sheet ）之前，一直以为 CSS 挺难的，在网页上看到的那些代码一点都不知道代表些什么，晚上花了几个小时看了一下，发现也不过如此，而且好像属于超级简单的那种。有这种感觉不知道 CSS 真的是这样还是由于我孤陋寡闻的缘故。其实我感觉学 CSS 只要知道 CSS 的类型就够了，然后看到不认识的标签 google 一下就可以了。不过如果要自己设计还是要了解一些里面的具体内容。计算机学到现在，我越来越感觉不管是做软件还是弄网站，就像是在玩搭积木的游戏，先要了解你要做什么东西，就像孩子们的志愿，我要造长城还是搭一个竖型塔亦或只是键一个小木屋就够了，然后孩子们会根据手上的积木材料来决定怎么去搭建自己的梦想，就像是我们根据不同的语言功能去拼凑我们的软件。感觉知识的模式都是这样，高中学做数学题目我也有这个感觉，我很少用参考书，一般总是先看看书本，给我提供了多少的定理、公式等，然后碰到题目就去套，总有一个会是正确的。运用知识不就是套用自己的学到过的知识的过程吗？想到这里我很后悔小时候没有玩过搭积木的游戏了！记得那个时候我应该还不知道搭积木是什么东西吧，不知道从什么时候才开始知道有这个名词，就是感觉等自己很大以后才知道！言归正传了， CSS 主要包括 3 种样式类型，即类选择器样式、 ID 选择器样式、重定义标记样式。类选择器样式定义如下：

浅谈移动前端的最佳实践

阅读更多关于浅谈移动前端的最佳实践

前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页 spa（single page application）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两个优点： ① 用户体验好 ② 可以更好的降低服务器压力但是单页有几个致命的缺点： ① SEO支持不好，往往需要单独写程序处理SEO问题 ② webapp本身的内存管理难，Javascript、Css非常容易互相影响当然，这里不是说多页便不能有好的用户体验，不能降低服务器压力；多页也会有变量污染的问题发生，但造成webapp依旧是“发展趋势”，而没有大规模应用的主要原因是： webapp模式门槛较高，很容易玩坏其实webapp的最大问题与上述几点没有关系，实际上阻碍webapp的是技术门槛与手机性能，硬件方面不必多说，这里主要说技术门槛。 webapp做的好，可以玩动画，可以玩真正意义上的预加载，可以玩无缝页面切换，从某些方面甚至可以媲美原生APP，这也是webapp受到追捧的原因。但是，以上很容易被玩坏！因为webapp模式不可避免的需要用到框架

给HTML、CSS、JS三兄弟排座次

阅读更多关于给HTML、CSS、JS三兄弟排座次

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 每当有小白在前端这个圈子的外围试探，想要进入这个"门槛低收入高"的工种时，老江湖们就会用各种前端框架以及框架配套的技术栈和开发理念把小白们吓个半死，最不济也要用JS里一堆奇门遁甲式的编程妖术恐吓一番，以让新手心存敬畏。相反忽略了作为前端而言，最核心最重要，真正关系生存的HTML和CSS的重要性。这个原因可能跟HTML和CSS本身的特性有关，因为它们严格意义上说不能叫“编程语言”，连基本的if、else、for都没有，所以作为前端哪怕是以“码农”做自嘲，都没有其他语言工种来得有底气，只有JS看前来最像一门“真正的编程语言”，尽管这门语言也是连它的生父都吐槽它，更是长期被“古典程序员”们当作玩具脚本。而集JS使用的大成者，就是各种前端框架。为了证明我们是”真正的程序员“，是写JS的，不知不觉就忽略了HTML+CSS。另外，我也发现一般互联网公司而言，对HTML+CSS完成的页面质量要求也是越来越低了，自己先后跳槽的3个公司，一家比一家名气大，一家比一家工资高，但是就纯粹的html页面而言，无论是页面对设计稿的还原度，还是兼容要求，适配要求，页面体积要求都是越来越低了，相反对JS的使用确实比重越来越大，这样今天的前端的HTML+CSS水平确实可能不如初期，确实更简单，变得不那么重要了。但是即便如此

管理CSS爆炸

阅读更多关于管理CSS爆炸

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我一直非常依赖CSS来开发我正在工作的网站。现在，所有CSS样式都在每个标记的基础上应用，因此现在我尝试将其移至更多外部样式中，以帮助将来进行任何更改。但是现在的问题是，我注意到我遇到了“ CSS爆炸”。对我来说，决定如何最好地组织和抽象CSS文件中的数据变得越来越困难。我正在网站中使用大量的 div 标签，而这些标签是基于表格的网站。因此，我得到了许多如下所示的CSS选择器： div.title { background-color: blue; color: white; text-align: center; } div.footer { /* Styles Here */ } div.body { /* Styles Here */ } /* And many more */ 还算不错，但是作为我的初学者，我想知道是否可以就如何最好地组织CSS文件的各个部分提出建议。我不想为网站上的每个元素都拥有单独的CSS属性，并且我一直希望CSS文件相当直观且易于阅读。我的最终目标是简化CSS文件的使用并展示其强大功能以提高Web开发速度。这样，将来可能在此站点上工作的其他个人也将参与使用良好编码实践的实践，而不必像我以前那样去实践。 #1楼这里有一些很棒的材料，有些花了一些时间来回答这个问题

前端知识----html与css篇（1）

阅读更多关于前端知识----html与css篇（1）

总结一些css的基础知识。一.盒模型 css盒模型：本质上是一个盒子，封装周围的html元素，包括：边距 margin ，边框 border ，填充 padding ，和内容 content 。可以分为 w3c盒模型（标准盒模型）与 IE盒模型（怪异盒模型） box-sizing：content-box （w3c盒模型，标准盒模型）：元素宽高为内容宽高content。 box-sizing：border-box （IE盒模型，怪异盒模型）：元素宽高为内容content + 内边距padding（填充）+ 边框 border 二，行内元素，块状元素，行内块状元素 html可以把元素分类为行内元素，块状元素，行内块状元素三种。注意：三者可以用 display 任意转换（1） display：inline；转换为行内元素（2） display：block；转换为块状元素（3） display：inline-block；转换为行内块状元素 1.行内元素最常使用的是 span ，其他只在特定功能下使用。行内元素特征：（ 1）设置宽高无效 -------------------- （2）对margin仅设置左右方向有效，上下无效。对padding 设置上下左右都有效，会撑大空间。 -------------------- （3）不会自动换行

vue04

阅读更多关于 vue04

目录 Vue项目环境项目的创建 vue根据配置重新构建依赖 pycharm管理vue项目 vue项目目录结构分析 vue项目生命周期 views文件夹内的.vue文件介绍配置自定义全局样式导航栏组件及路由逻辑跳转路由重定向组件的生命周期钩子课程主页渲染路由传参 Vue项目环境 """ vue ~~ Django 框架 node ~~ Python 通过node就可以给电脑下载Vue环境，node解释执行js语法 npm ~~ pip node自带npm商城，下载 """ node语言是C++写的，python语言是C写的首先，下载node环境：下载node解释器：点我下载安装时选择AddtoPath,添加环境变量，其他无需操作，直接next即可；查看node版本号： C:\Users\Administrator>node --version v12.14.0 查看node安装的所有包： C:\Users\Administrator>npm list C:\Users\Administrator `-- (empty) 查看npm的版本号： C:\Users\Administrator>npm --version 6.13.4 更改镜像源（npm走的是国外的源，现在改成cnpm，走国内的淘宝源；）： npm install -g cnpm -

2017年-Web前端面试题(HTML至Nodejs)

阅读更多关于 2017年-Web前端面试题(HTML至Nodejs)

【原】2017年-Web前端面试题（HTML → Nodejs）出自作者小矮人Web前端，博文地址： http://www.cnblogs.com/itlkNote/ 文中有少许重复问题！第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与兼容模式各有什么区别? 4、HTML5 为什么只需要写 <!DOCTYPE HTML>？ 5、行内元素有哪些？块级元素有哪些？空(void)元素有那些？ 6、页面导入样式时，使用link和@import有什么区别？ 7、介绍一下你对浏览器内核的理解？ 8、常见的浏览器内核有哪些？ 9、HTML5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 10、简述一下你对HTML语义化的理解？ 11、iframe有那些缺点？ 12、列出display的值，说明他们的作用？position的值， relative和absolute定位原点是？ 13、一个满屏品字布局如何设计? 14、常见兼容性问题？ 15、如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里面试题） 16、列举IE 与其他浏览器不一样的特性？ 17、99%的网站都需要被重构是哪本书上写的？

FE面试题库

阅读更多关于 FE面试题库

一、HTML 序号面试题目难度等级回答要点 H1 简述编写HTML需要注意哪些事项？ ☆ DOCTYPE、charset、viewport、语义化、CSS与JS的位置、DOM层级、结构样式行为的分离、模板等。依据回答的正确度、全面性、详细度区分级别。 H2 DOCTYPE ☆ 考察DOCTYPE的意义、HTML标准、HTML的标准模式与quirk模式，以及不同模式下的区别。依据回答的正确度、全面性、详细度区分级别。 H3 DOM元素的显示（渲染）类型以及区别？ ☆ 重点考察区别，依据 “区别" 回答的正确度、全面性、详细度区分级别。 H4 列举一些HTM（包括HTML5）元素，并说明元素的语义 ☆ 考察HTML元素的语义。 H5 HTML5元素的兼容问题？如何自定义元素？ ☆☆ 考察前端知识面，是否知道或用过html5shiv、modernizr、Custom Element，并且认识深刻（T5以上）。二、CSS 序号面试题目难度等级回答要点 C1 介绍一下CSS选择器优先级 ☆ 权重计算方式、!important、内联样式，同等权重样式处理... C2 介绍一下CSS选择器及其相应API？class操作的API classList？是否了解过Sizzle，甚至阅读过源代码？ ☆ 依据回答的正确度、全面性、详细度区分级别。 C3 CSS中position有哪几种取值

js常见面试题

阅读更多关于 js常见面试题

1. javascript的typeof返回哪些数据类型. 答案：string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 答案：强制（parseInt,parseFloat,number）隐式（== ===） 3. split() join() 的区别答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串 4. 数组方法pop() push() unshift() shift() 答案：push()尾部添加 pop()尾部删除 unshift()头部添加 shift()头部删除 5. IE和标准下有哪些兼容性的写法答案： var ev = ev || window.event document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target 6. ajax请求的时候get 和post方式的区别答案：一个在url后面，一个放在虚拟载体里面 get有大小限制(只能提交少量参数) 安全问题应用不同，请求数据和提交数据 7. call和apply的区别答案： Object.call(this,obj1,obj2,obj3) Object

Java小白到大神的心路历程（Web前端）

阅读更多关于 Java小白到大神的心路历程（Web前端）

本文是“Java心路历程”的第二篇，第一篇请点击右侧这篇文章： Java小白到大神的心路历程（Java SE） 1.HTML/CSS 在学完Java SE之后，学不懂HTML/CSS的原因只有一个：你自己不想学。但如果HTML/CSS是你的第一门接触编程语言，最大的障碍不是难，而是你还没有编程的思维方式，唯一的解决办法就是练习（注意，只能是练习；听课、看书的效果都不如自己练习好）。 HTML，应该是所有编程语言中最简单的一个（没有之一）。 HTML和CSS的一个共同特点就是：记。如果要说技巧，那就是先通过反复的练习，暂时只记住一些常见的元素，然后再在以后学习JSP等其他课程时，遇到一个累计一个。初学者可能会觉得CSS相对难理解一些，但实际上大部分学习JAVA的人都是做后台开发的。因此对于HTML/CSS不用花太多时间，学到自己感到吃力的时候暂时放弃也是可以的。有时候是“身在事中谜”，随着后续其他Web技术的学习，你自然就知道哪些HTML/CSS是重点，哪些仅做了解即可。在学习HTML/CSS，还有一个现象：虽然语法简单，但太费时间了。例如，给我们一天时间，我们可能都开发完了一套基础的软件架构，或者完成一个Java SE案例的全部功能，至少也能写出几个CRUD了；但一天时间，我们可能连一个网站HTML/CSS页面都做不完。不是难，是繁。一句话总结

订阅 css框架