前端笔记

js基础 - 收藏集 - 掘金

【前端笔记】JavaScript变量提升-前端-掘金函数和变量的声明总是会被解析器悄悄地被“提
weixin_34232363·2020-06-28 14:56

前端笔记

转载请注明出处:https://github.com/qiu-deqing/FE-learningTableofContentsgeneratedwithDocTocFE-learning必备基础技能基本开发工具学习方法和学习目标入门之路继续提高一些个人经历LingyuCoder的学习经历工具技能语言基础进阶项目未来其他入门书一些不错的网站历程MrRaindrop的学习经历缘起项目，下一个项目收集
it-小瑞·2020-06-27 10:41

#前端笔记#导入js等静态文件时报错：No mapping found for HTTP request with URI

最近除了继续做Android老本行之外，也开始接触一些web端的开发工作，web后端的开发还好，SSM的框架已经相当成熟，按照框架的套路，还是比较容易上手的；不过web前端就不一样了，什么jquery啊，angular啊，node啊，vue啊，要学的东西实在太多...不过不怕，饭要一口一口吃，坑还是一个一个填呗...今天就遇到一个坑，当我在自己的项目中引入jquery并运行项目后，控制台却提示我：
superyu1992·2020-06-26 16:07

前端笔记——伪类的使用

1.简单介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。这
qq_41919918·2020-06-25 22:51

Web 前端开发之小白入门

Web前端笔记HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag
Rick-Boston·2020-06-25 11:19

前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

第1章HtmlHtml：超级文本标记语言（HyperTextMarkupLanguage），在浏览器上运行的一种标记语言。就是给文本加上含有语义的标签。接下来应该学习更多具体语义标签：一、结构（固定的结构）二、Html中的标签标签：用“由于现在学习的html页面还是很简单的，为了能够让页面更加的“充实”我们要学习更多的标签。h系列的标签(Header)：h1,h2,h3,h4,h5,h6作用：把页
thinkplayer·2020-06-25 11:31

web前端笔记1：html入门

今天开始学习前端，这个主要是参加百度ife的笔记。记笔记方便自己，也给其他自学的同学一个参考。任务一：零基础HTML编码学习的资料均在上面链接中有，我在这里也贴一下Web相关名词通俗解释MDNHTML入门慕课HTML+CSS基础教程视频而这篇既然叫笔记，也就是简单记录方便我回顾，毕竟只学一遍是容易忘记的。因为任务一只是html学习，慕课网的教程先学完前五章便可，后面的在任务二的时候再学习。Web相
简单才快乐·2020-06-25 06:40

前端笔记知识点整合之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡...

前端笔记知识点整合之HTML5&CSS3（中）选择器&伪类伪元素&CSS3效果&渐变背景&过渡一、CSS3选择器CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画
RopeHuo·2020-06-25 01:56

前端笔记-vue cli中v-bind动态数据实时更新

目录基本概念代码基本概念如下的例子，刚开始运行：点击按钮：数据库修改下数据：再点击按钮刷新下：下面给出请求的json数据:刷新有2个方式第一种是强制刷新，这样是有问题的，数据和图表不能同步：this.$forceUpdate()本人推荐下面这种方式，通过绑定组建的key值把key绑定成变动的值，就可以实时刷新了代码程序结构如下：关键代码BarCharts.vueexportdefault{prop
IT1995·2020-06-24 23:20

Web前端笔记-浏览器控制台调用js函数及vue函数

界面是这样的源码如下：index.htmlHelloWorldfunctioncallFunctionDemo(){alert("HelloWorld");}js.js;functionjsFileCall(){alert("jsFileCall");}在控制台中调用jsFileCall()通过这种方式就可以进行弹窗了。下面是vue中，首先在指定的vue文件中exportdefault{name:
IT1995·2020-06-24 23:12

[前端笔记] Vue导出页面为PDF格式

通过网上的查阅以后,说一下思路.就是将页面转换成图片格式.然后通过图片的base64码.生成PDF..看了他们的文章,做了如下整理..说起来很容易,那么具体怎么实现呢?1、我们要添加两个模块第一个.将页面html转换成图片npminstall--savehtml2canvas第二个.将图片生成pdfnpminstalljspdf--save2、定义全局函数..创建一个htmlToPdf.js文件在
Pratise·2020-06-24 20:41

算法与数据结构+LeetCode题解-Js版

LeetCode题解Js版https://webbj97.github.io/leetCode-Js/题外话LeetCode题解：传送门前端笔记：传送门项目背景旨在提高自己对算法的理解，将题解总结成文章
余光、·2020-06-23 21:44

前端笔记（8）

代码：1.人物走路动画人物走路动画.box{width:120px;height:182px;/*border:1pxsolidblack;*/margin:50pxauto0;overflow:hidden;position:relative;animation:moving2slinearinfinite;}.boximg{position:absolute;left:0;top:0;/*st
rtrhhthth·2020-06-23 10:08

前端笔记（Echarts月度总结）

第一次接触Echarts，以前只了解到Echarts可以用来制作数据可视化，但没有具体学习过。而工作项目中需要使用到，所以特点也进行了学习，并使用到工作当中。工作时，项目down下来，了解了项目基本架构之后，开始了解了一些Echarts知识。目前开发中主要使用了饼图和折线图，比如：住建局驾驶舱的项目库管理模块，使用了饼图。饼图有两种，一种全圆式饼图，另一种是南丁格尔图。这次使用普通饼图。图的类型通
herry菌·2020-06-21 18:00

Henry前端笔记之 Object.freeze()

@[TOC](Henry前端笔记之Object.freeze())前言：有时需要冻结对象的读写状态，防止对象被改变。
Henry23.·2020-06-21 17:11

最强前端笔记（没有之一）(^-^)

MD语法链接[淘宝网](http://www.taobao.com/)图片![图片标题](file:///Users/wangjing/Desktop/511542077195.jpg)标题#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标题tips：几个#就是几级标题，最小到六级斜体*这是斜体**[这是斜体链接](http://www.taobao.com)
撒旦的不归上帝·2020-06-21 13:50

【前端笔记】js实现手机朋友圈的下拉刷新上滑加载事件

首先先了解一下手机上使用的几个事件！touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档
QiBarbara·2020-06-21 12:39

Vue 前端笔记 采坑 | verbose stack Error: vue-element-xxx build: `vue-cli-service build`

vue项目运行npmrunbuild出现如下错误，记录下来，希望可以解答。这是在GitHub上找的一份项目https://github.com/chachaxw/vue-element-quick-start详细信息0infoitworkedifitendswithok1verbosecli['E:\\Java\\nodejs\\node.exe',1verbosecli'E:\\Java\\no
Wbw Belief·2020-06-21 06:24

[前端笔记] Vue中Element中Select下拉框选取值问题

之前写了.一个原生的select的,因为展示效果原因,给删除掉了,忘记保存代码了,现在大家展示使用elementUI的下拉框封装一个组件,供咱们项目中经常调用,减少代码量.html周次   开始日期  截止日期 {{item.mateGroup}}  {{item.weekStartDate}}  {{item.weekEndDate}}Js:importjQueryfrom'jquery'exp
Pratise·2020-06-21 04:24

前端笔记---1

1.bootstrap表格样式：①代码如下Title姓名年龄雪飞16得港19大壮48②显示结果图如下③常用属性table：表格table-bordered：加边框table-hover：选中某行背景颜色加灰table-striped：隔行加灰④用cdn引入2.布局容器：①两边留白.cc{background-color:red;height:200px;}②布满全屏.cc{background-c
小凡2019·2020-06-20 20:00

前端笔记（近期整理的一些开发备注）

js点击下载文件//点击下载文件写法constw=window.open('about:blank');w.location.href='文件url'PC端中px转vw与vh，sass写法//PC端px转vwvh写法sass@functionpx-vw($px){@return$px*100/3840*1vw}@functionpx-vh($px){@return$px*100/2160*1vh}
herry菌·2020-06-01 11:00

前端笔记（一些mate设置：PC端允许F11全屏、uc与QQ浏览器的强制全屏、应用模式）

头部设置：
herry菌·2020-05-24 13:00

前端笔记（node版本管理系统nvm的安装使用）

新公司第一天入职，nvm以前听说过但没有使用过。这里做个记录。nvm：用于node的版本管理，有些node项目要使用的版本不一样，因此要经常进行版本切换。参考：https://www.cnblogs.com/gaozejie/p/10689742.htmlnvm安装：https://github.com/coreybutler/nvm-windows/releases安装后，使用nvmnode版本
herry菌·2020-05-18 13:00

前端入门、进阶必备的JavaScript版LeetCode题解，不收藏一下吗？

image.pngLeetCode题解Js版题外话LeetCode题解：传送门前端笔记：传送门项目背景旨在提高自己对算法的理解，将题解总结成文章，有利于未来自查，也希望能对大家有所帮助。
余光_Js·2020-05-11 17:11

前端笔记（关于使用promise封装ajax异步以及调用方法）

以前的ajax大多使用的还是jquery自带的ajax方法。实际也是根据原生的ajax实现的，但是以前的ajax大多使用的是回调函数的方式处理异步，如果要实现多重异步，就会产生回调地狱。对代码的可读性非常不好，因此这里我们重新使用promise实现一个异步，不会产生回调地狱。functionajax(url,type="get"){returnnewPromise((resolve,reject)
herry菌·2020-05-06 14:00

前端笔记（关于箭头函数与普通函数的区别的理解）

大家都知道箭头函数是es6新增的函数声明方式，当然普通函数还是可以继续使用的。我以前一直只知道箭头函数只对this指向有影响，但是没法说清楚具体有哪些影响，因此今天来总结整理一下。1.普通函数的this指向当前调用者对象。箭头函数的this指向其上下文letobj={a:function(){console.log(this)//当前调用者},b:()=>{console.log(this)//上
herry菌·2020-05-02 17:00

前端笔记（关于es5与es6实现继承的理解）

关于继承，我之前知道的事es6的继承，写法更偏向于java。但是es6的继承是一种语法糖，他的内部原理还是es5的原型链继承。首先要了解构造函数、原型、实例的关系。图片来自网络构造函数的prototype指向原型原型的constructor指向构造函数实例的constructor指向构造函数实例的_proto_指向原型我们先来看下es6的继承方式//父类classPerson{constructo
herry菌·2020-04-30 16:00

前端笔记（关于js深浅拷贝的理解）

要说深浅拷贝，首先要看下js的数据类型。大家都知道js包含基本类型和引用类型。基本类型：String、Number、Boolean、undefined、null、symbol。引用类型：Object（Function、Array、Date、RegExp(正则表达式)）基本类型放在栈中，引用类型放在堆中，但是引用类型的地址放在栈中。基本类型的拷贝：直接b=a赋值就行，本身就互不影响。引用类型的拷贝：
herry菌·2020-04-29 10:00

前端笔记（总结几种水平垂直居中的方式）

基本是网上看来的，前2种用的较多，第三种是有点黑科技的写法如果只是水平居中，就可以直接使用margin:0auto;第一种：使用translate属于transform的一个方法，将div进行百分比xy轴位移。.d1_1{width:200px;height:200px;background-color:red;}.d2_1{width:100px;height:100px;background:
herry菌·2020-04-26 12:00

前端笔记（关于css盒模型知识整理）

我以前整理的文章可能也不是特别深入。所以现在开始尝试即使多花点时间收集整理，也不只发浅层知识，这样对技术的深入理解是很有帮助的。废话不多说，我们现在开始。说到css盒模型，这是大多面试基础中会经常面到的。首先我们要知道，什么是盒模型？盒模型分为两种：w3c盒模型和IE盒模型。现在大多数浏览器默认情况下的盒模型就是w3c盒模型，由margin、border、padding、content、元素的wi
herry菌·2020-04-19 20:00

前端笔记9

自增和自减代码：自增和自减/*自增++-通过自增可以使变量在自身的基础上增加1-对于一个变量自增以后，原变量的值会立即自增1-自增分成两种：后++(a++)和前++(++a)无论是a++还是++a，都会立即使原变量的值自增1不同的是a++和++a的值不同a++的值等于原变量的值（自增前的值）++a的值等于新值（自增后的值）自减---通过自减可以使变量在自身的基础上减1-自减分成两种：后--(a--
明日计划·2020-04-14 14:44

前端笔记（19）

代码：1.正则正则//校验QQ/*//JS的方式比较麻烦functioncheckQQ(qq){varflag=true;//默认符合要求if(qq.length>=5&&qq.length2.正则表达式正则表达式//匹配字母a，i表示忽略大小写，g表示全文检索varre=newRegExp('a','ig');varre2=/a/ig;varstr='abc';//调用test方法进行匹配，匹配
rtrhhthth·2020-04-12 05:05

前端笔记（使用html\css\jquery造n*n的格子，根据预算购买到最多的商品）

需求：创建一个n*n的格子，n是输入框的数字，点击重渲染可以重新画一个n*n的格子，鼠标移入格子中，对应的格子背景设变成红色，点击对应的格子，背景色变成蓝色，再点一次还原颜色。要造格子有好几种方式，可以用table、ul和li，或者直接使用完全的div这里为了方便理解，我使用ul和li。定义html：box用于渲染格子css：这里我们使用ul加flex，让li平分，list-style-type:
herry菌·2020-04-11 21:00

前端笔记（关于受控组件与非受控组件）

何为受控组件与非受控组件？像input、textarea、select标签等在html中是可以进行用户输入改变内容的，而在react中即使一个原生组件。受控与非受控就从这几个组件中说明受控组件：从字面理解，就是组件受到了react的状态控制，。所以要使用setState才能进行修改内容当input、textarea、select等中设置了value属性时，将变成受控组件，使用onChange事件进
herry菌·2020-04-10 21:00

D-前端笔记：bootstrap-datetimepicker常用API

D-为梦想而生。p：子午线（“am”或“pm”）-根据区域设置文件P：子午线大写（“AM”或“PM”）-根据区域设置文件s：没有前导零的秒ss：秒，带前导零的2位数字i：没有前导零的分钟ii：分钟，带前导零的2位数字h：小时无前导零-24小时格式hh：小时，2位数字，带前导零-24小时格式H：小时无前导零-12小时格式HH：小时，2位数字，带前导零-12小时格式d：没有前导零的月份的日子dd：月的
Z_D_殿峰·2020-04-09 15:53

前端笔记 2020.4.8（flex，split，css选择器，数组多维转一维）

flex完成布局：1、4两个定宽，2、3两个不定宽，定比例，4偏上flexcss的考察htmlcss.flex{display:flex;width:98%;height:220px;border:1pxsolidred;}.flex.d{border:1pxsolidred;margin:4px;}.d1{width:200px;}.d2{flex:1.5;}.d3{flex:1;height:
herry菌·2020-04-08 16:00

55 个提高你 CSS 开发效率的必备片段

这篇文章会记录我们平时常用到的CSS片段，使用这些CSS可以帮助我们解决许多实际项目问题中遇到的，墙裂建议点赞收藏再看，方便日后查找附笔记链接，阅读往期更多优质文章可移步查看：前端笔记本清除浮动浮动给我们的代码带来的麻烦
Eno_Yao·2020-04-06 18:42

四:前端笔记(1)

1.ECMAScript理解ECMAScript理解浏览器端*BOM（浏览器对象模型）*DOM（文档对象模型）3).扩展==>服务器端*Node4.ES的几个重要版本*ES5:09年发布*ES6(ES2015):15年发布,也称为ECMA2015*ES7(ES2016):16年发布,也称为ECMA2016(变化不大)-->2.严格模式严格模式'usestrict';varusername='kob
YANG_c08b·2020-04-05 09:33

前端笔记 2020.4.4 （图像、网页灰度处理，哀悼日可用。react多页应用开发）

灰度处理：今天是全国哀悼日，几乎许多大型网站都将网站首页变成的灰白色，以此纪念今天。看了一下某几个网站的处理方式是使用了css直接处理法：html{-webkit-filter:grayscale(100%);filter:grayscale(100%);}直接在html标签中增加此样式即可，可将全网页变为灰白。react多页应用：使用github上的一个项目做脚手架。支持sass。github地
herry菌·2020-04-04 10:00

前端笔记

切图图片分为修饰性图片png和内容型图片jpgpng24支持半透明（ie6特殊处理）和全透明和png8支持半透明不规则图标，先用矩形选框工具选择，然后alt选择多余区域保存新建文件保存元素色彩丰富无透明要求保存jpg色彩不丰富无论有无透明度要求都保存png8半透明要求保存为png24为保证图片质量保留一份psd源文件png8默认颜色模式是索引模式，需要更改为rgb颜色压缩工具：无损压缩minima
幻崖云苍·2020-04-02 19:31

前端笔记 2020.4.2 （React生命周期）

关于对React生命周期的理解：defaultProps：此为初始化props用于页面中数据传入（2种写法，一般组件内，大多情况不写）组件内组件外constructor：状态初始化componentWillMount：组件渲染前执行render：组件首次渲染componentDidMount：组件首次渲染后回调componentWillReceiveProps：组件的属性被改变时的用法用于父子组件
herry菌·2020-04-02 18:00

前端笔记 2020.4.2 （Array）

数组：{letarr=[1,2,3,5]arr.push(5)//向后追加元素console.log(arr)arr.unshift(6)//向前插入元素console.log(arr)arr.splice(2,2)//从下标2开始删除2项console.log(arr)letarr2=arr.concat(["1","a"])//合并数组返回新数组es6console.log(arr2)Arra
herry菌·2020-04-02 11:00

前端笔记 2020.4.1（工厂模式，构造函数，原型模式）面向对象

工厂模式：（不知道对象的类型）//工厂模式functioncreatePerson(name,age,job){varo={name:name,age:age,job:job,sayName(){console.log(`我是${this.name}`)}}returno;}letp1=createPerson("小明",25,"前端开发")console.log(p1)p1.sayName()结
herry菌·2020-04-01 23:00

前端笔记 2020.4.1 （nodejs文件读写、最简nodejs搭建http服务器，数据转型）数据类型

nodejs文件读写：//读取文件流functionreadStream(){varfs=require("fs");vardata="";varreaderStream=fs.createReadStream("input.txt");readerStream.setEncoding("utf-8");readerStream.on("data",function(chunk){data+=ch
herry菌·2020-04-01 22:00

前端笔记 2020.3.31（三次握手，四次挥手，http协议，gzip）

三次握手：为了建立连接就是三次确认建立一个TCP连接。比如你和你女朋友聊天，这三次确认后，就可以开始说话了。发送方就是浏览器，接收方就是服务器，是http的请求与相应方式。你：喂，听得到吗？女朋友：听得到，你听得到我吗？你：听到了，我们可以说话了。四次挥手：为了关闭连接表示结束连接前的操作。先关读，后关写服务端读通道关闭客户端写通道关闭客户端读通道关闭服务端写通道关闭http协议：指超文本传输协议
herry菌·2020-03-31 15:00

前端笔记 2020.3.30（递归，map）

递归打印数组数据并更新：有个数组letlessons=[{title:"111",click:89},{title:"222",click:12},{title:"333",click:49},{title:"444",click:15},{title:"555",click:45},]递归处理letchange=(less,num=100,i=0)=>{if(i==less.length){re
herry菌·2020-03-30 16:00

前端笔记三（js创建对象）

一、字面量形式varperson={name:"小米",say:function(){alert(this.name);}};二、newObject()varperson=newObject()person.name="小米"ps:以上两种方法在使用同一接口创建多个对象时，会产生大量重复代码，为了解决此问题，工厂模式被开发。三、工厂模式functioncreatePerson(name){varo
沐雨芝录·2020-03-29 01:06

前端笔记 2020-3-28（形参实参，高阶函数，递归）

形参和实参：*函数的参数就是形参调用的参数就是实参*默认参数*1.短路运算符*2.形参后面=默认值{//升序降序数组letsortArr=(arr,type="升序")=>{returnarr.sort((a,b)=>{returntype=="升序"?a-b:b-a})}letarr=[1,3,4,2]console.log(sortArr(arr))//1,2,3,4console.log(s
herry菌·2020-03-28 17:00

前端笔记 2020-3-26（剩余参数，立即执行函数）

剩余参数用法//所有参数相加剩余参数letsum=function(...args){returnargs.reduce(function(a,b){returna+b})}console.log(sum(1,2,3,4,5))//15立即执行函数用法可以把内部的方法与外部分离类似模块化//立即执行函数(functionjs1(window){functionf(){console.log("f"
herry菌·2020-03-26 19:00

前端笔记(一)

jQuery判断checkbox是否选中的3种方法方法一：if($("#checkbox-id").get(0).checked){//dosomething}方法二：if($('#checkbox-id').is(':checked')){//dosomething}方法三：if($('#checkbox-id').attr('checked')){//dosomething}设置和获取属性//
石野小真人·2020-03-16 22:06
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他