前端入门+HTMl+CSS
夏草v
前端工程师
展开
-
JavaScript函数式编程(2)
函数式编程主要是利用函数等特性,即给一个确定的输入总能保证相同的输出,函数只做一件事情等等,让代码看起来更简短且维护性更高(但很容易出现反效果导致被喷)。上一篇文章主要介绍js中 map/filter/reduce/sort/some等js数组操作方法。我在最初接触函数式编程时,也感到很疑惑,函数式编程和这几个ES的API方法有啥关系,直到最近跳槽,公司内以为前端技术专家反复强调 一般情况不允许直接修改变量,尤其是一些数组和对象,尽可能不要使用深拷贝;主要有以下原因防止拷贝后的对象会..原创 2020-07-13 01:29:28 · 215 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(2)css选择器
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040/*标签选择器*/ p{color: red;}/*id选择器*/ #identity1{color: red;} #ide...原创 2018-08-25 23:31:40 · 241 阅读 · 0 评论 -
网页布局流程总结-关键样式识记
目录前期准备 注意事项页面框架准备和命名参考--新浪参考--淘宝网重点标签识记前期准备1.观察结构 划分区域布局方式利用div划分标准流与浮动流,对图片字体进行划分如下如下 注意事项1.早早判断哪些图当背景(css-background),哪些直接插入图片(img)2. nav 头部导航使用di...原创 2018-08-30 14:43:43 · 729 阅读 · 1 评论 -
HTML5系列(01)WebStorage是什么以及 和 Cookie的区别
版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接 https://blog.csdn.net/wkyseo/article/details/51452303 sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递。h...转载 2018-10-04 17:27:07 · 905 阅读 · 0 评论 -
(转)【CSS】深入理解BFC原理及应用
本文来源:https://www.jianshu.com/p/acf76871d259BFC的定义###先看W3C文档In a block formatting context, boxes are laid out one after the other, vertically, beginning at the top of a containing block. The v...转载 2018-09-28 11:22:04 · 230 阅读 · 0 评论 -
CSS3 box-flex 弹性盒子布局
本文将从css3 box-flex的属性来讲解弹性布局所有demo的演示地址https://css-tricks.com/snippets/css/a-guide-to-flexbox/利用弹性布局五大金刚进行布局的的在线显示https://xluos.github.io/demo/flexbox/入门必备 实现弹性布局必备第一步:一般的布局首先html代码设置嵌套关系...原创 2018-10-14 11:19:21 · 2033 阅读 · 1 评论 -
中高阶前端面试主要问题和工作必备知识点
以下记录的是,几个月以来收藏的部分中高级前端知识点第1章html+cssCSS中伪类与伪元素CSS的原理是什么呢?第2章javascriptJavaScript的工作原理:引擎,运行时和调用堆栈的概述JavaScript的工作原理:V8引擎内部+关于如何编写优化代码的5个技巧JS回调函数JavaScript 的黑暗时刻来了?一文带你看懂cookie,面试前端不用愁Ja...原创 2019-02-05 22:02:09 · 407 阅读 · 0 评论 -
前端开发-企业实战之web移动端兼容和常见技巧
最近在一家还算比较大的公司的前端岗位实习移动端开发环境常见的移动端兼容问题原创 2019-02-24 20:57:03 · 750 阅读 · 0 评论 -
前端自测的必要性和感想记录
前端自测适用于,前端开发前期《需求评审阶段》《UI评审阶段》《接口评审阶段》,中期《自测阶段》。末期《测试阶段》身为前端狗在提交测试时,产品往往容易出现一些完全可以避免的bug。写此文意在提高个人提测质量和软件整体质量目前前端角色处于软件开发过程中比较重要的节点,无论是产品经理,交互设计师还是UI设计师多需要前端交互来完善,前端是距离用户最近的开发,这也也意味着前端的责任:需要对产...原创 2019-08-18 22:07:08 · 813 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(1)css入门以及基本属性
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程 笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录css的基本格式css的文字属性CSS的颜色属性 css的入门大纲1.格式:<style type="text/css...原创 2018-08-25 22:48:06 · 283 阅读 · 0 评论 -
CSS盒子模型的小知识
部分摘自极客江南链接:https://www.jianshu.com/p/34b6b5446a12來源:简书 控制台的盒子1.盒子的组成盒模型宽度和高度 内容的宽度和高度 就是通过width/height属性设置的宽度和高度 元素的宽度和高度 宽度 = 左边框 + 左内边距 + width + 右内边距 + 右边框高度 同理可证规律...原创 2018-08-25 15:32:52 · 204 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(6)动画/2D/3D/背景
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程https://study.163.com/course/courseLearn.htm?courseId=1003864040 动画模块动画模块的组成@keyframes 规则 animation以上两个组件基本完成css3的所有动画 其中@keyframe...原创 2018-08-29 10:41:17 · 301 阅读 · 0 评论 -
HTML之 28个你必用HTML5的新特性,技巧以及技术TML
总结一下:1. 新的Doctype尽管使用&lt;!DOCTYPE html&gt;,即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用&lt;figure&gt;和&lt;figcaption&gt;来语义化地表示带标题的图片&lt;figure&gt;&lt;img src="path/to/imag转载 2018-07-08 16:54:21 · 469 阅读 · 0 评论 -
HTML之-a标签-框架-图片标签-音视频-列表-表格-待选项
前端再学习(1)html遗忘知识复习 第一次学习html是2016年3月份,到现在2018年7月,虽然中间做各种项目,用了狠毒哟,但很多使用时都要查文档,时不时百度,有些冷门但很重要的。这一阶段主要整理 遗忘知识点、冷门知识点。a标签的四种状态设置,以及target属性 &amp;amp;amp;lt;style&amp;amp;amp;gt; a:link {color: #FF0000} ...转载 2018-07-06 18:24:16 · 646 阅读 · 0 评论 -
单页应用模式和多页应用模式
最近学习VUE,了解到 “Vue.js 提供了一个官方命令行工具,可用于快速搭建大型单页应用” 之前做过项目,改过项目,基本都是小部分单页,大部分多页的模式,也没有在这方面进行细致的学习,这次通过学习VUE进行了细致的区分与学习部分来源于:https://www.zhihu.com/question/20792064http://www.php.cn/js-tutorial-401...原创 2018-08-09 13:55:56 · 6871 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(3)CSS三大特性/显示模式/背景切图
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录CSS三大特性之继承性CSS三大特性之层叠性CSS三大特性之优先级div和span标签CSS元素的显示模式CSS元素显示模式转换...原创 2018-08-26 14:33:51 · 532 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(4)盒子模型与浮动/清除浮动
部分摘自来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程笔记https://study.163.com/course/courseLearn.htm?courseId=1003864040目录边框属性内边距属性外边距属性外边距合并现象 盒子box-sizing属性盒子居中和内容居中/清空默认边距清空默认边距...原创 2018-08-26 15:45:59 · 1445 阅读 · 0 评论 -
网页知识入门-浏览器和网页生成
本文主要介绍目录浏览器服务器用户访问网站原理及流程描述从浏览器打开http://www.baidu.com地址回车发送请求到看到页面的过程(面试题)DNS解析TCP三次握手原理HTTP请求报文响应报文网页资源大规模网站集群架构细节tcp的四次挥手部分摘自 https://www.jianshu.com/p/f6da3875834b ...原创 2018-08-22 18:53:04 · 927 阅读 · 0 评论 -
CSS所有属性分类(快速查找)
css的属性分类目录css的属性分类动画属性分类 CSS3 动画属性(Animation) 2D/3D 转换属性(Transform) 过渡属性(Transition) Box 属性 Marquee 属性 尺寸/位置-- CSS 尺寸属性(Dimension) CSS 外边距属性(Margin) CSS 内边距属性(Padding)...原创 2018-08-23 14:45:47 · 4966 阅读 · 1 评论 -
CSS基础-CSS显示模式
Div和Span标签什么是div? 作用: 一般用于配合css完成网页的基本布局<style> .header{ width: 980px; height: 100px; background: red; margin: auto; ma...转载 2018-08-23 15:00:52 · 165 阅读 · 0 评论 -
CSS3 选择器
CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="f...转载 2018-08-23 15:02:46 · 153 阅读 · 0 评论 -
CSS布局-企业开发技巧总结(5)定位/过渡动画
来自https://www.jianshu.com/u/4312c933b9db 极客江南网易云课程https://study.163.com/course/courseLearn.htm?courseId=1003864040 定位流1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于自己以前在标准流中...原创 2018-08-28 20:11:43 · 407 阅读 · 0 评论 -
HTML5 浏览器支持
HTML5 浏览器支持 你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。- HTML5 浏览器支持现代的浏览器都支持 HTML5。此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。正因为如此,你可以 “教会” 浏览器处理 “未知” 的 HTML 元素。甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 ...原创 2018-07-08 15:24:11 · 306 阅读 · 0 评论