前端开发笔记

前端开发笔记之three.js基本语法

1.引入three.js//原生写法，需要在官网先下载three.js文件包，然后在HTML文件中配置引入{"imports":{"three":"../../three.js/build/three.module.js","three/addons/":"../../three.js/examples/jsm/"}}//vue或react引入three插件npminstallthree--sav
往事随风，唯有技术·2023-09-22 17:03

前端开发笔记

数组对象去重在一个对象数组中，找出某一个对象在数组中的位置，直接使用indexOf不好使，因为对象是引用值，即使形状都一样，也是不相等的，因为他们引用的是不同的地址。需要使用JSON.stringify()进行转换之后作比较就可以了。聊天界面时间段的区分聊天的时间段拆分，五分钟之内发的消息放在一起，聊天只需要第一条展示时间，其他不用每次都拿后面一个与前面一个作比较，找到某一个比较大于规定的值，则给
风间灵佑·2023-09-13 00:59

Web前端开发笔记48——jQuery概述

1.JS库的概念：仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。常见的JS库：2.jQuery的概念：jQuery出现的目的就是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。3.jQuery的优点：
言行物恒·2023-09-03 18:22

Web前端开发笔记49——jQuery入门

1.页面加载完毕使用jQuery的两种办法：2.‘$’的意思：jquery的顶级对象$.其实它的表示的就是：jQuery。由上可知，$和jQuery的意义是相同的。3.jquery对象和DOM对象：jquery对象和DOM对象的相互转换：
言行物恒·2023-09-03 18:22

Web前端开发笔记(6)

Web前端开发笔记(6)HTML5和CSS3提高文章目录Web前端开发笔记(6)前言基础学习路线目标：HTML5的新特性1.HTML5的新特性1.1HTML5新增的语义化标签1.2HTML5新增的多媒体标签
蒜蓉酱油·2023-08-31 22:22

Web前端开发笔记之CSS拓展02——垂直对齐属性、光标类型、溢出部分显示效果、元素整体透明效果

1.垂直对齐属性问题引入：当我们使用大图片配合小标签或小文字的时候，会出现扭曲不对齐的情况。这里我们需要知道一个概念就是文字使用自己的基线的。垂直对齐方式：浏览器在读取代码时，默认把行内块和行内标签当作文字处理，默认基线对齐。根据上面的经验，我们知道行内块和行内标签作文字处理，那么我们同样可以使用一些处理文字的标签来定义我们的行内和行内块元素，比如text-align不光可以用于单独的文字，我们可
言行物恒·2023-08-23 10:18

前端开发笔记 ｜ React Hooks子组件和父组件交互

前端开发框架目前比较常用的就是react、vue等，其中使用ReactHooks带来了不少的好处，今天来聊聊ReactHooks开发方式下，子组件和父组件的交互。父组件调用子组件子组件定义importReactfrom"react";typeProps={btnText:string;onClick:()=>void;};constSub=(props:Props)=>{const{btnText
LTing5505·2023-06-21 18:42

前端开发笔记 ｜ Vue 3 子组件和父组件交互

在上一篇文章《前端开发笔记｜ReactHooks子组件和父组件交互》里面我介绍了在使用ReactHooks的开发方式下，子组件和父组件的交互，那现在就来介绍下Vue3中的子组件和父组件的交互。
LTing5505·2023-06-21 18:41

小白前端开发笔记-创建网站的细节（娃娃级）导航栏的写法细则 搜索框的写法细则

拿到后的操作：观看布局确定版心：1102px基础准备：*{margin:0px;padding:0px;line-height:1;}.center{width:1100px;margin:0pxauto;}li{list-style-type:none;}a{text-decoration:none;}针对form的操作：.head_centerform{width:294px;（不包含边框的高
火腿肠烧烤大赛冠军·2023-04-05 09:58

Web前端开发笔记——第四章 JavaScript程序设计 第三节 数据类型

目录一、基本数据类型（一）String类型（二）Number类型1、字面量2、无穷大3、非数值（三）Boollean类型（四）Undefined类型和Null类型二、引用数据类型（一）Object类型（二）数组类型（三）RegExp类型（四）Function类型三、查看变量数据类型一、基本数据类型JavaScript中包括两种不同数据类型，分为基本数据类型和引用数据类型，前者指简单的数据段，后者指
晚风(●•σ )·2021-11-14 23:45

Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量

目录一、JavaScript中的注释二、变量的命名规则三、变量声明以及赋值四、变量作用域五、变量提升一、JavaScript中的注释JavaScript中单行注释通过“//”，多行注释通过“/*”开头并以“*/”结尾。二、变量的命名规则JavaScript中命名变量必须以字母开头（也能以$或_符号开头），且变量名不能包含空格和标点符号，另外变量里不能是关键字、保留字作为变量名。例如：vardefa
晚风(●•σ )·2021-11-14 14:05

Web前端开发笔记46——动画原理、缓动效果、页面返回特定位置

1.动画原理：最核心的原理，通过定时器（setInterval）不断移动盒子位置。2.动画在制作的时候，要对对象施加position参数，不然元素对象是不会动的。3.我们对不同的对象设置不同的timer可以使用‘obj.元素’的方式来声明timer，这样每个元素都有属于自己的timer了。4.上面的代码有一个bug，就是在多次触发的情况下timer会多次叠加，这个时候我们就要用到clearInte
Dev SunShine·2021-05-09 19:10

Web前端开发笔记——HTML和CSS

文章目录一、HTML基础笔记1、基础概念：标签、元素、属性、文件结构1.1标签1.2元素1.3属性1.4文件结构2、标签2.1标题：h1~h62.2段落：p2.3段内换行：br2.4空格字符:``2.5预留格式：pre2.6行内组合：span2.7水平线：hr2.8注释2.9超链接：a2.10插入图像：img标签2.11脚标标签：sup，sub2.12区域：div2.13无序列表：ulli2.14
南一师兄·2021-02-27 19:18

前端开发笔记注意点

前端开发笔记注意点JSJS一条语句中声明的多个变量不可以同时赋同一个值:varx,y,z=1;x,y为undefined，z为1重新声明JavaScript变量,变量的值不会丢失：在以下两条语句执行后，
大铭昕·2021-01-24 00:13

前端开发笔记4-总结一周中遇到的问题及解决方法

1.echartsCandlestick关键字的坑Candlestick是绘制k线图的关键字，最近一直再做k线图相关的需求，分享给大家我遇到的坑，有遇到过的同学可以留言讨论哟。先上图selected是控制data栏目数据显示的关键字，但是有一个特殊情况，当selected隐藏类型为candlestick，设置为false会报错：传入数据不能为空，报错位置在echarts源码23600多行。由于我的
昨夜是今晨的开始·2020-09-15 15:10

[ios前端开发笔记]使用scrollView进行分页

本篇教程内的工程资源可以在下面这个地址下载，欢迎转载，谢谢。http://download.csdn.net/detail/ez_wzr/6364991使用场景举例：应用使用指南，使用ios里的scrollview来实现分页功能，通过如下方法一个普遍性的指南只要几分钟就能批量生产啦。实现的核心技术细节：scrollview的pagingEnabled属性，将其设置为YES，并设置其contentS
HeroKingsley·2020-09-12 16:38

Web前端开发笔记--JavaScript课堂笔记及练习

一.笔记1.JavaScript简介（1）JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。（2）JavaScript基本特点：是一种解释性脚本语言主要用来向HTML页面添加交互行为可以直接嵌入HTML页面，但写成单独的JS文件有利于结构和行为的分离跨平台特性，可以在多种平台下运行（3）JavaScript基本特性：基于对象简单性动态性平台无关性安全性2.JavaScr
oqqYaZi1234·2020-08-14 10:30

WEB前端开发笔记-CSS-4

盒子模型案例-商品列表代码盒子模型案例2-商品列表div,h1,dl,dt,dd{margin:0px;padding:0px;}#production{background-color:paleturquoise;width:275px;}#production>h1{font-size:25px;font-weight:bold;line-height:40px;text-indent:3px
阿渌·2020-08-05 10:57

web前端开发笔记-CSS-3

CSShtml：内容（文本框）css：样式（给文本框设置长度、宽度、颜色）css优势：内容与样式分离css样式更加丰富提高浏览器的加载速度、节约网络带宽、减少代码量。利于SEO优化1.基本语法：选择器{样式名：样式值：样式名：样式值：样式名：样式值：...}颜色：支持英文单词、#6或3个十六进制Titleh1{color:red;font-size:10px;}h1标签h1标签h2标签h3标签h1
阿渌·2020-08-05 10:57

移动端农机商城项目前端开发笔记

项目后端文档点此项目结构的创建:基于VueCLIv3.11.0前端路由模式:hash项目页面渲染效果基于Vant组件库babel7配置按需引用vant组件本项目采用的适配不同移动端屏幕的方法rem&emflex布局get和post发送请求的区别get:获取数据,请求参数可见,通过请求头发送数据,数据量小…post:提交数据,请求参数隐藏,通过请求体发送数据,数据量大…判断空对象的方式letobj=
Brannua·2020-08-02 12:49

Vue.js前端开发笔记--Vue.js基础特性(1)

MVVM模式Vue.js的使用是通过构造函数来创建Vue的实例，一个Vue实例相当于一个MVVM模式中的ViewModel。varvm=newVue({})可以在实例化的时候传入一个选项对象，包括数据、模板、挂载元素、生命周期钩子、方法等。模板el：类型为字符串、DOM元素或函数。template：类型为字符串，默认会将template值替换挂载元素(el值对应的元素)，并合并挂载元素和模板根节点
MDistance·2020-07-30 21:36

前端开发笔记--flex布局

flex布局：个人觉得flex布局比起传统布局要优先得多（主要是容易使用），缺点是IE10及以上版本才能使用，甚至某些属性只有在IE11才能使用（而且我发现凡是不兼容主要IE的坑来的多，不是说其他浏览器没有）不过微信小程序开发时完美适配。回到主题：使用flex布局的容器，内部元素自动成为flex项目（如上图items）display:flex;IE10可用提醒：flex项目中不能使用float,c
小母牛倒立·2020-07-30 21:35

Vue.js前端开发笔记--Vue.js基础特性(2) 之数据绑定

数据绑定Vue.js是一个数据驱动视图的框架，它的核心是一个响应式的数据绑定系统，建立绑定之后，DOM将和数据保持同步，不需要手动维护DOM，使代码更简洁易懂，提升开发效率。数据绑定语法1.文本插值数据绑定最基础的形式就是文本插值，使用双大括号标签{{}},为Mustache语法单次插值：首次赋值后再更改vm实例属性值不会引起DOM变化{{*}}Hello{{*name}}Tip:Vue.js2.
MDistance·2020-07-30 21:05

前端开发笔记--html/css总结

html、css笔记必须是html第一行，其指示浏览器关于页面使用哪个HTML版本进行编写的指令。HTML4.0中DOCTYPE声明引用dtd，因为其基于SGML，DTD规定了标记语言的规则。HTML5.0不基于SGML，所以不用引用DTD。W3C建议始终添加，加强页面兼容性，降低对浏览器的依赖，不加就是浏览器的标准（造成不同浏览器IE，火狐）可能出现不同效果。元素类型：行内元素、块级元素、空元素
小母牛倒立·2020-07-30 21:47

Vue.js前端开发笔记--Vue.js基础特性(2) 之计算属性

计算属性我们展示的数据汪汪需要经过一定的处理，除了在模板中使用绑定表达式或者使用过滤器外，Vue.js还提供了计算属性，避免在模板中加入过多的业务逻辑，保证了模板结构的清晰和可维护性。在Vue.js中，所有的计算属性都定义在computed中基础示例：{{fullName}}varvm=newVue({el:'#app',data:{firstName:'San',lastName:'Zhang'
MDistance·2020-07-30 21:15

MOOC web前端开发笔记（一）

网站和网页网站互联网上用于展示特定内容的相关网页的集合。网页网站中的一页，一个网站中的网页通过“超链接”的方式被组织在一起。主页进入网站看到的第一个网页，主页的文件名通常是index网页元素logo站标导航栏文字超链接banner广告横幅表单---网站就是文件夹网页就是文件浏览器解析网页源代码，渲染网页ChromeFirefoxIESafariOpera前端技术构成与技术标准前端技术构成结构：HT
Jason19750703·2020-07-15 17:09

前端开发笔记 第一天 HTML常用标签

第一天html(HyperTextMarkupLanguage)超文本标记语言------结构Css(CascadingStyleSheets)css层叠样式表------------------装饰，装修Js(javascript)--------行为（制作动画浏览器最基本的脚本语言）HTMLHTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是有一套标记标签组成H
风情小姐姐·2020-07-14 20:16

前端学习资源分享

综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版智能社-精通JavaScript开发JavaScript中的this陷阱的最全收集--没有之一JS函数式编程指南腾讯移动Web前端知识库前端开发笔记本
weixin_34049032·2020-07-13 18:23

前端开发笔记

1，页面做媒体查询需添加head头//移动端加上这个标签才是真正的自适应复制代码//IOS中safari允许全屏浏览复制代码//IOS中Safari顶端状态条样式复制代码//忽略将数字变为电话号复制代码//忽略识别email复制代码2，监听视频是否加载完成，禁止选择文本，禁止长按链接与图片弹出菜单去除A连接input标签，点击出现自带的阴影样式屏蔽阴影:videoElem.addEventList
weixin_33739646·2020-07-13 17:11

Web笔记-移动前端开发笔记

因为最近有个移动端的小项目，在此稍微学习下移动端开发基础概念。免得用框架的时候莫名其妙。px(CSSpixels)：逻辑像素，浏览器使用的抽象单位；dp,pt(deviceindependentpixels)：设备无关像素；dpr(devicePixelRatio)：设备像素放缩比；计算公式：1px=(dpr)^2*dp下面先解释下dp，为设备像素放缩比：高清屏(Retina屏)：dpr都是大于等
IT1995·2020-07-07 19:58

web前端开发笔记整理（一）

文章目录一.HTML常用标签类二.CSS常用样式一.HTML常用标签类html：hyperTextmarkuplanguage，超文本标记语言1.告诉搜索引擎爬虫我们的网站关于什么内容元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。在HTML中，标签没有结束标签,永远位于head元素内部。属性名不加双引号，属性值加双引号标签的属性定义了与文
周偏偏偏·2020-07-06 23:21

看云文档

TheLinuxCommandLine中文版》《Web性能优化与HTTP/2》《NPM中文文档》《前后端分离的思考与实践》《websocket教程》《Axios中文说明》《webpack3零基础入门教程》《COLIN前端开发笔记
伯纳乌的追风少年·2020-06-27 05:15

Spring Boot前端开发笔记(HTML+jQuery+Ajax)【三】

SpringBoot前端开发笔记(HTML+jQuery+Ajax)【三】今天先吐槽HTML，没有变量真是让人伤透脑筋，后端数据传输只能靠Ajax续命，简直了。。。
TomPG·2020-06-26 11:52

H5前端开发笔记（一）

一、人生四时(PC)CSS3的animation用于首页火柴效果与云彩效果火柴：经测验CSS3的写法可以完美实现帧动画，尽管IE8及以下不支持，而使用jquery会有明显的卡顿。@-webkit-keyframesfire{0%{background-image:url(http://mat1.gtimg.com/news/2015/zt/huozhe5/fire/1.png);}5%{backg
TsingMr·2020-06-24 14:54

web前端开发笔记整理（二）

文章目录一.专业素养二.专业知识三.开始学习JavaScript一.专业素养web发展史Mosaic，是互联网历史上第一个获得普遍使用和能够显示图片的网页浏览器，于1993年问世。JavaScript最初的设计目标是改善网页的用户体现浏览器的组成1.shell部分(shell)英文翻译成贝壳，是用户看得见的，例如菜单，工具栏等内核部分（用户看不到）a.渲染引擎（包括语法规则和渲染）”将网页代码渲染
周偏偏偏·2020-06-22 01:47

web前端开发笔记：CSS伪类总结

在CSS2.1中，伪类包括链接伪类、动态伪类、静态伪类。1.链接伪类：链接伪类适用于超链接标签，包括:link与:visited两个伪类。:visited可以对已经访问过的地址超链接进行样式定义。而:link标签则可以对包含无实际意义的所有未访问超链接进行样式定义，如Justthewayyouare（链接无href属性，即非链接）。2.动态伪类：动态伪类包括:focus,:hover,:activ
Jiang216·2020-06-21 23:19

其他编程资料汇总(个人记录用,大家忽略)

1.前端开发笔记https://li-xinyang.gitbooks.io/frontend-notebook/content/chapter1/03_01_html_intro.html2.UI动效
MonsterNanny·2020-03-17 16:58

html5前端开发笔记-个人中心

简单的css自适应PC端移动端一开始的想法就是模仿手机APP的页面进行布局，首先得有个头部，然后是主题部分，然后加上2个按钮，分别是编辑和退出登录。先布出基本结构。代码如下：个人中心个人中心姓名：性别：手机：学校：个人简介：这个地方文字超出范围之外会自动把容器div撑开，注意不是中文字符的话需要加CCS属性word-wrap:break-word，这是CCS3的属性。编辑退出由于采用的是流体布局，
跹尘·2020-02-29 12:22

Weekly Newsletter 第十期

极客学院WikiWeeklyNewsletter(2015年10月11日~16日）newsletterlogo精品课程《前端开发笔记本》——前端笔记本涵盖了Web前端开发所需的基本知识以及学习路径。
极客学院Wiki·2020-02-21 14:50

前端开发笔记（一）

最近开始接触百度echarts，一个将数据可视化的JavaScript库。我几乎没有学过前端，更没有JavaScript的底子，所以在前期学习过程中还是有些困难的。下面就是学习过程中遇到的一些困难和心得。问题三天前我想利用刚刚学到的几张图表做一个简单的数据展示网页，设计页面如下：设计页面.png可是在编写过程中，展示出来的页面始终是这样的：问题页面.png很明显，最右边的地图没有了。进入firef
WarMj·2020-01-04 23:38

MapGis前端开发笔记一

一.开发环境：MapGISIGServer10.0、OpenLayers3二.需求分析：前端界面的道路网通过捕捉周边的点要素个数，以此作为权重来对道路网进行颜色带的渲染。三.思路：1.由于路网的线要素较长，故首先要将线要素进行划分，合理来说，应该是按照距离划分的。2.对新的道路做缓冲区分析，缓冲区半径自定义。3.通过缓冲区与周围点要素进行空间查询，得到每个缓冲区查询到的点要素个数。4.将所有的点个
杨亚仑·2019-05-17 15:39

Web前端开发笔记—一级导航栏

一级导航栏编辑练习1、ulli方法实现代码如下：代码实现：Titlea{color:#ffffff;text-decoration:none;}a:hover{color:#ffffff;text-decoration:underline;}.top_nav{padding:10px10px0;font-size:12px;font-weight:bold;margin:1px000;list-s
LUNLUNJIEJIE·2019-03-30 20:23

Web前端开发笔记

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。JavaScript语法基础：1）在网页中使用JavaScript：（注：JavaScript代码是一种纯文本语言，因此任何一种文本编辑器都可以进行编辑）①创建JavaScript脚本片段如下所示：//JavaScrip代码②使用外部的JavaScript文件如下所示：③在属性值中使用JavaScript如下所示：2）J
AsphyxiaZyx·2019-03-16 22:10

Web前端开发笔记--JavaScript课堂笔记及练习

一.课堂笔记1.JavaScript简介JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。JavaScript基本特点：①是一种解释性脚本语言②主要用来向HTML页面添加交互行为③可以直接嵌入HTML页面，但写成单独的JS文件有利于结构和行为的分离④跨平台特性，可以在多种平台下运行JavaScript基本特性：①基于对象②简单性③动态性④平台无关性⑤安全性2.JavaS
LUNLUNJIEJIE·2019-03-16 19:27

前端开发笔记

aria-expanded="false"aria-expanded表示展开状态。默认为undefined,表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的aria-hidden字符串可选值为true和false，true表示元素隐藏(不可见)，false表示元素可见快捷键Ctrl+Enter光标不在末尾回车Ctrl+Backspace删除一个词Ctrl+-
冯九岁·2018-12-20 14:08

html,css前端开发笔记

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的＜head＞与＜/head＞中，meta标签的用处很多。meta的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（
风灵使·2018-10-24 13:17

前端开发笔记（二）Ajax不能直接return返回值的问题

写了一个请求，代码如下//获取json数据functiongetJson(url){varjson;$.ajax({type:'get',async:false,url:url,dataType:"json",data:{depId:"DD83B3658A2449FEBEE10C2E5AFBA33C12345"},success:function(result){//json=result;ret
WarMj·2018-04-28 08:40

【个人笔记】前端开发笔记整理

JavaScript（参考了《JavaScript高级程序设计》和部分知乎答案）作用域指可访问变量、对象、函数的集合。局部作用域：在函数内声明，只能在函数内部访问全局作用域：在函数外定义，所有脚本和函数均可使用（函数内赋值但未声明，仍为全局变量）变量生命周期：全局变量在页面关闭后销毁，局部变量在函数执行完毕后销毁ps：在HTML中所有数据属于window对象数据类型原始数据类型：栈，占据空间小，大
花生酱031·2017-10-29 16:40

web前端开发笔记：name与id属性区别

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?!而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。上周我也遇到了ID和Name的问题，在页面里输入了一个inputtype=”hidden”，只写了一个ID=’SliceInfo’，赋值后su
Jiang216·2017-10-18 11:51

前端开发笔记（4）css基础（下）

标签定位相对定位相对定位是用来微调元素位置的，让元素相对于原来的位置进行调整。Documentdiv{width:100px;height:100px;}.box1{background-color:green;}.box2{background-color:blue;position:relative;left:30px;top:30px;}.box3{background-color:red;
weixin_34004750·2016-11-24 21:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他