前端笔记

前端笔记-数组

原位修改sort，reverse和splice方法修改的是数组本身数组方法//添加、删除元素arr.push(...items)//从尾端添加元素arr.pop()//从尾端提取元素arr.shift()//从首端提取元素arr.unshift(...items)//从首端添加元素/*tips:1、push和unshift方法都可以一次添加多个元素。2、push、pop方法运行的比较快，而shif
·2021-04-02 14:49

前端笔记 --持续更新

ms笔记星图jsJavaScript的数字类型console.log(typeof666)返回一个字符串，表示未经计算的操作数的类型)•undefinednumberstringbooleannullobject•&&es6中的Symbol这种对象永不相等，解决属性名冲突的问题•引用类型object包含:DatafunctionArray正则等原型和原型链原型：在当前类可以调用的方法原型链：__p
·2021-03-13 20:38

VUE3前端笔记 Mitt事务总线使用方法

VUE3前端笔记mitt事务总线使用方法1.第三方总线插件mitt（1）VueCLI图形界面安装（2）npm命令方式安装2.全局总线①vue入口文件main.js中挂载全局属性②组件中发送事件/发布③组件中接收事件
老富2012·2021-02-16 02:27

VUE3前端笔记 正确引入外部CSS文件的图片路径

VUE3前端笔记正确引入外部CSS文件的图片路径方案一方案二方案一项目文件结构showme.vue|-----dist|-----css|-----app.xxx.css|-----img|-----bg1
老富2012·2021-02-15 00:56

后端的前端笔记：Vuex

1、Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：能够在Vuex中集中管理共享的数据，便于开发和后期进行维护能够高效的实现组件之间的数据共享，提高开发效率存储在Vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新什么样的数据适合存储到Vuex中：一般情况下，只有组件之间共享的数据，才有必要存储到Vuex中
邋遢的流浪剑客·2021-02-06 20:42

前端笔记

ms笔记星图jsJavaScript的数字类型console.log(typeof666)返回一个字符串，表示未经计算的操作数的类型)​undefinednumberstringbooleannullobject​&&es6中的Symbol这种对象永不相等，解决属性名冲突的问题​引用类型object包含:DatafunctionArray正则等原型和原型链原型：在当前类可以调用的方法原型链：__p
·2021-01-30 13:42

前端笔记HTML5+CSS3——导航栏navigator

文章目录导航栏一导航栏二导航栏三导航栏四导航栏一body,div,ul,li{margin:0;padding:0;}#nav{/*设置最外面的div属性*/width:960px;/*宽*/height:35px;/*高*/background-color:#E7E7E7;/*背景颜色*/margin:0auto;/*div对齐方式居中*/margin-top:30px;/*上边距*/}#nav
FiveTNNO·2021-01-06 09:07

前端笔记

一、ECMAScript6语法参考见https://es6.ruanyifeng.com/1ECMAScript和JavaScript的关系在1996年以前，浏览器是不支持脚本语言的，只支持html和css。NetScape网景公司提出了前端编程语言，为了蹭java的热度，起名为JavaScript。并且经过与Sun公司的授权，网景公司将JavaScript注册为商标。1996年，网景公司将该脚本
远走高飞~·2020-12-18 16:15

前端笔记 05：动画介绍与CSS动画说明

文章目录目的动画介绍CSS动画JavaScript动画Canvas动画SVG动画CSS动画CSSTransitionCSSAnimationtiming-functionCSSTransform总结目的前端页面中加入适当的动画效果可以极大地提升用户的体验。前端中加入动画的方式很多，这篇文章将稍微做个介绍，然后重点说下CSS动画。动画介绍CSS动画CSS动画主要有两类，最简单的就是CSSTransi
Naisu Xu·2020-12-03 15:32

前端笔记 04：JavaScript入门

文章目录目的语法说明基础语法代码和代码块变量数据类型数组对象算术和赋值运算比较和逻辑运算条件判断循环函数面向对象编程浏览器对象模型（BOM）文档对象模型（DOM）获取元素新增与删除元素修改元素属性jQuery在前端使用JS代码内联方式嵌入方式外部引用总结目的JavaScript是前端基础内容中最复杂的一部分。前面两块HTML和CSS差不多都不能当作是编程语言来看待，而JavaScript是一门正式
Naisu Xu·2020-11-25 17:54

前端笔记 02：HTML入门

文章目录目的基础说明常用标签介绍总结目的HTML是前端基础内容中最简单的一个部分，这篇文章将对HTML入门相关的内容做个记录。基础说明简单点说HTML就是一个个的标签，用来描述网页的文档结构和内容，下面是一个简单的示例：这里是网页标题/*清除浏览器默认样式*/*{margin:0;padding:0;}这里填充网页内容上面代码中用包围部分是HTML注释。上面的代码再精简下就是下面这样：第一行以前有
Naisu Xu·2020-10-10 10:10

我的前端入门笔记（1）--html

我的前端笔记将随着课程的进度逐渐展开，以下内容纯属个人理解，如有异议欢迎辅正。1.w3c标准和html语义化。
叫我徐小星·2020-10-10 07:24

我的前端笔记 字符串整理

今天来整理下字符串的常用知识，都很简单，因此也不用过多说明，多记忆多写就可以。vara="aaabbbccc";varb="la,la,la";varconcat=a.concat(b);//将a,b合并成同一个字符串varsplit=b.split(',');//将b切割成数组varindex=a.indexOf('b');//第一个b在数组中的位置varlastIndex=a.lastInde
树海之光·2020-09-17 09:20

前端笔记--杂乱知识点

letter-spacing:0.5px;//文字间距渐变背景颜色background:linear-gradient(起始方向,颜色1,颜色2,...);background:-webkit-linear-gradient(left,red,blue);background:-webkit-linear-gradient(lefttop,red,blue);
nine-seven·2020-09-17 08:00

【Web前端笔记-基础】第一课 前端概述

一：什么是WEB前端还原**活**的设计，也就是将设计师设计好的图片，用代码编辑成HTML页面效果的网页。传统的前端[]进行切图编写标签和样式实现效果HTML5时代的前端各种端的兼容开发移动app开发和移动站点开发ajax及服务器端技术开发高级设置模式和框架自动化工作流网站安全，SEO，测试，源代码管理，团队合作，游戏，特效。全栈时代集前端和后端一体的大神一专多能时代二：操作系统的常用配置系统调整
好好学习嘿嘿嘿·2020-09-16 23:03

前端笔记-vue中使用router进行页面跳转及除掉url中的#

目录演示代码演示运行截图如下：点击后，url跳转如下：代码页面跳转的关键程序结构如下：aaa.vue我是aaa点我返回exportdefault{name:'aaa',/*data(){return{msg:'哈哈'}},*/methods:{back(){this.$router.push('/')}}}HelloWorld.vue{{msg}}点我跳转exportdefault{name:'H
IT1995·2020-09-16 03:12

web前端笔记：url,href,src的区别

**URL(UniformResourceLocator)**统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。结构基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源
Jiang216·2020-09-15 16:18

Web前端笔记-使用bootstrap-table.js和bootstrap-table.css使得表格分页

最终效果如下：翻页后首先把bootstrap-table.js和bootstrap-table.css下载下来。把英文改成中文，如下：把需要用表格的页面在前加入此JavaScript代码：$(document).ready(function(){$("#table_page").bootstrapTable({columns:[{field:'name',title:'名称'},{field:'p
IT1995·2020-09-15 02:37

Web前端笔记之轮播图和定时器

焦点图和轮播*{margin:0;padding:0;}a{text-decoration:none;}body{padding:20px;}#container{width:600px;/*这里600x400是图片的宽高*/height:400px;border:3pxsolid#333;overflow:hidden;/*隐藏溢出的图片，因为图片左浮动，总宽度为4200*/position:r
萧凝云·2020-09-14 11:26

前端笔记 --- undefined 和 null

为了节省某些不想翻看冗长文章读者的时间，我把总结直接提了上来，如果想了解细节和原因，还是需要往下看的。总结undefined平常我们所说的undefined是window上的一个属性，它的值是undefined。不可配置、不可枚举、不可更改。undefined不是一个关键字是JavaScript公认的设计失误之一。不是一个关键字，意味着开发人员可以定义一个名为undefined的变量，然后去更改它
Vgbire·2020-09-13 18:25

超全前端知识点总结解答求职笔记

写在前面1、这是博主2019年的前端笔记，有自己的一些开发经验，也有网上找到的比较好的资料，做了一下总结。
feiyu_may·2020-09-13 01:36

jeecg-boot 官方文档实践

1jeecg-boot后台环境搭建2jeecg-boot前台环境搭建3jeecg-boot前后台启动4.jeecg-boot前端笔记4.1jeecg-boot前端项目结构4.2jeecg-boothelloworld4.3jeecg-boot
ladymorgana·2020-09-12 22:58

Henry前端笔记之 Date对象详解

Henry前端笔记之Date对象详解Date对象1时间格式简介2Date.now与newDate().getTime()的区别3Date对象详解普通函数的用法构造函数的用法日期的运算静态方法Date.now
Henry23.·2020-09-11 21:34

【前端笔记】js的轮播图前端实现

定时移动鼠标控制item关联控制（播放关联点击关联）左右移动实现滚动或者因为最后一张后面有空白，所以把第一张克隆到最后一张后面鼠标控制移动暂停鼠标点击控制当前第几张中间变量是page所以可以通过更改page值来实现（左右控制移动也可以用更改page值++或--实现）封装一个选择器函数具体实现代码如下：无标题文档*{padding:0;margin:0;list-style:none;border:
QiBarbara·2020-09-11 07:24

前端笔记之JavaScript面向对象（四）组件化开发&轮播图|俄罗斯方块实战

前端笔记之JavaScript面向对象（四）组件化开发&轮播图|俄罗斯方块实战一、组件化开发1.1组件化概述页面特效的制作，特别需要HTML、CSS有固定的布局，所以说现在越来越流行组件开发的模式，就是用
RopeHuo·2020-09-10 15:11

20180521前端笔记

1.websocket连接断开后怎么处理的，恢复网络后如何？2.nodejs模块机制，引入和导出，模块相互引用会死循环吗？3.如何处理session4.angular自定义指令有哪些属性?link5.ES6特性，var和let区别6.什么是变量提升?
阿爽Alisa·2020-08-26 15:28

前端笔记（13）

代码：1.闭包闭包/*闭包的本质就是函数嵌套，就是在函数里面定义函数，内部函数可以引用外部函数的参数和变量参数和变量不会被垃圾回收机制给回收闭包的用途：可以存循环的索引值、做私有变量计数器*//*//闭包的一般写法functionaa(b){vara=12;functionbb(){alert(a);alert(b);}returnbb;}varcc=aa(24);*///闭包的封闭函数写法var
rtrhhthth·2020-08-24 13:53

前端笔记10

条件运算符代码：条件运算符/*条件运算符也叫三元运算符语法：条件表达式?语句1:语句2;-执行的流程：条件运算符在执行时，首先对条件表达式进行求值，如果该值为true，则执行语句1，并返回执行结果如果该值为false，则执行语句2，并返回执行结果如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算*///true?alert("语句1"):alert("语句2");//false
明日计划·2020-08-24 12:26

前端笔记（12）

代码：1.通过标签获取元素通过标签获取元素window.onload=function(){////获取页面上所有的li//varaLi=document.getElementsByTagName('li');//获取id为list01的ulvaroList=document.getElementById('list01');//再获取这个ul下的所有livaraLi=oList.getEleme
rtrhhthth·2020-08-24 07:35

前端笔记——HTML5&CSS3

一、CSS权重概念和作用：权重指的是样式的优先级;有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用；权重相同的，后写的样式会覆盖前面写的样式；权重等级1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重值为1004、类，伪类和属性选择器，如：content、:hover权重值为105
ALLIN5·2020-08-24 06:00

前端笔记（H5画布canvas）

名为“ctx”的变量是某个HTML5画布对象的上下文。以下代码绘制的是什么（）Ctx.arc(x,y,r,0,Math.PI,true);答：在给定点绘制一个半圆Ctx.arc(x,y,r,0,2Math.PI,true);才是绘制一整个圆
weixin_45644355·2020-08-24 04:58

前端笔记-分享一个web后台登录及注册页面

本人进行了些许修改，目前已支持移动端的适应。pc端运行如下：移动端如下：此篇博文就不贴代码了，直接源码下载地址：https://github.com/fengfanchen/frontUI/tree/master/loginUI
IT1995·2020-08-23 18:11

Web前端——jQuery库

Web前端笔记第七部分：jQuery1.jQuery介绍jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。
Felix-微信(AXiaShuBai)·2020-08-23 14:55

我的第一个博客

注册CSDN发布的第一个博客，纪念一下~以后发布一些自学的web前端笔记，和在学习过程中踩过的坑，顺便复习复习之前的知识。
yxorg·2020-08-22 20:37

前端笔记之React（七）redux-saga&Dva&路由

一、redux-saga解决异步redux-thunk和redux-saga使用redux它们是必选的，二选一，它们两个都可以很好的实现一些复杂情况下redux，本质都是为了解决异步action而生，使redux保持完整性，不至于太过混乱。redux-saga是一个用于管理Redux应用异步操作的中间件。redux-saga通过创建Sagas将所有的异步操作逻辑收集在一个地方集中处理，可以用来代替
weixin_30699955·2020-08-22 19:35

前端笔记，面试题！

1、页面导入样式时，使用link和@import有什么区别？区别：1.link是HTML标签，@import是css提供的。2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。3.link没有兼容性问题，@import不兼容ie5以下。4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。2、用递归算法实现，数组长度为5且元素的随
JJJJJJJJXY·2020-08-21 13:50

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法

移动端前端笔记—遇到的常见JS与CSS问题及解决方法参考文章：（1）移动端前端笔记—遇到的常见JS与CSS问题及解决方法（2）https://www.cnblogs.com/zhaodawei/p/4275455
dearbaba_8520·2020-08-21 03:27

【前端笔记】highcharts图表之3D饼图的设置

首先要在页面引进highcharts图表首先需要引进两个外部jshighcharts.jshighcharts-3d.js(如不需要3D饼图可以不引入这个js文件）然后用div在页面给饼图创建一个空间3D饼图在页面内部js里写饼图的样式，或者写在外部js里引进来。注意：因为js加载顺序问题（页面的加载顺序是从上至下的。所以一般外部引入js写在最上面。页面里面的JS写在最下面。）如果把页面里的js放
我还没秃我还能学！·2020-08-20 07:46

前端笔记day07

bootstrap导航栏加部分页面Title.zong{margin:0auto;padding-bottom:24px;width:1205px;}.zong1{position:relative;width:1205px;margin:0auto10px;overflow:hidden;z-index:0;}.hd_label{float:left;font-size:24px;color:#
Mephostophilis·2020-08-19 03:22

前端开发实用的小技巧

整理来自大四上学期自己的一些前端笔记,分享给大家～htmlcontenteditable="true"设置该属性div内可编辑，如果想要整个网页可编辑，请在body标签内设置contentEditable
xiaoxiao23333·2020-08-18 23:20

【微前端】微前端笔记（三）

前言本篇手写简易single-spa流程首先初始化项目npminit-ynpminstallrolluprollup-plugin-serve编写rollup.config.jsimportservefrom"rollup-plugin-serve";exportdefault{input:"./src/single-spa.js",output:{file:"./lib/umd/single-s
业火之理·2020-08-18 06:47

【微前端】微前端笔记（二）

前言第一篇的single-spa模式存在样式没有隔离，以及需要手动引入js的问题。样式隔离方案主应用与子应用解决样式隔离一般有以下几种方案：BEM即约定项目前缀CSSMoudule打包时生成不冲突的选择器shadowDom真正意义上隔离cssinjsshadowdom看一个例子：DocumenthellowworldletshadowDom=shadow.attachShadow({mode:"c
业火之理·2020-08-18 06:17

【微前端】微前端笔记（一）

前言第一篇是基于singlespa基本跑通功能。流程首先，需要创建子应用。vuecreatechild-vue选择history路由。创建父应用：vuecreateparent-vue同样history路由。我们需要让父应用加载子应用。子应用安装single-spa-vue然后改写main.js，需要导出3个方法，供父应用调用。importVuefrom'vue'importAppfrom'./A
业火之理·2020-08-18 06:17

前端笔记——如何控制表单控件中的disabled

0.前言本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性，通过设置该属性可以禁止所有的input控件，input的更多属性请参考资料【1】。下面就通过一个简单的例子说明如何设置和读取disabled属性。【示例页面——代码】测试disabled【示例页面】图1一个“孤独”的按钮1.HTML写法禁止某input控件。【注意】【1】disabled包含字母d【2】“disabled
xukai871105·2020-08-18 06:04

前端笔记之微信小程序（二）{{}}插值和MVVM模式&数据双向绑定&指令&API

一、双花括号{{}}插值和MVVM模式1.1体会{{}}插值index.wxml的标签不是html的那些标签，这里的view就是div。{{}}这样的插值写法，叫做mustache语法。mustache是胡子的意思，因为{{}}像胡子。我是首页{{1+1}}{{a}}年！要在同名js文件下的data属性中定义：Page({data:{a:100}});所有的框架：Angular、React、Vue
weixin_30699955·2020-08-18 04:07

前端笔记-vue cli使用jsonp获取百度下拉推荐词

目录基本概念代码与实例基本概念这里关于jsonp请看这篇博文：https://blog.csdn.net/qq78442761/article/details/102067313代码与实例这里把数据打印到控制台：程序结构如下：源码如下：config.jsexportconstcommonParams={pre:1,p:3,ie:'utf-8',json:1,prod:'pc',from:'pc_w
IT1995·2020-08-17 18:31

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法

笔者接触移动前端快一年了，特将平时的一些笔记整理出来，希望能够给需要的人一些小小的帮助。同时也由于笔者的水平有限，虽说都是笔者遇到过使用过的，但文中可能也会出现一些问题或不严谨的地方，望各位指出，不胜感激！一.css部分body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止，要再加一层div设置height:100%加overflow：hidden（ht
最后一片绿叶的守候·2020-08-16 16:24

前端笔记（3）CSS盒模型

文章目录文档流（normalflow）块元素的盒模型内容区（content）边框（border）outline内边距（padding）外边距（margin）元素的水平方向的布局元素的垂直方向的布局overflow行内元素的盒模型displayvisibilitybox-sizingbox-shadowborder-radius文档流（normalflow）网页是一个多层的结构，一层摞着一层，通过c
LolitaAnn·2020-08-15 07:15

Web前端笔记-two.js图形旋转动画的2种实现方式

这里有两种方式！第一种是使用setInterval：代码如下：lettime=setInterval(function(){if(sun.sun.rotation>=TWO_PI-0.0625){sun.sun.rotation=0;}sun.sun.rotation+=(TWO_PI-sun.sun.rotation)*0.0625;},300);运行截图如下：第二种是使用two.bind('u
IT1995·2020-08-14 23:16

【前端笔记】HTML的基本概念和发展史

万维网：基于超文本方式工作的信息系统，能处理文字、图像、声音和视频等多媒体的综合系统，提供了丰富的信息资源。其中信息资源包括：超文本；超链接；超文本传输协议。HTML：网页制作标注性语言。之所以不能算作一种程序设计语言，是因为它缺少程序设计语言的应有特征。HTML特别适合WWW的出版环境。超链接：也就是按内容链接。统一资源定位器：URL，俗称网址。网站：相关网页的集合。衡量网站性能的要素----网
QiBarbara·2020-08-10 11:14
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他