ssm_前端学习笔记

前端学习笔记（2）之CSS的零散知识总结

关于CSS的零散知识link和import区别样式表的权重关系样式表的层叠性导入外部样式表的两种方法关于选择器和伪类关于div内元素居中和color属性继承性网页布局中的命名规划文本大小fontsize控制文本类型font-family控制文本的行高line-heightlink和import区别link属于html@import属于css加载顺序：link和html同时加载而@import等待h
前端之神风中告退·2020-07-30 21:16

前端学习笔记（3）之css文本属性合集

文本模块缩进text-intent间距xxx-spacing控制文本大小写text-transform文本修饰text-decoration水平对齐方式text-align垂直对齐方式vertical-align文本加粗font-weight控制文本倾斜font-style文本换行处理解决input的border内嵌问题列表符号（不常用）缩进text-intent首行缩进：text-intent：
前端之神风中告退·2020-07-30 21:16

前端学习笔记 CSS 基础内容

参考视频：【极客学院】Web前端开发教学-第一部分：H5+CSS+JS参考文档：CSS教程W3school文章目录概述HTML引入CSS外部引入内部引入内联引入语法形式继承选择器通配符关系：分组选择器关系：派生(后代)选择器元素选择器id选择器类(class)选择器属性(值)选择器子元素选择器相邻兄弟选择器样式计量单位背景文本字体链接列表表格轮廓定位定位浮动常用操作对齐尺寸显示盒子模型四部分内容详
大熊软糖M·2020-07-30 21:15

前端学习笔记--分享

网页三层结构：结构+表现+行为核心技术：html+css+JavaScripthtml：超文本标记语言基本结构： 文档声明头    块级标签：         h1-h6、p、div、ul、ol、li、dl、dt、dd、br   行内标签：         span、i、em、b、strong   图片标签：            链接：         文本   表格：   table     
JackieDYH·2020-07-30 21:15

重学前端学习笔记---css的组成成分

css的顶层样式表由两种规则组成，一种是at-rule，也就是at规则，另一种是qulifiedrule，也就是普通规则。1.css的at规则也就是@再加一个关键字的语法（1）@page用于打印文档时修改某些css属性，只能修改margin,orphas,window和pagebreaksofthedocument四个属性描述：size：指定页面纸张大小marks：向文档添加剪切标记或注册标记bl
krysliang·2020-07-30 21:15

前端学习笔记（11）之过渡属性（transition）详解

有四个transition属性可以影响过渡效果指定要执行过渡的属性transition-property:过渡效果持续的时间transition-duration：过渡的时序函数transition-timing-function过渡效果的延迟transition-delay简写属性transition指定要执行过渡的属性transition-property:值widthheight，多个属性间
前端之神风中告退·2020-07-30 21:44

大前端学习笔记--持续随缘更新

目录前端知识&HTML常用标签标签&语义化&优先级&文本样式文本样式&表格&列表&表单css选择器&盒模型背景属性&css特性&标签分类&浮动属性伪元素选择器&浮动定位技术解决图片间隙&对齐方式&自适应布局精灵图&BFC阴影效果&ps操作圆角属性&兼容问题&csshackhtml5新增属性css3新增属性用户界面&多栏布局&过渡&2D&3D3种居中方法&帧动画&弹性盒子less&移动端布局方案媒体
JackieDYH·2020-07-30 21:44

前端学习笔记----Day09_position定位

Normalflow默认情况下，元素都是按照normalflow（标准流、常规流、正常流、文档流【documentflow】）进行定位default:不存在层叠现象标准流一般是通过marginpadding进行定位脱标元素使用position:fixed和absolute定位使用margin/padding定位的缺点1.设置一个元素的margin或者padding，通常会影响到标准流中其他元素的定
Pamela_Liu·2020-07-30 01:16

anonymous的前端学习笔记(4)——jQuery入门及简单使用

文章目录jQuery的介绍和引用相关资源jQuery的引入jQuery选择器jQuery基本选择器代码示例页面效果选择同胞和父辈元素代码示例选择过滤完整代码示例jQuery操作样式jQuery绑定click事件jQuery操作属性jQuery操作元素jQuery动画效果函数jQuery的介绍和引用jQuery是目前使用最广泛的JavaScript函数库。jQuery的版本分为1.x系列和2.x、3
__anonymous·2020-07-29 13:55

Web前端学习笔记——VueJS之过滤器、生命周期、请求、动画

品牌管理案例添加新品牌删除品牌Document添加品牌Id:Name:搜索名称关键字：IdNameCtimeOperation{{item.id}}{{item.ctime}}删除//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{id:'',name:'',keywords:'',//搜索的关键字list:[{id:1,name:'奔驰',cti
唯恋殊雨·2020-07-29 11:56

Web前端学习笔记——AngularJS之简介、起步、特性

目录Angular简介Angular是什么特性发展历史起源困境Angular2横空出世ng2相比ng1现状那我为什么要学习使用Angular？学习Angular的一些建议相关链接起步Step0.安装依赖环境安装Node.js安装npm安装Python安装C++编译工具安装cnpmStep1.安装脚手架工具AngularCLI安装失败解决方案Setp2.使用脚手架工具初始化项目Step3.Serve
唯恋殊雨·2020-07-29 11:56

Web前端学习笔记——HTML5与CSS3之QQ TIM案例

《QQTIM》案例Stellar插件描述视差滚动（ParallaxScrolling）指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术主要核心就是前景和背景以不同的速度移动，从而创造出3D效果。这种效果可以给网站一个很好的补充。特性视差滚动效果酷炫，适合于个性展示的场合。视差滚动徐徐展开，适合于娓娓道来，讲故事的场合。视差滚动容易迷航，需要具备较强的导航功能。
唯恋殊雨·2020-07-29 11:25

Web前端学习笔记——iScroll

版本针对iScroll的优化。为了达到更高的性能，iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很小的体积。iscroll-lite.js，精简版本。它不支持快速跳跃，滚动条，鼠标滚轮，快捷键绑定。但如果你所需要的是滚动(特别是在移动平台)iScroll精简版是又小又快的解决方案。i
唯恋殊雨·2020-07-29 11:25

Web前端学习笔记——HTML5与CSS3之购物车宣传案例

《购物车宣传》案例综合运用h5c3知识且进行一定扩展能使用jquery完成网页常见交互行为实际工作开发当中能应对活动宣传页全屏切换效果通过鼠标的滚轮切换全屏页面使用fullpage来完成使用动画（js实现动画，css3实现动画）一个是帧动画一个是补间动画什么是帧动画：使用定时器每隔一段时间更改当前元素的状态什么是补间动画：过渡(加过渡只要状态发生改变产出动画)动画（多个节点来控制动画）性能会更好在
唯恋殊雨·2020-07-29 11:25

Web前端学习笔记—— jQuery之样式、动画

jQuery操作样式CSS操作功能：设置或者修改样式，操作的是style属性。操作单个样式//name：需要设置的样式名称//value：对应的样式值$obj.css(name,value);//使用案例$('#one').css('background','gray');//将背景色修改为灰色设置多个样式//参数是一个对象，对象中包含了需要设置的样式名和样式值$obj.css(obj);//使用
唯恋殊雨·2020-07-29 11:24

Web前端学习笔记——VueJS基础

什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整
唯恋殊雨·2020-07-29 11:24

Web前端学习笔记——构建前端自动化工作流环境

目录为什么要有自动化的流程1.Node环境1.1.什么是Node1.2.Node环境搭建1.3.Node用途1.4.Node开发Web应用Demo1.5.NPM2.Bower2.1.什么是Bower2.2.为什么使用Bower2.3.Bower实践3.Sass/LESS4.Gulp4.1.Gulp简介4.2.Gulp准备工作4.3.基本使用4.4.常用插件为什么要有自动化的流程在我们的开发过程中有
唯恋殊雨·2020-07-29 11:24

Web前端学习笔记—— jQuery之简介、对象、选择器

jQuery简介JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）常见的JavaScript库-jQuery、Prototype、MooTools。其中jQ
唯恋殊雨·2020-07-29 11:24

web前端学习笔记

一、HTML标签:由一对尖括号包裹的单词构成标签不区分大小写标签分为两部分:开始标签和结束标签.两个标签之间的部分我们叫做标签体.自闭和标签.例如:标签可以嵌套.但是不能交叉嵌套.标签的属性:以键值对形式出现的.例如name="alex"只能出现在开始标签或自闭和标签中.属性名字全部小写.*属性值必须使用双引号或单引号包裹例如name="alex"如果属性值和属性名完全一样.直接写属性名即可.例如
dingquan2917·2020-07-29 09:30

Web前端学习笔记—— jQuery之事件机制、补充、插件

jQuery事件机制JavaScript中已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。jQuery事件发展历程(了解)简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐)简单事件注册click(handler)单击事件mouseenter(han
唯恋殊雨·2020-07-29 09:00

Web前端学习笔记—— jQuery之操作节点、属性、尺寸和位置

jQuery节点操作创建节点//$(htmlStr)//htmlStr：html格式的字符串$('select{width:200px;background-color:teal;height:200px;font-size:20px;}.btn-box{width:30px;display:inline-block;vertical-align:top;}$(function(){//全部向右功
唯恋殊雨·2020-07-29 09:00

前端学习笔记（十三）

1.Vue常用的指令：v-modelv-ifv-elsev-showv-forv-bind----简写::class=“qq”、:type=“text”v-on----简写:@click=“qq”2.v-model的原理text和textarea元素使用value属性和input事件；checkbox和radio使用checked属性和change事件；select字段将value作为prop并将
大翰仔仔·2020-07-29 07:17

Web前端学习笔记——CSS基础、选择器

CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。CSS网页的美容师CSS的出现，拯救了混乱的HTML，当让更加拯救了我们
唯恋殊雨·2020-07-29 06:43

Web前端学习笔记，详细的Web前端学习路线图

前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。前端就是网站的门面，它的价值远大于其他的客户端开发。在移动互联网时代，相信我们每个人的手机上都装有数十个APP，这些APP的开发其实也和当下热门的Web前端
长沙千锋·2020-07-29 06:04

前端学习笔记（五）2020.03.02

CSS3盒子模型CSS3中可以通过box-sizing来指定盒子模型有两个值：content-box,border-box1.box-sizinf:content-box盒子大小为width+padding+border（以前默认的）2.box-sizing:border-box盒子大小为width如果盒子模型我们为了box-sizing:border-box,那padding和border就不会
纵马且长歌·2020-07-29 05:33

前端学习笔记 ！！持续加更,当然我知道我现在还配不上呢---哭

html相关标签整理＜html＞＜/html＞标签？？？呐尼这有什么好说的！！！——标签整理你真的了解DOCTYPE吗？——标签整理input表单标签最全整理使用情景细节处理等等等——标签整理与图像相关的html标签img以及各种格式的图片对比——标签整理css相关属性整理背景相关css属性你还模棱两可吗？进来看看有源码有实例——属性整理常见场景CSS居中DIV基础方法大全——场景整理css选择器
软件小姐·2020-07-29 04:54

Vue使用v-model实现表单动态收集

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划Document用户名:密码:性别
Gavincoder·2020-07-28 20:08

Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素

WebAPI介绍API的概念API（ApplicationProgrammingInterface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())WebAPI的概念浏览器提供的一套操作浏览
唯恋殊雨·2020-07-28 12:18

前端学习笔记(三) - 文本及列表标签、css基本长度颜色单位及文本和字体样式

文本标签：标签作用(语义)表示一段内容中的着重点,常为语气上的强调，显示为斜体表示内容的强调，显示为粗体没有语义上的强调，显示斜体没有语义的强调，显示粗体表示一些细则一类的内容，显示字号略小表示参考的内容，例如书名,《html基础》表示一个短的引用表示一个块引用，是一个块元素表示上标，例如22表示下标，例如H2O表示删除的内容，会添加一个删除线表示添加的内容，会添加下划线表示一个顶格式标签，会将代
sunshine2285·2020-07-28 12:28

前端学习笔记——“贪吃蛇”小游戏制作（二）

上篇笔记我完成了“贪吃蛇”的背景制作，下面开始实现由上、下、左、右键盘控制颜色款的移动方向。点击开始按钮，颜色块向右匀速移动，按下方向键盘，即改变方向。当颜色块移动到背景边缘，提示“游戏结束”。我的思路如下：一、用定时器实现颜色块的匀速移动functiontimer(){time=setInterval(function(){//用获取id的方式给当前块加上背景颜色//当给下一个id添加背景颜色后
dsq-ee·2020-07-28 08:18

web前端学习笔记

前端自学爬坑历程学习web前端开发，已经有一段时间了，从到处百度、知乎找资料，到现在针对性的学习有目标的学习。渐渐的也有了一定的思路，把这段时间学习的内容整理一下。做个总结。也是巩固自己的学习情况。之前在知乎上有人推荐，慕课网学习，然后跟着基础知识学了一遍，然后想模仿建立一个网站，不知道从何开始，陷入迷茫，要不要找个培训班补习什么的。问了一些前辈和看了网上的评论，都说没啥用，都是基础的知识，网上随
Sailfan_Yang·2020-07-27 17:43

前端学习笔记（五）HTML+CSS静态页面实战案例：幸福西饼首页和百度首页

按照知乎上面汪小黑推荐的前端学习路径，在自学了HTML和CSS之后，开始尝试实战制作静态页面小项目。幸福西饼首页制作首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材、源码等。我是先看一集视频，然后关掉视频自己敲一遍代码。然后再和源码进行比较，看看自己哪些地方的代码写法和源码不一样，是否有可以改进的地方。做到比较靠后面的时候，其实已经不是很依赖视频教学了，自己大概看到样式
handsome·2020-07-27 17:28

骚人文客-WEB前端学习笔记

目录WEB前端学习笔记1WEB前端学习笔记1this指向在前端的面试中，this指向与面向对象是必考题，也是日常开发中绕不开的话题，很多前端老鸟也会在this指向这里掉坑。1.
骚人文客·2020-07-27 11:37

前端学习笔记三：JavaScript（1）初识js（前提知识储备+警告框+变量与常量+访问HTML元素+显示js值+调用外部js文件+声明创建对象+在js里获取HTML对象并在其内容里插入值）

前提知识就不提了，js是一种编程语言，计算机系的大学生总该有点底子。另外，到了js部分就用注释来讲解知识点~~（别问为什么之前不采用，问就是懒）~~直接上代码：第一段：alert("helloworld!");//为浏览器提供一个消息框，函数的参数就是消息框的内容varnum=114514;//js是弱声明语言，只有var一种数据类型，其具体类型在初始化的时候定义alert(typeofnum);
大一哟·2020-07-15 18:22

【前端学习笔记】MVC，MVP，MVVM的区别和各自原理

http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html学习自阮一峰的博客。1，MVC=Model-View-Controller视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存单向通信。1，View传送指令到Controller；2，Controller完成业务逻辑后，要求Model改变状态；3
辰小小·2020-07-15 07:52

【前端学习笔记】浏览器多进程，JS单进程，JS运行机制

参考是：https://juejin.im/post/5a6547d0f265da3e283a1df7这篇文章写的很好！清楚明白。跟着小陈一起梳理知识点。1，区分进程和线程进程比作工厂，线程比作工厂内的工人。工厂的资源->系统分配的内存（独立的一块内存）工厂之间的相互独立->进程之间相互独立多个工人协作完成任务->多个线程在进程中协作完成任务工厂内有一个或多个工人->一个进程由一个或多个线程组成工
辰小小·2020-07-15 07:52

前端学习笔记2-CSS基础语法

1、CSS：层叠样式表，使用来表现HTML或者XML等样式文件的计算机语言。2、样式表的创建（1）行内样式表/**/hello（2）内部样式表:在标签内加入标签，在标签中编写css代码。/*CSS语句*/h3{color:red;}说明：必须将该标记写在文件头部，和之间.（3）外部样式表：将css代码写在一个单独的.css文件中，在标签中使用标签直接引入该文件到页面中。3、CSS的组成和语法（1）
陈弟弟·2020-07-14 15:55

前端学习笔记Vue篇（2）

1.Vue中数据双向绑定的实现原理首先我们要知道什么是数据的双向绑定双向绑定也就是我们平时所说的MVVM模式，即model,view,view-model假如你在js中定义了一个对象varcat={name:'Tom'}假定我们通过某种方法使整个对象的数据和某个DOM节点关联起来，以达到以下目的：修改DOM节点的数据可以改变cat对象的数据，修改cat对象的数据可以改变DOM节点的数据。这便是我们
戏铃人·2020-07-14 15:58

【前端学习笔记】cookie的优劣点。

cookie的优点：cookie拥有极高的扩展性和可用性1、通过良好的编程，控制保存在cookie中的session对象的大小。2、通过加密和安全传输技术（SSL），减少cookie被破解的可能性。3、只有cookie中存在不敏感数据，即使被盗也不会有重大损失。4、控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。cookie的缺点：cookie的主要缺点是数量和
花上·2020-07-14 13:27

前端学习笔记——关于闭包与内存泄漏

这个前端学习笔记是学习gitchat上的一个课程，这个课程的质量非常好，价格也不贵，非常时候前端入门的小伙伴们进阶。
SF_Rex·2020-07-14 10:30

前端学习笔记

父布局宽度固定的情况下，按如下设置可以使子元素水平居中：.parent{text-align:center"}.child{margin:0auto;width:300px;height:300px;}父布局宽度不固定的情况下，子元素如下设置可以水平居中：.child{width:fit-content;width:-moz-fit-content;width:-webket-fit-conten
待风·2020-07-14 10:28

前端学习笔记1-HTML5基础语法

入门基础一、建立站点（在Dreamweaver环境下）1、站点作用：用来归纳一个网站上的所有网页、素材以及他们之间的联系2、创建站点：（1）创建站点根文件夹（命名规则以字母和下划线开头）（2）根目录下再建文件夹（css：存放所有css文件、image：存放页面内所有图片、js：存放所有的js文件）相对路径：从当前操作html的文档所在目录算起的路径叫做相对路径（）绝对路径：从根目录算起的路径叫做绝
陈弟弟·2020-07-14 10:12

前端学习笔记一：HTML（6）初识CSS

开始第。。六篇。其实本来想以这篇内容作为CSS学习开个头的，仔细想想学CSS的重点是要在单独为网页的样式设计建立个样式表，而本篇笔记只讲述如何为网页的一段内容设计样式。因此还是归入第一部分的学习中。第八个示例，就管它叫初见CSS。代码如下：华为简介华为技术有限公司华为技术有限公司成立于1987年，总部位于中国广东省深圳市龙岗区。华为是全球领先的信息与通信技术（ICT）解决方案供应商，专注于ICT领
大一哟·2020-07-14 05:23

前端学习笔记十五

由很多小的背景图像合成的大图被称为精灵图；要想精确定位到精灵图中的某个小图，需要使用CSS的background-image、background-repeat和background-position。在表格中border-collapse:collapse;可以让表格和td盒子的边框进行合并•CSS选择器的性能排序：–1.id选择器（#myid）–2.类选择器（.myclassname）–3.标
被注册的9527·2020-07-13 21:13

web前端学习笔记

视口适配设置：如果任何设置都没有，默认走的就是viewport的默认设置去设置新的viewport设置,达到适配要求。标准适配方案：meta:vp+tab快捷方式设置最大宽度基本样式初始化*,*::before,*::after{/*所有的标签，和伪元素都选中*/margin:0;padding:0;/*移动端常用布局是非固定像素*//*盒子的width从border开始算*/box-sizing
希望猫·2020-07-13 20:10

【前端学习笔记】JavaScript + Vue.js + Element-UI

前端学习笔记JavaScriptVue.jsElement-UIJava后端部分的笔记：Java后端笔记JavaScript基础语法（数据类型、字符串、数组、对象、Map、Set、iterable、函数基础
萌宅鹿·2020-07-13 20:33

前端学习笔记(HTML)

双标签：属性1="值1"...-->Document一级标题二级标题三级标题换行 一个空格三个空格=一个文字加粗或者斜体上标下标-->   123456！123411111哈哈哈哈哈哈哈哈哈啊哈哈哈啊哈！Higirl!Areyoufreetonight?x2+2x+1=0x1+x2=-1属性：face：字体，"楷体"、"隶书"、"宋体"等，前提浏览器支持si
大佬橙·2020-07-13 20:22

前端学习笔记(HTML)——列表

列表最近热播的大片：表示列表中的一个列表选项type属性：square、disc、circletype属性既可以在ul标签中统一为每一个li设置，也可以单独设置某一个li-->流浪地球西红柿首富大黄蜂匆匆那年那些年一起追过的女孩小时代最新一期的福布斯富豪榜：马化腾马云王健林任正非波波老师名词解释穷游没有资金，仍然要旅游。世界那么大，我想出去看看，我带着你，你带着钱！网页显示如下：
大佬橙·2020-07-13 20:22

WEB前端学习笔记-JavaScript-ECMAScript

001-HTML中嵌入JavaScript代码的第一种方式.htmlHTML中嵌入JavaScript代码的第一种方式002-HTML中嵌入JavaScript代码的第二种方式.html//alter有阻塞当前页面加载的作用直到用户点击对话框window.alert("first........")HTML中嵌入JS代码的第二种方式/**css代码*/window.alert("head.....
7i十二·2020-07-13 20:29

前端学习笔记 - CSS - 1.阴影

前端学习笔记-CSS-1阴影：box-shadwshadw属性有四个参数：水平偏移，垂直偏移，模糊范围半径，阴影颜色。
moli27·2020-07-13 20:46
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他