ssm_前端学习笔记

前端学习笔记（四）2020.02.29

溢出文本显示省略号--必须满足三个条件1.单行文本/*先强制一行内显示文本(默认normal自动换行）*/wihte-space：nowrap；/*2.超出部分隐藏*/overflow：hidden；/*3.文字用省略号替代超出部分*/text-overflow：ellipsis；2.多行文本多行文本溢出显示省略号，有较大的兼容性问题，适合于webkit浏览器或移动端（移动端大多是webkit内核
纵马且长歌·2020-07-02 13:50

前端学习笔记（一）——React框架

前段时间学习了有关React框架，做了一份笔记，记录并分享一下。以便后续方便查找和使用。PS：这份笔记只是记录了本人在学习过程中，认为React中比较重要的点进行了记录，详细的知识点还需要深入去探讨研究***欢迎指出错误或不当的地方***React专注视图层，特点：VirtualDOM；函数式编程；JSX；单向数据流JSX基本语法：DOM元素中有两个属性特殊，class和for（JS中的关键字），
圆鹿鹿·2020-07-02 00:40

前端学习笔记（一）—— 常用HTML标签

前端学习笔记（一）——常用HTML标签前言接触前端开发也有些时间了，现在想把自己在前端开发和工作中所学到的、有用的知识在此以笔记的形式记录下来，给有需要的童鞋借鉴学习。
Marco_灰·2020-07-01 11:17

前端学习笔记之5 静态页面练习(登录)

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_效果图:1.代码-HTML登录欢迎登录![](images/2.png)![](images/2.png)下次自动登录忘记密码?登录还没账号?马上注册社交账号登录![](images/1.png)![](
庞仕山·2020-06-29 22:44

【Web前端学习笔记】Web前端框架_JQuery

Web前端框架_JQueryA.JQuery库1.JavaScript脚本库产生原因JavaScript给网页添加了很多动态功能：动态交互实时刷新等但是语法复杂，代码量大，浏览器不兼容等，造成编码不便，效率低因此：封装了预定义的对象和函数的JavaScript库诞生了帮助使用者快速建立交互性强功能丰富的页面同时解决了浏览器兼容性问题2.JQuery库概述是一个优秀的JavaScript脚本库，是一
love__nana·2020-06-29 20:08

前端学习笔记二十三-Vue的基本使用和模版语法

一、Vue概述Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合⚫易用:熟悉HTML、CSS、JavaScript知识后，可快速上手Vue⚫灵活:在一个库和一套完整框架之间自如伸缩⚫高效:20kB运行大小，超快虚拟DOM二、Vue基本使用使用Vue将helloworld渲染到页面上实例参数分析el:元
AizawaSayo·2020-06-29 20:17

【前端学习笔记】JS深拷贝、浅拷贝

内容学习自1,https://juejin.im/post/5b20c9f65188257d7d719c1c2,https://segmentfault.com/a/11900000086374893,https://segmentfault.com/a/11900000161492654,https://juejin.im/post/59ac1c4ef265da248e75892b为什么要有深浅
辰小小·2020-06-29 02:29

前端学习笔记 -- ES6

1、块级作用域任何一对花括号（｛｝）中的语句集都属于一个块，在块中声明的变量在代码块外都是不可访问的，称之为块级作用域，ES5以前没有块级作用域2、let关键字let用于声明变量（类似于var），其声明的变量只在当前代码块内有效，实际上是创建了块级作用域1、创建块级作用域if(true){varstr='一个字符串';letnum=15;console.log(num);}console.log(
我是我的太阳·2020-06-28 21:38

前端学习笔记 -- Canvas

Canvas画布1、画图的步骤1）先准备画布2）准备画笔3）先描路径4）再填充注：canvas标签的宽度和高度必须使用标签属性，不允许使用css设置2、坐标系坐标原点在画布的左上角X轴水平向右Y轴垂直向下3.镂空填充非零环绕规则：从路径环绕的所有的区域中，任意划出一条直接，如果穿过的线条正向的与反向的线条个数相加为零，就不会填充；如果不为零就填充4.画曲线（根据函数方程描点画线）5.路径的概念：-
我是我的太阳·2020-06-28 21:38

前端学习笔记 -- Node.js

一、介绍1、宿主环境javascript是由ECMAScript、DOM、BOM三部分组成，浏览器实现了ECMAScript标准，使其能够运行于浏览器，我们称浏览器为ECMAScript的宿主环境。除了可以运行于浏览器环境外，ECMAScript还可以运行于AdobeFlash环境中（称为ActionScript），这时AdobeFlash也是ECMAScript的宿主环境。Nodejs也是另一种
我是我的太阳·2020-06-28 21:38

Web前端学习笔记之一：手写Promise（面试）

一、Promise简单介绍说是简单介绍，真的很简单。promise的主要作用是能解决JS多层次回调代码难以理解与维护。把嵌套回调写成看起来像是平行代码。详细可参考1.Promise什么是？有什么作用？本质是什么？2.JavaScript标准库Promise二、手写promise简单实现直接上代码constPENDING="pending";//初始值，不是fulfilled，也不是rejected
weixin_34279579·2020-06-28 15:17

Web前端学习笔记——JavaScript之变量、操作符、表达式和语句

浏览器说明浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。通俗的讲:可以显示页面的一个软件,国内网民计算机上常见的网页浏览器有，QQ浏览器、InternetExplorer、Firefox、Safari，Opera、GoogleChrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等，浏览器是最经常使用到
唯恋殊雨·2020-06-26 19:15

Web前端学习笔记——CSS盒子模型、浮动

盒子模型（CSS重点）其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的
唯恋殊雨·2020-06-26 19:43

Web前端学习笔记——HTML5新标签与特性

HTML5新标签与特性文档类型设定documentHTML:sublime输入html:4sXHTML:sublime输入html:xtHTML5sublime输入html:5字符设定：HTML与XHTML中建议这样去写：HTML5的标签中建议这样去写常用新标签w3c手册中文官网:http://w3school.com.cn/header：定义文档的页眉头部nav：定义导航链接的部分footer：
唯恋殊雨·2020-06-26 19:43

我的前端学习笔记13——浏览器兼容问题

1，如何调试IE浏览器？使用高版本浏览器（IE8以上）控制台进行调试。将浏览器分级，市场份额多的优先着重考虑，小的适当考虑。测试IE的方法1，虚拟机。2，远程虚拟机。3，IEtester（不靠谱）。4，某些IE可以开启浏览器模式。使用border：1pxsolid；、outline：1pxsolidcolor；或者在网页输入框输入javascript:进行调试；2，什么是CSShack？在CSS和
HARRISKING·2020-06-26 11:20

前端学习笔记之——JS对象

通过三类对象和两类属性来区分（1）内置对象：（数组，函数，日期。正则表达式）（2）宿主对象：是由JavaScript解释器所嵌入的宿主环境定义的。（3）自定义对象：运行中的JS代码创建的对象。（4）自由属性：直接再对象中定义的属性（5）继承属性：对象的原型对象中定义的属性。1.创建对象首先解释一下原型：每一个JS对象（null除外）都和另一个对象（原型）相关联。每个新创建出来的对象都会直接或间接继
近视越来越深了·2020-06-25 19:24

前端学习笔记之--JS的原型和原型链的理解（2）

增加JS原型和原型链的理解哦哦哦哦哦哦~~~~functionVehicle(){this.run=function(){console.log('icanrun');}}functionCar(){this.load=function(){console.log('icanloadpeople');}}varTruck=newVehicle();//创建一个Vehicle()的实例Truck;C
近视越来越深了·2020-06-25 19:24

前端学习笔记-jQuery-jQuery属性操作/内容文本值

jQuery属性操作设置或获取元素固有属性值prop()所谓元素固有属性就是元素本身自带的属性，比如元素里面的href，比如元素里面的type。1.获取属性prop（"属性"）2.设置属性prop（"属性"，"属性值"）设置或获取元素自定义属性值attr()用户自己给元素添加的属性，我们称为自定义属性。比如给div添加index="1"。1.获取属性attr（"属性"）//类似原生getAttri
Nanami Touko·2020-06-25 11:55

【学习笔记】前端学习笔记 HTML+CSS+JavaScript+JQuery

学这些太痛苦了，我一定要成为算法工程师！HTML简介HyperTextMarkLanguage，超文本标记语言，使用一套标记标签来描述网页。标签，开始标签，结束标签，标签内容，属性。开始标签后加/来结束，如。推荐使用小写。标题,注释，水平线，段落。样式，直接修改样式的标签已被废弃。Aparagraph..格式化：文本格式化，输出格式化，引用，留坑。链接：Linktext，新窗口显示，target属
Little_Fall·2020-06-24 12:06

前端学习笔记

前端Mock数据的方法1.静态文件，ajax直接访问文件路径2.字符串，但是有单双引号、换行的问题3.网络抓包工具如fiddler，页面正常请求，监听网络拦截所请求的网址返回数据4.deployd可视化数据库操作界面https://github.com/deployd/deployd依赖于mongodb和node.js，初次安装成本较高5.mockjshttp://mockjs.com/可以伪造动
项哥·2020-06-24 06:11

2020前端学习笔记

前端学习笔记第一HTML基础CSS基础javascript基础HTML5新特性基础响应型布局jQuery基础jQueryUI基础jQuerymobile基础createJS基础其它全套项目JS基础前端基础功
DJXHC·2020-06-23 04:58

全套笔记（全栈）

##WEB前端学习笔记一、DAY01介绍历史web发展的四个阶段及要掌握的技能第一个阶段：PS+HTML+CSS第二个阶段：JS+AJAX+JQuery第三个阶段：从前端到全端，从PC到移动端，除了要掌握前两个阶段的内容还必须学会
DJXHC·2020-06-23 04:58

How2j仿写天猫前端学习笔记

今天在学习How2j上的项目仿写天猫前端时，遇到的一些问题特此记录下来。![QQ截图20180526192319.png](https://upload-images.jianshu.io/upload_images/12379193-a28d865deb022f70.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)今天主要学习了如何写
oldbalck·2020-06-21 11:43

前端学习笔记之学生管理系统增删查改

*{margin:0;padding:0;}header,.main,.main_informationDisplay>div{padding:20px;}header{background-color:rgb(53,138,136);color:#fff;letter-spacing:5px;}.main{display:flex;}.main_menu:hover{cursor:pointer
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之选座位

选座位ul{display:flex;list-style:none;}ulli{display:block;width:41px;height:35px;background:url("../DOM/img/seat.jpg");background-position:50px0;}.change{background:url("../DOM/img/seat.jpg");background-
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之购物车

购物车table,td,th{border:1pxsolid#cccccc;}编号商品名称单价操作数量总价1保时捷30002法拉利40003阿斯顿50004法拉利60005布加迪7000lettbody=document.querySelector("tbody");tbody.onclick=function(event){if(event.target.nodeName=="INPUT"){l
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之多选框

多选框*{margin:0px;padding:0px;}ul{list-style:none;display:flex;}西瓜苹果葡萄榴莲letall_btn=document.getElementById("all_btn");letnotall_btn=document.getElementById("notall_btn");letinvert=document.getElementByI
昨夜小楼又东风。·2020-06-21 10:00

前端学习笔记之随机点名

随机点名点名"../DOM/tools.js"letarrName=["肖巍","杨恩","张芝荣","罗雷","郭林杰","小湉湉","弯弯姐","陈锴","徐阳","陈阳吉","张胜江","我","波哥","阿汤哥","谢杰","薛老板"];letnames=document.querySelector("h1");letstart_btn=document.querySelector("#s
昨夜小楼又东风。·2020-06-21 10:00

前端学习笔记_css双飞翼布局&圣杯布局

在我看来，圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。那么它们又有哪些区别呢？双飞翼布局顾名思义，双飞翼布局就仿佛是一只鸟，main就相当于鸟的身体，而aside和ad则是翅膀，先决定main放在哪里，再把aside和ad放在合适的位置。在html结构中，main要放在最前面，因为浏览器是从上至下加载页面的main,aside,ad都要float:left;main要wi
质真如渝·2020-06-21 08:34

SSM_用户登录注册，管理员查改删用户(spring+springmvc+mybatis)，学习了一个学期写出来的

时间:2019年6月20日一、SSM框架的简单介绍应用1.1、SpringSpring是一个开源框架，Spring是于2003年兴起的一个轻量级的Java开发框架，由RodJohnson在其著作ExpertOne-On-OneJ2EEDevelopmentandDesign中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可
奋努的Mr.liu·2020-06-21 06:48

我的前端学习笔记19——正则表达式

问答1，\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?查询链接\d：匹配数字；\w：匹配单词字符（字母、数字、下划线）；\s：查找空白字符（空格、换行、tab、回车）；[a-zA-Z0-9]：匹配字母（包括大小写）以及数字0-9；\b：匹配单词边界（\bX表示若X前为字符串开头或者空格则匹配，X\b表示结尾）；.：匹配任意字字符（除了换行和行结束符）；*
HARRISKING·2020-06-21 05:15

【前端学习笔记day10】2.6. html链接标签

文章目录2.6.html链接标签html链接标签2.6.html链接标签html链接标签标签可以在网页上定义一个链接地址，它的常用属性有：href属性定义跳转的地址title属性定义鼠标悬停时弹出的提示文字框target属性定义链接窗口打开的位置target="_self"缺省值，新页面替换原来的页面，在原来位置打开target="_blank"新页面会在新开的一个浏览器窗口打开传智播客测试页面2
汪雯琦·2020-06-21 05:04

【草稿整理中】web前端学习资源清单精简版

【布局】图解CSS3Flexbox属性【布局】阮一峰之Flex布局教程：实例篇JavaScript学习资源系列【整理】前端学习笔记总结清单，应有尽有Wscats学习笔记与文章基础知识【编码】字符编码ASCII
风雨后见彩虹·2020-05-12 09:00

前端学习笔记四十五-版本控制：SVN和Git

知识点版本控制SVNGitGithub版本控制问题1：历史记录问题2：多人协作解决问题：软件版本用户说明日期1张三删除了软件服务条款57/1210:382张三增加了License人数限制7/1218:093李四财务部门调整了合同金额7/139:514张三延长了免费升级周期7/1415:17什么是版本控制？版本管理就是管理更新的历史记录，它给我们提供了一些在软件开发过程中必不可少的功能，例如：记录一
AizawaSayo·2020-04-28 17:02

前端学习笔记三十八-移动APP（2）webpack发布策略

这边首先要着重说几句，由于很多工具如webpack，Babel等更新很快，用旧版本有时查对应文档和API会不方便，因此最好下载最新版的包和去它们官网或者https://www.npmjs.com/看最新的API。更新所有依赖包到最新：1.安装包检查工具npminpm-check-updates-g2.更新package.json里的包版本到最新：ncu-u3.手动重新安装使依赖包全到最新版本：np
AizawaSayo·2020-04-28 17:53

前端学习笔记六

css层叠样式表：一、属性选择器：1.简单属性选择：p[class]{color:red;}选择所有拥有class属性的p标签设置color为red。p[class][id]{color:red;}选择所有拥有class属性和id属性的p标签设置color为red。2.根据属性值选择：p[id='aside']{color:red}选择id='aside'的p标签的color为red二、伪类：1，
被注册的9527·2020-04-12 05:17

前端学习笔记-CSS系列(二)文本

上文说过了选择器，这次我们来一块学习下有关于CSS中文本的操作。|文本大小font-size：|常用语法文本大小代码对应HTML页面要注意的是em和百分比表示都是以父视图大小为基准|字体font-family[|]#可以指定某一字体或某一类字体，可填写多个字体。|粗细font-weight:normal|bold|正斜font-style:normal|italic|行高line-height:n
多喝热水z·2020-04-10 20:34

我的前端学习笔记27——jQuery动画与ajax

1，jQuery中，$(document).ready()是什么意思？通常我们都会强调，一定要把JS写在代码最后，以便等所有内容加载完成在渲染，使得不会出现报错。但是有一种办法可以不用这么安排。这里补充一下：*window.onload*这样做虽然不用特意将JS文件放到代码最后，但是如果页面图片的加载元素过多也会使得整个页面加载时间拖得很久，这是弊端在原生JS中：jquerytest2window
HARRISKING·2020-04-10 13:50

我的前端学习笔记26——跨域

1，什么是同源策略同源策略：浏览器处于安全方面的考虑，只允许与本域下的接口交互，不同源的客户端脚本在没有明确授权的情况下，不能读取对方的资源。同协议：（http、file、shh、https、tel、ftp...）以上协议必须相同；同域名：第一个//到第二个/之间的部分必须相同；同端口：一般为80，具体看设置。以上三条都相同则为同源。2，什么是跨域？跨域有几种实现形式跨域：在使用ajax向后台请求
HARRISKING·2020-04-10 03:43

前端学习笔记十一

1，外边距margin也是复合属性也分上右下左块级元素将左右属性都设置为auto可使块级元素水平居中使用margin定义块元素的垂直外边距时可能会出现外边距的合并行内元素不要给上下的margin和padding（上下的margin和padding会被忽略，左右magin和padding会起作用）2，盒子的宽和高2.1宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（img和
被注册的9527·2020-04-08 23:28

前端学习笔记

1.Bootstrap1.1Bootstrap包的内容基本结构：Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap基本结构部分详细讲解。CSS：Bootstrap自带以下特性：全局的CSS设置、定义基本的HTML元素样式、可扩展的class，以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。组件：Bootstrap包含了十几个可重用的组件
javascript痴痴·2020-04-05 21:00

我的前端学习笔记31——对象_原型

1，OOP指什么？有哪些特性Object-orientedprogramming的缩写，即面向对象程序设计，其中两个最重要的概念就是类和对象。类只是具备了某些功能和属性的抽象模型，而实际应用中需要一个一个实体，也就是需要对类进行实例化，类在实例化之后就是对象。特性继承性：子类自动继承其父级类中的属性和方法，并可以添加新的属性和方法或者对部分属性和方法进行重写。继承增加了代码的可重用性。多态性：子类
HARRISKING·2020-04-04 22:30

前端学习笔记（ES6）

ECMAScript6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript2015。也就是说，ES6就是ES2015。这次在公司的项目中运用的ES6的一些语法在此之前先了解一下babelbabelbabel是广泛使用是es6的转码器，它可以把es6的语法转化为es5的语法结构使得代码可以在现有的环境中执行大家可以选择自己习
ldlecit·2020-04-04 14:53

前端学习笔记_css(1)

如何理解css呢？css是层叠样式表（CascadingStyleSheet）。如何使用？行内样式：helloworld嵌入样式：*{margin:0;border:0;}body,html{height:100%;}外联样式css基础语法选择器｛属性：值；属性：值｝p{font-size:15px;color:red;}css常用选择器ID选择器（#）类选择器(.)标签名选择器（p{}）群组选择
质真如渝·2020-04-03 08:00

前端学习笔记-CSS系列(一)选择器

CSS简介CSS(CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。嗯，简单的说，就是用来美化网页的。使用方法有三种方法可以在站点网页上使用样式表：外联式Linking（也叫外部样式）：将网页链接到外部样式表。嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。内联式Inlin
多喝热水z·2020-04-02 11:48

前端学习笔记-CSS系列(三)盒模型

这章我们讨论CSS里面比较重要的一个概念：盒模型顾名思义我们可以把CSS中每一个元素都想象成一个盒子盒子里包含他的相关内容。浏览器就好像一个大的盒子装着这些小盒子。每一个盒子都有他特定的属性。下面让我们以一个示例图开始今天要分享的内容。CSS盒模型图形样例让我们先从content说起|content盒模型概念中，由width*height决定congtent大小1.width||auto需要注意的
多喝热水z·2020-04-01 15:13

前端学习笔记——HTML与CSS

HTML概念：是最基础的网页开发语言HyperTextMarkupLanguage超文本标记语言超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.标记语言:由标签构成的语言。如html，xml标记语言不是编程语言快速入门：语法：html文档后缀名.html或者.htm标签分为围堵标签：有开始标签和结束标签。如自闭和标签：开始标签和结束标签在一起。如标签可以嵌套：需要正确
Code进阶狼人·2020-04-01 12:09

前端学习笔记--格式化时间

用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。//传入从数据库中取出的日期类型数据functiongetformatdate(d){varformate_datetime;vararray=d.split("");vardate=array[0];vartime=array[1];vararray_date=date.split("-");vararray_time=tim
沧澈·2020-03-27 18:26

前端学习笔记之常用的命名（详细）

1.常用命名页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新
Moorez·2020-03-26 16:08

前端学习笔记之2 CSS样式

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_1.行内样式行内样式我是div我是p标签段落2.页内样式02-页内样式body{background-color:antiquewhite;}div{color:red;font-siz
庞仕山·2020-03-21 11:30
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他