E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【前端笔记】
55 个提高你 CSS 开发效率的必备片段
这篇文章会记录我们平时常用到的CSS片段,使用这些CSS可以帮助我们解决许多实际项目问题中遇到的,墙裂建议点赞收藏再看,方便日后查找附笔记链接,阅读往期更多优质文章可移步查看:
前端笔记
本**清除浮动**
ゞοo
·
2020-07-15 01:15
前端
css
html
html5
前端笔记
之Vue(七)Vue-router&axios&Vue插件&Mock.js&cookie|session&加密
前端笔记
之Vue(七)Vue-router&axios&Vue插件&Mock.js&cookie|session&加密一、Vue-router(路由)1.1路由创建官网:https://router.vuejs.org
RopeHuo
·
2020-07-14 17:25
前端笔记
25——CSS子元素选择器
前言前面分享了后代选择器,下面分享一下学到的子元素选择器。子元素选择器子元素选择器是指选择符合条件的子元素,需要运用到>符号,下面通过实例来看一下:.box{width:100px;height:100px;border:1pxsolidred;}.box>p{color:green;background-color:orange;}p1p2p3上面代码里面的.box>p{}这一段代码就是子元素选
裕博
·
2020-07-14 08:39
前端
前端笔记
23——CSS多元素选择器
前言前面有分享我学习到的相邻选择器,这里要分享是多元素选择器。多元素选择器多元素选择器是指有多个元素具有相同的属性的情况下,运用符号,来进行多元素选择,下面看代码实例就明白了:.box1{width:200px;}.box2{width:300px;}.box3{width:400px;}.box1,.box2,.box3{height:100px;background-color:red;mar
裕博
·
2020-07-14 08:39
前端
前端笔记
22——CSS相邻选择器
前言前面我有分享到学习到了3个选择器,这里给大家分享一下其他的选择器。相邻选择器相邻选择器是指选择某个元素后面相邻的元素,运用到的符号是+。下面通过实例来演示一下:.box{width:100px;height:100px;border:1pxsolidred;}.box+p{color:red;}box1p1p2上面的代码,需求是我们只需要改变p1的颜色,如果用标签选择器选择的范围就会很大也符合
裕博
·
2020-07-14 08:38
前端
前端笔记
--JS执行上下文
写在前面:前段时间参加了金山的前端面试,面试过程中经常get不到面试官的点,有时候即使理解了面试官的意思,却又不能准确的表达出来。让我意识到当前最大的问题是表达沟通能力不足。所以期望通过撰写学习文档的方式,来提升自己的表达和总结的能力。执行上下文基本概念执行上下文是指当前Javascript代码被解析和执行时所在环境的抽象概念,JavaScript任何代码的运行都是在执行上下文中。执行栈js代码运
weixin_34405354
·
2020-07-13 19:30
在某网课学习
前端笔记
整理html篇
在某网课学习
前端笔记
整理html篇列表1.ulli:无序列表ab2.olli:有序列表123.dldtdi:带标题的无序列表小说凡人修仙传斗破苍穹4.tabletheadtbodycaptaintfoottrthtd
低调的帅
·
2020-07-13 10:57
web前端
前端笔记
之ES678&Webpack&Babel(下)AMD|CMD规范&模块&webpack&Promise对象&Generator函数...
前端笔记
之ES678&Webpack&Babel(下)AMD|CMD规范&模块&webpack&Promise对象&Generator函数一、AMD和CMD规范(了解)1.1传统的前端开发多个js文件的关系
RopeHuo
·
2020-07-13 09:59
前端笔记
之ES678&Webpack&Babel(中)对象|字符串|数组的扩展&函数新特性&类
前端笔记
之ES678&Webpack&Babel(中)对象|字符串|数组的扩展&函数新特性&类一、对象的扩展1.1对象属性名表达式ES6可以在JSON中使用[]包裹一个key的名字。
RopeHuo
·
2020-07-13 09:58
前端笔记
之ES678&Webpack&Babel(上)初识ES678&Babel&let和const&解构&语法
前端笔记
之ES678&Webpack&Babel(上)初识ES678&Babel&let和const&解构&语法一、ES版本简介和调试运行方法1.1ECMAScript简介MDN手册:https://developer.mozilla.org
RopeHuo
·
2020-07-12 22:56
【
前端笔记
】响应式布局常用方案
静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。1、px和视口像素是网页布局的基础,一个像素表示了计算机屏幕所能显示的最小区域,像素分为两种类型:css像素和物理像素。我们在js或者css代码中使用的px单位就是指的是css像素,物理像素也称设备像素,只与设备或者说硬件有关,同样尺寸的屏幕,设备的密度越高,物理像素也就越多。下表表示css像素和
QiBarbara
·
2020-07-12 11:10
前端
前端笔记
--JavaScript中的堆栈
写在前面:众所周知,当我们想学习某些知识或者解决某些技术难题的时候,网络或者书籍上就会有一万个大牛为你解惑答疑。那么我为什么还要关公面前舞大刀,花费大量的时间去写这些文章呢?目的有两个,第一是想通过写写技术文档,来提升自己的表达总结能力;第二则是因为好记性不如烂笔头的道理,短时间内可能会觉得这是一个浪费时间浪费精力的事情,但是从长远来看,这无疑会加深我们对知识的理解并巩固我们的知识体系。栈内存栈内
weixin_34007879
·
2020-07-12 08:20
前端笔记
--前端必备知识清单(持续更新)
文章旨在整理收集前端基础、计算机网络、浏览器、vue、react源码以及算法相关知识点。内容来自平时的阅读学习以及实践理解,由于内容量巨大,会进行持续的更新和补充。文章中涉及大量优秀博文的引用,大都在文末注明引用,如有遗漏或侵权,请联系作者处理。版本操作时间操作说明v_0.1.02019-4-1620:57初版v_0.1.12019-4-1713:20正则表达式v_0.1.22019-4-1817
weixin_33728268
·
2020-07-12 07:27
前端笔记
(二) 对象的深浅拷贝,函数的防抖与节流,函数柯里化 ,图片的预加载与懒加载
对象的深浅拷贝对象的深拷贝与浅拷贝的区别:浅拷贝:仅仅复制对象的引用,而不是对象本身。深拷贝:把复制的对象所引用的全部对象都复制一遍浅拷贝的实现:varobj={age:18,person:{hobby:"movie",skill:"Java"}}//方法一functionshallowClone(initial){varobj={};for(variininitial){obj[i]=initi
RetroAstro
·
2020-07-12 04:16
自学web
前端笔记
小结---CSS3
CSS3笔记CSS3选择器规范地址:问题:1.CSS:cascadingstylesheets(层叠样式表)面试常问2.样式表及组成关系:由一条条规则(选择器+声明块)组成笔试常考声明:CSS属性+CSS属性值组成的键值对3.浏览器读取编译CSS的顺序:从右往左eg.divulli.test{}为什么?有机会一次选中目标元素(算法复杂度低)4.选择器1)基本选择器及其扩展*.#后代组合(#test
席三日的充电区
·
2020-07-11 20:53
入门
前端笔记
之NodeJS(一)初识NodeJS&内置模块&特点
前端笔记
之NodeJS(一)初识NodeJS&内置模块&特点一、NodeJS简介NodeJS是开发服务器后台的东西,和PHP、JavaEE、python类似,和传统的浏览器的关注DOM的JS完全不同,将
RopeHuo
·
2020-07-11 15:20
前端笔记
-thymeleaf发送数据给JavaScript变量(普通变量和List)
比如这个情况,当使用echart的时候:如下图:下面给出thymeleaf发送List给JavaScript//入学手续界面@GetMapping("/procedure")publicStringprocedure(Modelmodel){model.addAttribute("someInfo",cardInfoDao.getCardInfo());System.out.println(car
IT1995
·
2020-07-11 15:29
JavaScript
web前端
Web
前端笔记
-移动端触屏移动视角(two.js)
这里主要是利用jquery,在移动端时也可以实现视角的移动效果。程序运行截图如下:这里用触屏操作与鼠标操作一样:关键源码如下://移动端触碰开始$stage.bind('touchstart',function(event){originalPositionX=event.changedTouches[0].pageX;originalPositionY=event.changedTouches[
IT1995
·
2020-07-11 15:28
Web相关技术
web前端
js
two.js
web
web前端
Web
前端笔记
-two.js画三角形及画tip含tip旋转
程序运行截图如下:旋转下:代码如下:import*asTwofrom"JS/two";import*as$from"JS/jquery";letisPressed=false;letoriginalPositionX=0;letoriginalPositionY=0;lettwo;letmouse;exportfunctiondrawGraphic(){letelem=document.getEl
IT1995
·
2020-07-11 15:28
Web相关技术
web前端
前端笔记
12
循环语句代码:循环语句/*循环语句:通过循环语句可以反复的执行一段代码多次while循环-语法:while(条件表达式){语句...}-while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环do...while循环-语法:do{语句...}while(条件表
明日计划
·
2020-07-11 11:35
前端笔记
一(__proto__,prototype,constructor)
1.proto__proto__属性都是,即指向它们的原型对象(也可以理解为父对象)。作用:它的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存在这个属性,则继续往父对象的__proto__属性所指向的那个对象(可以理解为爷爷对象)里找,如果还没找到,则继续往上找…直到原型链顶端null(可
沐雨芝录
·
2020-07-11 00:21
新手前端HTML笔记 知识点(2)
接上文https://blog.csdn.net/IDtangjiasanshao/article/details/102964855html新手
前端笔记
知识点表单标签及属性补充表单字段集语法:说明:相当于一个方框
❀可达鸭
·
2020-07-10 21:02
html
html
新手
wed
前端
前端笔记
(10)
代码:(1)一元运算符一元运算符/*一元运算符,只需要一个操作数+正号-正号不会对数字产生任何影响-负号-负号可以对数字进行符号的取反-对于非Number类型的值,它会将先转换为Number,然后再运算-可以对一个其他的数据类型使用+,来将其转换为number,它的原理和Number()函数一样*/vara=123;a=+a;a=-a;a=true;a=-a;a="18";a=+a;/*conso
rtrhhthth
·
2020-07-10 19:00
前端笔记
---3.javascript基础(流程控制)
JavaScript基础流程控制顺序结构分支结构if语句三元运算符switch语句循环结构while语句do-while语句for循环continue和break调试学习目标:JavaScript流程控流程控制流程控制是编程语言与其他语言区分的一个标识,流程控制指的是,我们写的代码是如何去执行的。顺序结构代码从上到下依次执行,就是顺序结构。程序默认就是从上倒下顺序执行的。CreatedwithRa
丹哥不是哥
·
2020-07-10 18:12
原生JS练习
JavaScript
Web编程基础
前端笔记
代表一级标题,也表示此篇笔记的名字二级标题第一个知识点第一个知识点的小点第一第二一列两列应用,一般是对本篇笔记知识点的引入,类似于引言代码格式化:jQuery(function(){//initializeswiperwhendocumentreadyvarmySwiper=newSwiper('#swiper',{//Optionalparameters//direction:'vertical
Flaygo
·
2020-07-09 13:10
前端笔记
之JavaScript03——函数
作业3/*函数封装-生成n~m的随机数题目描述:使用Math对象,获取指定范围随机整数函数名:randomInt(min,max)函数参数:参数名参数类型参数描述minnumber随机区间的最小值maxnumber随机区间的最大值函数返回值:随机整数题目提示:随机数用Math.random()例:调用函数randomInt(1,5),返回结果为1~5之间的一个随机整数。*/functionrand
协手共建美好家园
·
2020-07-09 12:08
js
前端笔记
前端笔记
5:引入css几种方式的优先级测试
Title.c3{background-color:black;}css01.css.c3{width:100px;height:100px;background-color:aquamarine;}
LDM_datos
·
2020-07-09 07:00
前端笔记
3:table
Title用户名这是textarea的默认value牡丹江哈尔滨北京深圳跳转百度htmlcssjshtmlcssjs黑龙江牡丹江哈尔滨ID请求方式状态操作1post成功编辑删除1成功编辑删除1成功编辑删除
LDM_datos
·
2020-07-09 06:00
【转载】
前端笔记
之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage...
一、viewport视口1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?屏幕尺寸:指屏幕的对角线的长度,单位是英寸,常见的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。屏幕分辨率:指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率,如1920*1080。(这里的1像素指的是物理设备的1个像素点)屏幕像素密度:屏幕上每英寸可以
weixin_34185320
·
2020-07-08 17:01
前端笔记
之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR...
一、小程序概述2017年1月9日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆,这一年,小程序狂揽4亿用户、1.7亿的日常活跃,上线58万个。这是一个巨大的机会,对于企业宣传,拉新用户存在变革性的影响。小程序的本质是:轻应用,就是不用安装就能使用的手机APP。“跳一跳”养成了大家下拉寻找常用小程序的习惯。小程序对开发者而言也是非常友好的。微信就是一个“虚拟机”,小程序使用Ja
RopeHuo
·
2020-07-07 20:07
前端笔记
知识点整合之JavaScript面向对象(一)Object&函数上下文&构造函数&原型链...
前端笔记
知识点整合之JavaScript面向对象(一)Object&函数上下文&构造函数&原型链一、对象(Object)1.1认识对象对象在JS中狭义对象、广义对象两种。
RopeHuo
·
2020-07-07 20:35
前端笔记
之微信小程序(二){{}}插值和MVVM模式&数据双向绑定&指令&API
一、双花括号{{}}插值和MVVM模式1.1体会{{}}插值index.wxml的标签不是html的那些标签,这里的view就是div。{{}}这样的插值写法,叫做mustache语法。mustache是胡子的意思,因为{{}}像胡子。我是首页{{1+1}}{{a}}年!要在同名js文件下的data属性中定义:Page({data:{a:100}});所有的框架:Angular、React、Vue
RopeHuo
·
2020-07-07 20:35
前端笔记
浏览器发请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面HTMLhtml参考手册html标签超文本标记语言,是一种创建于网页的标记语言,不一种编译语言http超文本传输协议#这个lang表示语言,zh-CN是中文的意思,就是说,你整个文档的内容以中文为主,如果以英文为主,就写成lang='en'渲染时的配置项Demo主页显示
bansheng8492
·
2020-07-07 03:22
前端笔记
知识点整合之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage...
前端笔记
知识点整合之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage一、viewport视口1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?
RopeHuo
·
2020-07-06 17:15
前端笔记
-VUE (2019-10-09)
为什么要学习vue?在传统web开发中,我们搭建项目都以html结构为基础,然后通过jquery或js来添加各种特效和功能,需要选中每一个元素进行操作,这些操作在简单项目中或者不变的项目还能应付得来。可是一旦项目改动或者项目工程较大,代码的修改将是复杂繁琐的,而使用Vue可以让web开发变得更加简单,上面这些问题也不复存在,并且会大大缩减我们的工作量,同时颠覆了传统前端开发模式,提供了现代web开
SunBoy_阿豪a
·
2020-07-06 06:54
web
Web
前端笔记
--html,css,javascript,jquery
HTML-HyperText超文本Mark标记Language语言。-什么是超文本?不仅仅是纯文本,除了文本之外还包括字体信息,还包括多媒体信息(图片、音频、视频)。-和XML的不同点:xml的标签是可以扩展的,html标签是固定的。常用标签1.文本标签-内容标题:h1-h6属性align:left/right/center独占一行,上下留有空白-段落标签:p独占一行上下留有空白-水平分割线hr-
12mundane
·
2020-07-05 12:05
JAVA
前端笔记
知识点整合之HTML5&CSS3(下)2D/3D转换&animate动画
前端笔记
知识点整合之HTML5&CSS3(下)2D/3D转换&animate动画一、2D转换(transform)CSS3中的transform转换和PS中的变换是一样的,分别有:缩放、位移、斜切、旋转
RopeHuo
·
2020-07-05 03:15
Web
前端笔记
-通过Thymeleaf把数组传输给echarts并显示曲线图
目录最终结果过程最终结果截图如下:这里的数据都是从Mysql数据库中直接读取到的,下面演示下过程,把后端的数据通过Thymeleaf,把数组传输给前端的JS。过程这里曲线的存储结构是这样的:其中的getDataList()的结构是这样的这里可以看到是一个存储了String的ArrayList,其中里面的数据其实是Mysql中的数据,数据如下:前端处理的关键如下:这里要注意:vardataList=
IT1995
·
2020-07-05 02:15
JavaScript
web前端
Web
前端笔记
-画布拖动及放缩(two.js)
程序运行截图如下:结构图如下:关键代码如下:界面调用HelloWorld.vueimport"JS/two"import"JS/zui";import{demo1}from"JS/test1";exportdefault{name:'HelloWorld',data(){return{msg:'WelcometoYourVue.jsApp'}},mounted(){demo1();}}js关键代码
IT1995
·
2020-07-05 02:14
Web相关技术
canvas
web前端
web
js
html
前端笔记
57——for循环
前言在编程开发当中,我们肯定会用到遍历。一般来说,我们是使用for循环来进行遍历,那么JavaScript中的for循环是怎么样的呢?下面分享我学习到的JavaScript的for循环。for循环for循环是让某段代码重复执行。直观的应用,音乐的单曲循环。语句格式for(初始化表达式;条件表达式;条件改变){循环体:需要被循环的代码}例子1:利用JavaScript代码输出0-100的和//求1到
裕博
·
2020-07-04 13:25
前端
前端笔记
(js随机生成多个名字、echarts图例过多)
随机生成多个名字,从echarts官方案例看到的,也是echarts图例过多的一种处理方式:https://echarts.apache.org/examples/zh/editor.html?c=pie-legend&edit=1&reset=1functiongenData(count){varnameList=['赵','钱','孙','李','周','吴','郑','王','冯','陈',
herry菌
·
2020-07-03 11:00
前端笔记
(创建顺序数组、取选中月最后一天日期、判断变量、git命令)
创建一个从0开始的顺序数组[...newArray(5).keys()]//[0,1,2,3,4]数组反向[0,1,2,3,4,5].reverse()//[4,3,2,1,0]取选中月最后一天日期getLastDay(year,month){varnew_year=year;//取当前的年份varnew_month=month++;//取下一个月的第一天,方便计算(最后一天不固定)if(mont
herry菌
·
2020-07-03 10:00
iPhoneX安全区域与H5引发的问题(Safe Area)
iPhoneX安全区域引发的问题(SafeArea)瞧一瞧LeetCode题解:Gitbook版本传送门
前端笔记
:Gitbook传送门目录什么是安全区域?
余光、
·
2020-07-02 05:13
【移动端经验汇总】
JavaScript版LeetCode题解,你值得拥有
LeetCode题解Js版https://webbj97.github.io/leetCode-Js/题外话LeetCode题解:传送门
前端笔记
:传送门项目背景旨在提高自己对算法的理解,将题解总结成文章
余光、
·
2020-07-02 05:13
#
LeetCode题解系列
【算法与数据结构】
前端笔记
11——CSS边框的其他用法(设置单独一条边)
边框的其他用法我们可以单独设置其中一条边,下面是代码实例。.box{/*设置宽度和高度单位px(像素)*/width:100px;height:100px;/*单独设置某一条边*//*设置下面*/border-bottom:4pxsolidblue;/*设置上面*/border-top:4pxsolidred;/*设置左边*/border-left:4pxsolidblack;/*设置右边*/bo
裕博
·
2020-07-01 20:20
前端
Henry
前端笔记
之 UI组件库中table与slot相关理解
Henry
前端笔记
之UI组件库中table与slot相关理解作用域插槽:解构赋值基础:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference
Henry23.
·
2020-07-01 08:56
vue相关
Henry
前端笔记
之 函数封装
Henry
前端笔记
(三)函数封装基本函数1在Javascript中什么是伪(类)数组?如何将伪数组转化为标准数组?时间戳转为日期格式基本函数1在Javascript中什么是伪(类)数组?
Henry23.
·
2020-07-01 08:23
js函数封装
Henry
前端笔记
之响应式布局与弹性布局
Henry
前端笔记
之响应式布局与弹性布局弹性布局Rem布局的原理解析(em与rem区别):rem如何实现自适应布局使用CSS3REM和VW打造等比例响应式页面的便捷工作流从网易与淘宝的font-size
Henry23.
·
2020-07-01 08:23
基础相关
WEB
前端笔记
CSS-3D动画,网友:很细节,优秀!
3D在2d的基础上添加z轴的变化3D位移:在2d的基础上添加translateZ(),或者使用translate3d()translateZ():以方框中心为原点,变大3D缩放:在2d的基础上添加scaleZ(),或者使用scale3d()scaleZ()和scale3d()函数单独使用时没有任何效果3D透视:perspective规定3D元素的透视效果可以取值为none或不设置,这种情况下说明没
weixin_43955769
·
2020-06-29 11:46
web前端
CSS
网页制作
HTML
JavaScript
【
前端笔记
】js简单代码实现贪吃蛇~~~
贪吃蛇是前端人入门且必须的技能。今天闲下来整理介绍一下~~~首先,先要确定贪吃蛇小游戏的需求:背景墙确定行列创建蛇头蛇头移动蛇头变相创建实物碰撞检测增加身体食物消失随机创建新的身体蛇头一起移动我们首先通过创建一些div元素来生成网格轨道背景:然后创建蛇头(我们让蛇头位置是固定的,食物是随机产生的)接下来是蛇头的自动移动(我们设置一个定时器来实现蛇头的自动移动):蛇头的变向操作(使用到了键盘事件我们
QiBarbara
·
2020-06-29 01:12
前端
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他