![](https://img-blog.csdnimg.cn/20210401173440539.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
全栈开发学习日记
文章平均质量分 80
快速掌握全栈开发,希望内容对您有所帮助。欢迎各位路过的 Coder 交流学习!
孤安先生
北漂打工人。
曾获竞赛奖项:第十四届上海市大学生计算机应用能力大赛“三等奖”;
愿与“你”顶端相见!
展开
-
微信小程序:组件、样式隔离、数据方法属性
styleIsolation 可选值说明isolation默认值,表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响。app-shared表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面。shared表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。原创 2024-07-18 17:30:00 · 170 阅读 · 0 评论 -
微信小程序:生命周期及WXS脚本
小程序生命周期分为 应用生命周期、页面生命周期 和 组件生命周期。WXS(WeiXin Script)是小程序独有的一套脚本语言,结合 WXML,可以构建出页面的结构。原创 2024-07-18 14:00:00 · 576 阅读 · 0 评论 -
微信小程序:声明式导航、刷新节流
小程序的页面跳转、下拉刷新、节流原创 2024-07-17 12:30:00 · 373 阅读 · 0 评论 -
微信小程序:模板语法
微信小程序有自己单独的一套模板语法。WXML 数据写法和Vue相似,数据通过{{}}包裹。原创 2024-07-17 10:00:00 · 1117 阅读 · 0 评论 -
WEB前端开发引言
Web 系统以网站形式呈现,通过浏览器访问。......原创 2020-08-01 22:15:12 · 1606 阅读 · 0 评论 -
第一节:HTML5 基础(一)
HTML(HyperText MarkUp Language)概述:“超文本标记语言”,它是制作网页的标准语言第一节:HTML5 入门1.1.1 HTML5 语言特点HTML文件不需要编译,直接使用浏览器阅读即可HTML文件的扩展名是 .html 或 .htmHTML结构都是由标签组成HTML不区分大小写1.1.2 HTML5 标签元素概述:由尖括号包围,比如 title,通常是成对出现1.1.3 HTML5 编辑器记事本高级记事本Sublim.原创 2020-08-02 17:00:02 · 634 阅读 · 0 评论 -
第二节:HTML5 基础(二)
第三节:HTML5 页面元素及属性1.3.1 列表元素ul 元素无序列表的各个列表项之间没有顺序级别之分,通常是并列的<ul> <li>第一行</li> <li>第二行</li> <li>第三行</li></ul><!-- 效果展示 -->· 第一行· 第二行· 第三行ol 元素有序列表的各个列表项按照一定的顺序排列<ol>原创 2020-08-03 17:30:35 · 435 阅读 · 2 评论 -
第三节:CSS 核心基础
引言:CSS 以 HTML 为基础,提供了丰富的功能,如:字体、颜色、背景的控制及整体的排版等,而且还可以针对不同的浏览器设置不同的样式第一节:CSS3 入门主流浏览器的私有属性内核类型相关浏览器的私有属性私有前缀TridentIE8 / IE9 / IE10-msWebkit谷歌(Chrome)/ Safari-webkitGecko火狐(Firefox)-mozBlinkOpera-o注意:运用 CSS 私有属性时,要遵从.原创 2020-08-04 19:05:12 · 344 阅读 · 0 评论 -
第四节:CSS3 选择器
第三节:CSS3 选择器2.3.1 属性选择器属性选择器可以根据元素的属性及属性值来选择元素E[att^=value] 属性选择器E[att^=“value”] 属性选择器 是指选择名称为 E 的标记,且该标记定义了 att 属性,att 属性值包含前缀为 value 的子字符串当 E 省略不写时,则表示可以匹配满足条件的任意元素div [id^=section] 表示 匹配包含 id 属性,且属性值是以 “section” 字符串开头的 div 元素语法格式:标记名[属性^原创 2020-08-05 18:25:10 · 689 阅读 · 0 评论 -
第五节:CSS 盒子模型
第四节:CSS 盒子模型2.4.1 初识盒子模型概述:把 HTML 页面中的元素看作是一个矩形的盒子。每个矩形都由元素的内容(content)、内边距(padding)、边框(border) 和 外边距(margin) 组成<head> <style type="text/css" > .box { width: 240px; height: 60px; border: 1px原创 2020-08-06 19:08:00 · 772 阅读 · 0 评论 -
第六节:浮动与定位
第五课时:浮动与定位2.5.1 元素的浮动元素浮动可以使页面变得整齐、有序元素的浮动属性 float通过 float 属性来定义浮动,使元素脱离标准文档流的控制,移动到其父元素中指定位置注意:"IE6 双倍边距" 解释:对元素同时定义 float 和 margin-left 或 margin-right 属性时,在 IE6 浏览器中,出现的左外边距或右外边距将是所设置的 margin-left 或 margin-right 值的两倍属性值说明left元素向左浮动原创 2020-08-07 19:00:01 · 720 阅读 · 0 评论 -
第七节:表单的应用(一)
第六课时:表单的应用2.6.1 表单的构成一个简单的 HTML 表单界面由 表单控件(也称表单元素)、提示信息 和 表单域 3部分构成表单控件:包含了具体的表单功能项,如:单行文本输入框、密码输入框、复选框、提交按钮 和 搜索框 等提示信息:一个表单中通常需要包含一些说明性的文字,提示用户进行填写和操作表单域:相当于一个容器,用来容纳所有的表单控件和提示 信息,可以通过它 定义、处理表单数据所用程序的 url 地址 及 数据提交到服务器的方法。如果不定义表单域,数据将无法提交到服务器后台原创 2020-08-08 17:50:00 · 423 阅读 · 0 评论 -
第八节:表单的应用(二)
2.6.4 常用表单元素HTML5 表单元素除了 input 元素外,还包括 textarea、select、datalist、keygen、output 元素textarea 元素定义 input 控件的 type 属性值为 text 时,可以创建一个单行文本输入框,需要输入大量信息时,就需要定义 textarea 标记各浏览器对 cols 和 rows 属性的理解不同,所以实际开发中,更常用的方法是使用 CSS 的 width 和 height 来定义多行文本输入框的宽高属性原创 2020-08-09 20:21:37 · 400 阅读 · 0 评论 -
第九节:多媒体技术
第七课时:多媒体技术2.7.1 多媒体的支持条件实际开发中,要考虑视频音频编解码器、浏览器 等因素视频和音频编解码器视频解码器视频解码器定义了多媒体数据流编码和解码的算法编码器:主要是对数据流进行编码操作,用于存储和传输解码器:主要是对视频文件进行解码,目前最多的 HTML5 解码文件是 H.264、Theora 和 VP8H.264H.264 是国际标准化组织(IOS)和国际电信联盟(ITU)共同提出的继 MPEG4 之后的新一代数字视频压缩格式TheoraTh原创 2020-08-10 19:35:01 · 419 阅读 · 0 评论 -
第十节:CSS3 高级应用
第八课时:CSS3 高级应用2.8.1 过渡CSS3 提供的过渡属性,可以在不使用 Flash 的动画或者 JavaScript 脚本的情况下,为元素从一种 样式转变为另一种样式时添加效果,如:渐显、渐弱、动画快慢 等transition-property 属性用于指定应用过渡效果的 CSS 属性的名称,通常在用户将指针移动到元素上时发生,当指定的 CSS 属性改变时,过渡效果才开始属性值说明none没有属性会获得过渡效果all所有属性都将获得过渡效果原创 2020-08-11 19:20:00 · 311 阅读 · 0 评论 -
第十一节:javascript 入门
第一节:JavaScript 入门JavaScript 内嵌于 HTML 网页中,通过浏览器内置的 JavaScript 引擎直接编译,把一个原本只用来显示的页面,转变成支持用户交互的页面程序3.1.1 JavaScript 介绍JavaScript 脚本语言JavaScript 是一种脚本(Script)语言,简单来说就是一条条的文本命令非脚本语言一般 需要编译、链接、生成独立的可执行文件后才能运行;而脚本语言缩短了传统语言 “编写 - 编译 - 链接 - 运行” 的过程JavaScr原创 2021-03-25 10:58:21 · 175 阅读 · 0 评论 -
第十二节:JavaScript 基础语法(一)
第二节:JavaScript 基础语法3.2.1 变量标识符实际开发中,经常要自定义一些符号来标记一些名称,这些符号都被称为标识符由大小写字母、数字、下划线 和 美元符号($) 组成,如:str、arr3、$3不能以数字开头,如:34da 是非法标识符严格区分大小写,如:it 和 IT 表示两个不同的标识符不能使用 JavaScript 中的关键字命名,如:var 作为变量名是不合法的要尽量做到 “见起名知其意”,如 name 表示名字注意:当标识符需要多个单词进行表示时,可以使用以原创 2021-03-29 09:52:31 · 751 阅读 · 0 评论 -
第十三节:JavaScript 基础语法(二)
3.2.5 数组数组是储存一系列值的变量集合,它是由一个或多个数组元素组成的。各元素之间用 " , " 隔开。每个数组元素的构成:下标:也称为 索引以数字表示,默认情况下从0开始依次递增,用于识别元素值:元素的内容,客户会议是任意类型的数据**数组的划分:**数组可以划分为 一维数组、二维数组、三维数组 等多维数组一维数组:数组的 “值” 是非数组类型的数据多维数组:数组的值又是一个数组(数组的嵌套)例如:一个班有很多学生,每个学生都有 姓名、年龄、学号 等信息原创 2021-03-30 10:22:54 · 516 阅读 · 0 评论 -
第十四节:函数
JavaScript 中的函数,类似于 Java 中的方法,但是 JavaScript 中的函数可以赋值给对象(变量)原创 2021-03-31 09:25:27 · 55 阅读 · 0 评论 -
第十五节:对象
第四节:对象概述:对象是一组无序的相关属性和方法的集合属性:事物的特征,在对象中用属性来表示(表示名词)方法:事物的行为,在对象中用方法来表示(常用动词)作用:保存多个对象万物皆对象例如:字符串、数值、数组、函数3.4.1 定义对象参数、返回值、功能、何时调用字面量创建对象// 语法格式:var 对象名 = { 键名1: 值1; 键名2: 值2;}var o = { name: '小明', age: 18, sex: '男',原创 2021-04-01 08:44:16 · 97 阅读 · 0 评论 -
第十六节:JavaScript 事件(一)
第五节:JavaScript 事件概述: ** 在实际开发中, JavaScript代码是通过用户的某些特定行为(例如: 单击, 双击, 按键等)**来触发的, 用户的行为就叫做: 事件。事件三要素:事件源(谁):触发事件的元素事件类型(什么事件):例:onclick 点击事件事件处理程序(做什么):事件触发后执行的代码(函数形式),事件处理函数解释:**事件源:**HTML中 的标签事件: 用户的某些特定行为 (例如: 单击, 双击, 按键等)给事件源绑定行为: 就是原创 2021-04-06 10:03:29 · 83 阅读 · 0 评论 -
第十七节:JavaScript 事件(二)
3.5.10 事件对象 eventevent 对象<button>点击</button><script> let btn = document.querySelector('button'); btn.onclick = function (event) { // 事件处理程序 // 获取标签名 console.log(event.targht.nodeName);原创 2021-04-07 21:15:15 · 128 阅读 · 0 评论 -
第十八节:DOM 对象
第六节:DOM 对象(重点)浏览器加载整个HTML文档形成Document 对象,Document 对象可以访问和操作HTML文档中的所有元素。Document Object Model, 文档对象模型, 也叫DOM树简单理解: 把HTML页面加载到内存后形成的DOM树状结构, 也叫DOM树在DOM树中, 标签, 属性, 文本都是节点(对象), 我们可以通过操作节点来实现修改HTML页面的树状结构特点:有且只有一个根节点每个节点都有一个父节点及任意个子节点(根节点)没有子节点原创 2021-04-08 07:58:05 · 343 阅读 · 0 评论 -
第十九节:BOM 对象
第七节:BOM 对象Browser Object Model,浏览器对象模型作用:浏览器窗口交互的一些对象3.7.1 BOM 的构成locationurl 统一资源定位符:/ 语法格式:protocol://host[:port]/path/[?query]#fragmenthttp ://www.itcast.cn /index.html ?name=andy&age=18 #linklocation 对象属性对象属性说明location.hre原创 2021-04-09 08:16:10 · 92 阅读 · 0 评论 -
第二十节:本地存储 && 案例驱动
第二十章:本地存储sessionStorage:存储的数据在控制台 - Application - Session Storage本地存储特性:数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大,sessionStorage 约 5M、localStorage 约 20M只能存储字符串,可以将对象 JSON.stringify() 编码后存储数据的生命周期为关闭浏览器/ 语法格式:// 存储数据sessionStorage.setItem('键名', 数据);原创 2021-05-31 20:21:22 · 69 阅读 · 0 评论 -
第二十一节:JQuery
第二十一节:JQueryjavascript 库JavaScript 库:即 librark,是一个封好的特定的集合(方法和函数)。简单理解:js 文件里,里面对我们原生js代码进行封装,存到里面,可以高效实用这些封装好的功能。JQuery 认知JQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是 倡导写更少的代码,做更多的事。优点:轻量级。核心文件小,不影响页面加载速度跨浏览器兼容链式编程、隐士迭代对事件、样式、动画支持,大大简化了DOM操作支持插件开发原创 2021-05-31 20:22:03 · 134 阅读 · 0 评论 -
第二十二节:Javascript 高级(一)
第二十二节:Javascript 高级this指向这些 this 的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同,一般指向我们的调用者[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uczlcJNB-1617850896535)(assets/image-20210322085121203.png)]全局作用域或者普通函数中this指向全局对象window(注意定时器里面的this指向window)方法调用中,谁调用 this就指原创 2021-07-14 10:06:52 · 61 阅读 · 0 评论 -
第二十三节:Javascript 高级(二)
面向对象编程介绍两大编程思路:面向过程 POP(Process-oriented programming)面向过程 就是分析出解决问题所需要的的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用。面向对象 OOP(Object Oriented Programming)面向对象 是把事务分解成一个个对象,然后由对象之间分工与合作。面向对象是以对象来划分问题,而不是步骤。简单理解:先找出对象,然后写出这些对象的功能。在面向对象程序开发思想中,每一个对象都是原创 2021-07-14 10:09:37 · 68 阅读 · 0 评论 -
第二十四节:Javascript 高级(三)
ES6中的类和对象事务分为 具体(特指)事务 和 抽象(泛指)事务。面向对象的思维特点:抽象对象共用的属性和行为组织(封装)成一个类(模板)。对类进行实例化,获取类的对象。面向对象编程,我们考虑的是有哪些对象,按照面向对象的思维特点,不断的创建对象,使用对象,指挥对象做事。对象JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事务都是对象,例如:字符串、数值、数组、函数 等。对象是由属性和方法组成:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物原创 2021-07-14 10:12:20 · 297 阅读 · 0 评论 -
第一节:Node.js 开发之环境搭建
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。原创 2022-10-28 17:01:15 · 653 阅读 · 0 评论 -
第二节:Node.js 之模块化设计
Node.js 中的模块化,就是把一个大的 JS 文件拆分成若干个小文件,我们可以按照一定的语法将这些小模块组合到一起,形成一个完整的项目。原创 2022-10-28 17:25:20 · 169 阅读 · 0 评论 -
第三节:Node.js 之 Webpack 打包
Webpack 为了减少文件数量,缩减代码体积,提高浏览器打开速度。用于分析、并打包代码。原创 2022-10-28 17:27:57 · 1567 阅读 · 0 评论 -
第一节:Ajax 入门及环境
Asynchronous Javascript And XML 用于获取服务器的数据。原创 2022-11-01 15:10:03 · 832 阅读 · 0 评论 -
第二节:Ajax核心技术 - XMLHttpRequest 对象
XHR 1.0 是一个内建的浏览器对象,可以实现 Ajax 请求,Ajax技术的核心就是XMLHttpRequest 对象。原创 2022-11-01 15:16:30 · 707 阅读 · 0 评论 -
第三节:基于 HTTP 库 的接口(Mock.js、Fetch、axios)
Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。原创 2022-11-01 15:19:38 · 195 阅读 · 0 评论 -
第四节:高性能 JavaScript 模板引擎 之 art-template
art-template - 高性能 JavaScript 模板引擎。原创 2022-11-01 15:22:13 · 246 阅读 · 0 评论 -
Git版本控制:Git 安装配置及常用命令
记录每次代码的变更,以便将来查阅特定版本的修改情况。原创 2022-11-02 11:04:01 · 334 阅读 · 0 评论 -
Git版本控制:Git 远程仓库
本地仓库上传到远程仓库。原创 2022-11-02 11:18:41 · 174 阅读 · 0 评论 -
Git版本控制:分支及多人协作
分支:默认是快进模式:两个分支,基于A分支创建B分支,A分支不做任何更改,在B分支新增内容,将B分支合并到A分支就是快进模式。实际开发中,不在 master 主分支上进行开发,要创建新分支进行开发。无法直接推送本地仓库到远程,因为没有获取远程仓库最新代码。发生冲突时会出现 merge 情况,需要终止才能继续使用。文件,这个文件夹下的文件推送远程仓库时会忽略不提交。会 copy 一份当前分支 到新的分支。和推送分支一样,要推送谁就写谁的名字。删除分支时,要切换到别的分支再删除。在哪里,说明当前分支就在哪里。原创 2022-11-03 08:18:26 · 596 阅读 · 0 评论 -
Git版本控制:GitMojo及常用DOS命令
git commit 时使用 emoji 为本次提交打上一个 “标签”。原创 2022-11-03 08:58:27 · 117 阅读 · 0 评论