ssm_前端学习笔记

前端学习笔记_HTML

什么是HTML呢？超文本标记语言（HyperTextMarkupLanguage），用来描述网页的一种语言。一个基本的HTML结构：//告诉浏览器如何渲染页面!常见的meta标签页面关键词页面描述移动设备常见meta标签HTML的标签块级元素：div-无意义的块级元素dl-定义列表form-交互表单h1~h6-标题hr-水平分隔线ol-有序表单p-段落table-表格ul-无序列表行内元素：a-锚
质真如渝·2019-12-24 23:34

2019-08-25-前端学习笔记

在标签的标签中，使用选择器来进行元素的筛选以做页面样式的调整。1．元素选择器通过元素选择器可以选择页面中的所有指定元素。语法：标签名+｛｝例如：为所有p元素设置字色，那么就使用元素选择器P{color:cyan}2．Id选择器通过元素的id属性值，选中唯一的元素。特点：每个页面中的id属性是唯一的。语法：#+id属性值+｛｝例如，为某个id属性值为P1的P元素设置字号30px，字色red，使用id
Chasonnn·2019-12-19 19:35

前端学习笔记Vue入门

Vue.js入门教程参考文献Vue-Cliwebpack打包入门：http://www.cnblogs.com/keepfool/p/5678427.htmlVue中文文档：https://cn.vuejs.org/v2/guide/index.htmlVue-cliwebpack打包实战：https://segmentfault.com/a/1190000008143264over安装Vue.j
采香行处蹙连钱·2019-12-19 10:58

前端学习笔记_JS基础(1)

JS的代码是一行一行执行的，JS中一切皆对象。变量提升console.log(a);//undefinedvara=10;console.log(a);//10由此可见，a被预处理到了最前面，变量提升只对var命令声明的变量有效，否则就会报错。JS注释//单行注释/**多行注释*/和文档注释/****@method求和*@param{Number}是一个数字*@param{Number}另一个数字
质真如渝·2019-12-17 20:27

前端学习笔记_css常见居中方式

HTML结构如下我爱前端想要child横向居中，如何做呢？text-align:center;//父元素display:inline-block;//子元素设置父元素居中，子元素为inline-block即可。但是，ie67下的块元素不支持display:inline-block;，可用：*display:inline;*zoom:1;或者直接设置child:.child{display:tabl
质真如渝·2019-12-14 18:02

前端学习笔记(4)

今天继续学习jquery的一些方法。$("div").width()//盒子宽度$("div").innerWidth();//盒宽+内边距$("div").outerWidth()//盒宽+内边距+边框$("div").outerWidth(true)//盒宽+内边距+边框+外边距jquery监测浏览器滚动事件$(window).scroll(function(){$(window).scrol
weiblock·2019-12-14 06:33

响应式开发学习笔记

前端学习笔记响应式H5在头部添加拓展阅读：https://blog.csdn.net/u012402190/article/details/70172371样式相应存在6种属性参数名称参数描述min-width
卡杰·2019-12-13 23:03

前端学习笔记_Bower

bower是什么？Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。安装安装node环境:node.js安装Git，bower从远程git仓库获取代码包:git简易指南使用npm，打开终端输入：$npminstall-gbower使用安装：$bowerinstalljquery查看包的信息：$bowerinfojquery包的
质真如渝·2019-12-13 21:14

前端学习笔记001－－事件代理

原理DOM2.0的事件模型是这样的捕获阶段:如果某个元素触发一个事件，如onclick，顶层对象document就会发出一个事件流，随着DOM树往目标元素流去，沿途的元素如果绑定了事件，它是不会执行的！(原Netscape的事件执行模式)目标元素阶段：到达了目标元素，执行它上面的绑定事件，但如果onclick只是个空实现，当然是没有效果啦!起泡阶段:从目标元素往顶层元素折回，如果沿途有onclic
下一栈·2019-12-13 11:19

【重学前端学习笔记】关于类型，有哪些你不知道的细节

在学习《关于类型，有哪些你不知道的细节》一章节中，讲到了javascript内置了Symbol.toPrimitive属性，可自定义类型转换操作。typeof我们最常使用typeof来进行类型检测，对于基本类型使用typeof能得到我们想要的结果console.log(typeof'123')//'string'console.log(typeof123)//'number'console.log
astak3·2019-12-12 05:35

前端学习笔记

vue初始化一个项目：sudonpminstall-gvue-clivueinitwebpack{{my-project}}cd{{my-project}}npminstallnpmrundev细节JavaScript不区分整数和浮点数，统一用Number表示NaN;//NaN表示NotaNumber，当无法计算结果时用NaN表示Infinity;//Infinity表示无限大，//当数值超过了J
Funnyer·2019-12-07 17:20

前端学习笔记_使用gulp编译sass文件

备注：sass文件中带_的文件不会被编译成css文件（例：_base.scss）一个简单的sass文件：base/_base基础的ui:resetheaderheader_navheader_searchfooterformtablelayout...config/_configconfig核心层比如一些基本的variablesmixinmediaanimategrid…mod/_modmod模块
质真如渝·2019-12-02 08:04

前端学习笔记之--CSS(5)

at-rule:@规则、@语句、CSS语句、CSS指令import@import"路径";导入另外一个css文件charset@charset"utf-8";告诉浏览器该CSS文件，使用的字符编码集是utf-8，必须写到第一行块级格式化上下文全称BlockFormattingContext，简称BFC它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局常规流块盒在水平方向上，必须撑满包含块
Qsir11·2019-12-01 12:30

前端学习笔记_sass

一、什么是sasscss预处理器，它的基本思想是：用一种专门的编程语言，进行网页样式设计，然后再编译成正常的css文件。二、sass基本用法变量：以$开头$font-primary:"MicrosoftYaHei","微软雅黑",sans-serif;body{font-family:$font-primary;}如果变量需要嵌套在字符串中，就必须写在#{}中$side:left;.mydiv{b
质真如渝·2019-11-30 15:10

前端学习笔记_HTTP基础

打开一个网页的过程输入网址网址通过DNS匹配IP地址与IP地址建立链接发送HTTP请求服务器解析请求，调用后台进行处理浏览器展示服务器返回的结果域名解析：nslookupwww.baidu.com建立链接：telnetwww.baidu.com80发送请求：GET/HTTP/1.1//请求行，其格式是（请求方法请求路径HTTP版本）Host:www.baidu.com//格式（头部字段名：值）HT
质真如渝·2019-11-30 10:09

前端学习笔记_环境与markdown

什么是命令行？Command-LineInterface缩写cli常见命令-cd-ls-pwd-mv-rmdir-rm-touch-cat-help-...例如：cd~可以回到用户家目录cd-切换最近的目录命令行参考Node环境Node官网测试安装是否安装成功：-$node-v-$npm-v静态服务器安装：$npminstall-ganywhere(-g表示在全局下都可以使用)使用：$anywhe
质真如渝·2019-11-30 09:14

前端学习笔记_如何在WebStorm上使用git

之前一直使用命令行操作git，今天在WebStorm上使用了下git，感觉也是挺方便的。WebStorm上检出git仓库在WebStorm中选择VCS->CheckoutformVersionControl->Git检出仓库，如图：GitRepositoryURL:[email protected]项目名称ParentDirectory:本地要存放地址的父目录DirectoryName:项目名称![]~3.
质真如渝·2019-11-30 00:01

我的前端学习笔记7——html语义化

任性放图，内容无关1,如何理解HTMLCSS语义化?在平时写代码的过程中要注意哪些细节-htmlcss语义化就是为了让代码更具有可读性。注意细节：（不太懂，以后遇到一定要搞明白）尽可能少的使用无语义的标签div和span；在语义不明显时，既可以使用div或者p时，尽量用p,因为p在默认情况下有上下间距，对兼容特殊终端有利；不要使用纯样式标签，如：b、font、u等，改用css设置。需要强调的文本，
HARRISKING·2019-11-29 20:11

前端学习笔记_jQuery之DOM

归纳一下DOM选择siblings()children()prev()next()prevAll()nextAll()parent()parents()parentUntil()eq()index()closest()children()slice()clone()index()属性attr()removeAttr()内容html()text()val()样式css()addClass()remo
质真如渝·2019-11-29 06:06

2018-04-10前端学习笔记

前端入门核心基础HTML+CSS+JAVASCRIPTHTML教程：菜鸟教程-HTML练习检测：慕课网-HTML+CSS课程，freeCodeCamp，实验楼前端路径总结：菜鸟教程过了一遍眼，但是没有敲代码，基本等于没学。然后就去慕课网找了类似于游戏通关的代码练习，但是章节不多，练习量不多，用处不大。freeCodeCamp上的通关教程还不错，不过是全英文的。然后，在实验楼的通关教程感受了一下，它
文袁·2019-11-29 04:29

前端学习笔记----Day11_h5新增标签和Animation动画

h5新增标签videoautoplaywebm格式controls控制按钮比如播放按钮宽高只设置一个时,按比例缩放preload页面显示的时候进行预加载,并预播放.与autoplay互相冲突loop视频默认播放次数video兼容性问题对不起,你的浏览器版本太旧,请升级...sorry,yourbrowserdoesnotsupportthisvideotag...audio音频属性同视频detai
Pamela_Liu·2019-11-08 14:48

我的前端学习笔记4——html

知识点总结区任性放图，与内容无关1，网页乱码的问题是如何产生的？怎样解决**乱码原因：乱码之所以产生，主要是保存html文件和html文件在浏览器中展示**两个环节出了问题。我们在保存html文件时，如果不是特意设置，编辑器会默认保存一种格式。这样在浏览器中展示的时候，又会自动识别一种格式展示，因此导致网页乱码的发生。解决方法：让浏览器识别你保存的html文件的格式。举个例子，你写了一个html文
HARRISKING·2019-11-08 13:11

前端学习笔记_css(2)

resize该元素在页面的大小是不被固定的，其解决方法：textarea{resize:none;}或者textarea{width:400px;height:200px;max-width:400px;min-width:400px;max-height:200px;min-height:200px;}opacity与rgba()的区别opacityrgba().a{width:400px;he
质真如渝·2019-11-07 05:13

前端学习笔记_git如何连接远程仓库，生成ssh公钥

第一步首先在本地创建一个文件夹，gitinit创建本地仓库编写完成后**gitadd.**提交所有的项目gitcommit-m"提交"注释然后打开coding创建项目第二步生成ssh公钥-.设置Git的username和email：$gitconfig--globaluser.name"xuhaiyan"$gitconfig--globaluser.email"haiyan.xu.vip@gmai
质真如渝·2019-11-04 18:55

前端学习笔记十

盒模型1，网页就是多个盒子嵌套排列的结果。内边距出现在内容区域的周围，当给元素添加背景色或者背景图像时钙元素的背景色或者背景图像也将出现在内边距中。外边距是该元素和相邻元素的距离。2，边框2.1边框样式border-style:none无边框\solid单实线\dashed虚线\dotted点线\double双实线border-top上边框\border-right右边框\border-botto
被注册的9527·2019-11-04 09:52

How2j仿写天猫前端学习笔记三分类页面

今天写分类页面中排序和价格页面排序价格页面这个页面还算简单，上面的是图片，下面排序和价格是用两张table做的，没什么太大的难度。设置的table没有表框，是在每个td上加上一个边框。再把输入框的边框用border-width;0px,边框设置为无，就是想在这样了。5.31日更新产品列表产品列表我记得原来好像写过类似的列表吧，都大同小异。不过这个当鼠标放在列表上时会有四个像素的红色边框出现。实现它
烟雨平生梦·2019-11-03 08:04

前端学习笔记1-HTML基础

HTML（HypertextMarkuplanguage）不是一种编程语言，正如其英文全称所示，HTML仅是一种标记语言，它有许多元素，这些元素标签按照一定规则组合在一起形成的文档将告知浏览器我们所访问的网页的结构。网页开发者使用HTML元素以某种样式去展示想要展示的内容，可以强调某些内容，可以插入链接，可以展示文章等等。1、HTML元素结构：这是一个段落标签HTML元素由基本的开始标签、内容和结
一百万小可爱·2019-11-02 21:43

前端学习笔记七

Css层叠样式表：1，Css层叠性：指多种css样式的叠加2，Css继承性:子标签会继承父标签的某些样式。字体，文本属性等页面中通用的样式可以使用继承，例如：font系列，text系列，line系列，color，cursor；并不是所有属性都可以继承，下面属性就不具备继承性：边框，外边距，内边距，背景，定位，元素宽高属性，所有盒子相关的属性都不能继承。3，Css的优先级3.1权重：内联样式优先级最
被注册的9527·2019-11-02 16:20

我的前端学习笔记23—— ajax

1，ajax是什么？有什么作用？ajax全称为AsynchronousJavaScriptandXML，可以实现在不重新加载整个页面的情况下，对网页的某一部分进行更新(异步)。ajax在浏览器与web服务器之间使用异步数据传输（HTTP请求）从服务器获取数据。这里的异步指的是脱离当前浏览器页面的请求、加载等单独执行，这就意味着可以在不重新加载整个网页的情况下，通过JavaScript发送请求，接受
HARRISKING·2019-11-01 07:05

前端学习笔记二

html部分标签：h1-h6标签h1标签权重最高，一个页面只能有一个h1标签h2标签权重次之，一个页面中可以有多个h2标签。p标签段落文本独占一行；水平线标记hr标签为单标签；换行标记br标签也是单标签； 空格；em标签就是对文档中的一段文本进行着重强调，是以倾斜的方式强调，可能会改变局部文档的语义；strong标签作用范围是整个文档，进行一个加强语气作用。sub定义下标字sup定义上标字
被注册的9527·2019-10-30 20:16

前端学习笔记——promise实现

promise穿透promise静态方法Promise.prototype.catch实现Promise.prototype.resolve实现Promise.all实现Promise.race实现这个前端学习笔记是学习
SF_Rex·2019-10-09 17:57

十大排序算法JavaScript实现总结

github中正文链接，点击查看两年前端学习笔记：https://github.com/zhangyachang/Notes欢迎点个star排序算法说明1.冒泡排序(BubbleSort)1.算法描述2
一步一步向上爬·2019-10-07 23:00

前端学习笔记style，currentStyle，getComputedStyle的用法与区别

style、currentStyle、getComputedStyle区别介绍样式表有三种方式内嵌样式（inlineStyle）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internalStyleSheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（ExternalStyleSheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Style
·2019-09-24 02:44

web前端学习笔记

一、HTMLhtypertextmarkuplanguage即超文本标记语言超文本:就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言:标记（标签）构成的语言.网页==HTML文档，由浏览器解析，用来展示的静态网页：静态的资源，如xxx.html动态网页：html代码是由某种开发语言根据用户请求动态生成的标签:由一对尖括号包裹的单词构成标签不区分大小写标签分为两部分:开始标签和结
感觉不一样·2019-09-22 11:00

前端学习笔记-html-ico图标&网站三大标签优化

引入ico图标代码：  注意：(它)不是iconfont字体哦也不是图片。位置是放到head标签中间。后面的type="image/x-icon"属性可以省略。为了兼容性，请将favicon.ico这个图标放到根目录下。转换ico图标我们可以自己做的图片，转换为ico图标，以便放到我们站点里面。http://www.bitbug.net/网站优化三大标签SEO是由英文SearchEngineOpt
Nanami Touko·2019-09-04 11:43

【重学前端学习笔记】关于类型，有哪些你不知道的细节

在学习《关于类型，有哪些你不知道的细节》一章节中，讲到了javascript内置了Symbol.toPrimitive属性，可自定义类型转换操作。typeof我们最常使用typeof来进行类型检测，对于基本类型使用typeof能得到我们想要的结果console.log(typeof'123')//'string'console.log(typeof123)//'number'console.log
UCCs·2019-08-19 00:00

前端学习笔记

1.js根据选中的复选框获取该行内容varcheck=$("input[name='checkbox']:checked");//选中的复选框，name为checkbookcheck.each(function(){varrow=$(this).parent("td").parent("tr");varname=row.find("[name='name']").html();//td的name为
GuiSu97·2019-07-19 10:04

重学前端学习笔记（三）-JavaScript类型

JavaScript类型JavaScript语言规定了7种语言类型。根据最新的语言标准，这7种语言类型是：Undefined；Null；Boolean；String；Number；Symbol；Object。Undefined、NullUndefined类型表示未定义，任何变量在赋值前是Undefined类型、值为undefined，一般我们可以用全局变量undefined（就是名为undefin
hen1183392934·2019-07-12 10:47

一统江湖的大前端（3） DOClever——你的Postman有点Low

【摘要】《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
华为云·2019-06-12 14:52

重学前端学习笔记（二十七）--JavaScript的词法

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、JavaScript的词法（lexicalgrammar）ECMAScript源码文本会被从左到
weixin_33853827·2019-06-02 18:35

ssm_前端学习笔记

Controllerpackagecom.atguigu.crud.controller;importjava.util.ArrayList;importjava.util.HashMap;importjava.util.List;importjava.util.Map;importjavax.servlet.http.HttpServletRequest;importjavax.validati
知止内明·2019-05-19 15:24

重学前端学习笔记（八）--JavaScript中的原型和类

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、什么是原型？1.0、定义原型是指一个词语或一个类型意义的所有典型模型或原形象，是一个类型的组典型
凯小默·2019-05-06 00:00

重学前端学习笔记（五）--如何运用语义类标签来呈现Wiki网页？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。HTML语义：如何运用语义类标签来呈现Wiki网页？通过wiki网页案例来学习语义类标签HTML最初
凯小默·2019-04-28 00:00

重学前端学习笔记（三）--前端知识框架图

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。列一份前端知识框架图两个目标1、把无法通查阅解决的原理和背景讲清楚2、把不方便查阅和记忆的内容整理好
凯小默·2019-04-25 00:00

慕课网前端学习笔记—JavaScript入门篇&进阶篇

JavaScript入门篇https://www.imooc.com/learn/361.基础语法在HTML文件中添加JavaScript代码，掌握必备的基础语法，为以后来章学习打下基础。1.如何写入JavaScript代码内部引用：在HTML文件中插入JavaScriptcodes...，其中type默认为text/javascript，可省略。外部引用：在.js文件中编写，在HTML文件中插入
huajianplz·2019-04-07 19:22

前端学习笔记--table表格的使用

前言表格，顾名思义就是通过语法画出像excel那样的表格，只不过html中表格除了可以嵌套文字，还可以嵌图片、链接等等，有一些类似于商品的布局运用了表格（那种在前端开发中似乎形容成盒子，很形象，不过这个盒子可以装各种各样的东西）。其实个人理解，表格应该是应用在各种不同元素之间的排版！强迫症的一大福音啊，不然让攻城狮调这种类似于绝对布局的每个数值的话...细思极恐。其实表格就是在页面上的一个行向量容
小胡同的诗·2019-03-17 18:16

前端学习笔记--HTML语法(1)

笔记html：超文本标记语言F12：开发者模式css：层叠样式表javascript(js):脚本语言，增加动态效果开发环境：WebStorm开发手册:w3schoolH5的标准：:网页的信息charset字符集(UTF-8,gb18030,gb2312)默认utf-8:链接资源网页代码测试xxxxqqqqHelloWorld!\nthisisalink标题2，居中hhhhhhhh
小胡同的诗·2019-01-16 23:18

前端学习笔记day12 动态创建元素之创建表格 实现动态删除

Document#boxtable{border-collapse:collapse;}vardata=[{name:'璇璇',age:23,gender:'女'},{name:'西西',age:23,gender:'女'},{name:'宣萱',age:23,gender:'女'},{name:'哼哼',age:23,gender:'女'},{name:'依依',age:23,gender:'女
weixin_30256505·2018-12-29 20:00

前端学习笔记二

前端学习笔记二简单的正则提取字符串Jquery使用JS函数式编程css选择器简单的正则提取字符串照例贴上非常不错的一篇博文JavaScript必会技能——正则表达式，这个博客同时也有一些其他方面的博文，
ChanWunsam·2018-12-20 17:04

前端学习笔记一

前端学习笔记一flexbox学习居中布局借助flex简单实现水平垂直居中利用绝对定位行内元素居中flexbox学习这里推荐一个简短有趣的链接，可以同时对比其他的布局方案：学习css布局-flexbox。
ChanWunsam·2018-12-20 17:37
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他