前端
文章平均质量分 85
以实战为线索,逐步深入HTML开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工作化编码能力和思维能力。
糖^O^
这个作者很懒,什么都没留下…
展开
-
【微信小程序】分包
分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。独立分包本质上也是分包,只不过它比较特殊,可以独立于主包和其他分包而单独运行。原创 2023-11-20 09:48:38 · 182 阅读 · 0 评论 -
【微信小程序】使用npm包
由于目前新版开发者工具创建的小程序目录文件结构问题,npm构建的文件目录为miniprogram_npm,并且开发工具会默认在当前目录下创建miniprogram_npm的文件名,所以新版本的miniprogramNpmDistDir配置为’./'即可。默认情况下,小程序官方提供的异步API都是基于回调函数实现的,例如,网络请求的API需要按照如下的方。,指的是通过额外的配置,将官方提供的、基于回调函数的异步API,升级改造为基于。的异步API,从而提高代码的可读性、维护性,避免回调地狱的问题。原创 2023-11-16 22:02:00 · 604 阅读 · 0 评论 -
【微信小程序】自定义组件(三)
这里是插入到组件的before的内容原创 2023-11-12 17:23:25 · 1539 阅读 · 1 评论 -
【微信小程序】自定义组件(二)
纯数据字段1、什么是纯数据字段2、使用规则组件的生命周期1、组件全部的生命周期函数2、组件主要的生命周期函数3、lifetimes节点组件所在页面的生命周期1、什么是组件所在页面的生命周期2、 pageLifetimes节点3、生成随机的颜色值插槽1、什么是插槽2、单个插槽3、定义多个插槽父子组件之间的通信1、父子组件之间的通信的3种方式2、事件绑定概念:纯数据字段指的是那些不用于界面渲染的data字段。8。原创 2023-11-04 11:28:59 · 1166 阅读 · 0 评论 -
【微信小程序】自定义组件(一)
组件的创建与引用1、创建组件2、引用组件3、全局引用VS局部引用4、组件和页面的区别样式1、组件样式隔离2、组件样式隔离的注意点3、stylelsolation的可选值数据、方法和属性1、data数据2、methods方法4、data和properties区别5、使用setData修改properties的值数据监听器1、什么是数据监听器2、监听对象属性的变化数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。他的作用类似于vue中的watch侦听器。原创 2023-11-04 10:54:38 · 924 阅读 · 1 评论 -
【微信小程序】WXML的模板语法与WXSS模板样式
🖥️🖥️🖥️博主主页: 👉🏻 👉🏻 👉🏻👍👍👍 希望各位博主多多支持!!!🌹 🌹 🌹。原创 2023-10-29 10:02:33 · 411 阅读 · 0 评论 -
【微信小程序】初始微信小程序
微信小程序,简称小程序,英文名 Mini Program,是一种不需要下载安装即可使用的应用张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;推⼴app 或公众号的成本太⾼。开发适配成本低。容易⼩规模试错,然后快速迭代。原创 2023-10-08 09:15:52 · 79 阅读 · 0 评论 -
iframe框架,,原生js路由
该标签规定一个内联框架。被用来在当前 HTML 文档中嵌入另一个文档。可以把需要的文本放置在 和 之间3.(1) 获得iframe的window对象(2) 获得iframe的document对象(3) iframe中获得父页面的window对象(4) 获得iframe在父页面中的html标签(5) iframe的onload事件二、原生js路由🎗 展示层面也就是切换 # 后面的内容,呈现给用户不同的页面特性:可以通过 hashchange 事件,监听到 hash 值的变化,从而响应不同路径的.原创 2022-06-19 21:09:03 · 928 阅读 · 1 评论 -
模板引擎(art-template)详解
art-template🧨1. 介绍1.1.特性1.2. 模板1.3.渲染模板1.4.核心方法🧨2.安装2.1.npm2.2.在浏览器中实时编译🧨3. 语法3.1.输出3.2.原文输出3.3.条件3.4.循环3.5.变量3.6.模板继承3.7.子模板3.8.过滤器4.调试5.模板变量6. 解析规则7.压缩页面8.API8.1.template(filename, content)8.2. .compile(source, options)8.3. .render(source, data, option原创 2022-05-08 16:54:42 · 25787 阅读 · 1 评论 -
express路由
express路由模块安装:在项目所处的目录下,运行如下的终端命令,即可将express安装到项目中使用命令:npm i express@4.17.1(1)监听GET请求app.get('请求url',function(req,res) {/**处理函数/})//参数1:客户端请求的url地址(2)监听POST请求app.post('请求url',function(req,res) {/**处理函数/})(3)响应客户端app.send('处理的内容')(4)获取url中携带原创 2022-03-19 23:45:46 · 514 阅读 · 0 评论 -
Node.js——path路径,http,npm与包,模块化
Node.js知识点 一、fs(文件系统)二、path(路径)三、http(服务器)四、npm与包五、模块化六、express一、fs(文件系统)(1) 读取指定文件内容fs.readFile(path[,option],callback参数1:字符串,表示文件的路径参数2,表示以什么编码格式读取文件参数3:读取完成后,通过会点函数读取结果(2) 向指定的文件中写入内容fs.writeFile(file,data[,options],callback)参数1:指文件路径的字符串,原创 2022-03-06 10:09:02 · 602 阅读 · 0 评论 -
jQuery——动画,显示与隐藏,获取,添加
jQuery一、显示与隐藏二、动画三、获取四、添加一、显示与隐藏hide()可以使用 hide() 方法来隐藏HTML 元素:$("#hide").click(function(){ $("p").hide();});show()show() 方法来显示 HTML 元素$("#show").click(function(){ $("p").show();});toggle()可以使用 toggle() 方法来切换 hide() 和 show() 方法。显示被隐原创 2022-02-19 11:47:31 · 792 阅读 · 0 评论 -
BOM——Location,History,弹出框,Timing
一、HistoryWindow History Backhistory.back() 方法加载历史列表中前一个 URL。等同于在浏览器中点击后退按钮。Window History Forwardhistory forward() 方法加载历史列表中下一个 URL。等同于在浏览器中点击前进按钮。二、弹出框警告框如果要确保信息传递给用户,通常会使用警告框。当警告框弹出时,用户将需要单击“确定”来继续。window.alert(“sometext”); window.alert()原创 2022-02-13 10:40:56 · 383 阅读 · 0 评论 -
DOM(二)——动画,改变HTML,事件,节点,集合
HTML DOM一、动画二、改变HTML三、节点四、事件五、事件监听程序六、集合一、动画1.创建动画容器所有动画都应该与容器元素关联。<div id ="container"> <div id ="animate">我的动画在这里。</div></div>2.为元素添加样式应该通过 style = "position: relative" 创建容器元素。应该通过 style = "position: absolute" 创建动画元素。原创 2022-01-30 12:53:48 · 739 阅读 · 0 评论 -
HTML DOM(一)——简介,元素,表单
HTML DOM一、简介二、元素三、表单一、简介1.对象的 HTML DOM 树通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量JavaScript 能改变页面中的所有 HTML 元素JavaScript 能改变页面中的所有 HTML 属性JavaScript 能改变页面中的所有 CSS 样式JavaScript 能删除已有的 HTML 元素和属性JavaScript 能添加新的 HTML 元素和属性JavaScript 能对页面中所有已有的 HTML 事件原创 2022-01-23 12:18:40 · 277 阅读 · 0 评论 -
JavaScript(一)基础——简介,使用,输出,语句,关键词,运算符
JavaScript基础一、简介二、使用三、输出四、JS语句四、关键词五、运算符(2)JavaScript 赋值运算符(3)JavaScript 字符串运算符一、简介JavaScript对网页行为进行编程JavaScript 能够改变 HTML 内容 getElementById() 是多个 JavaScript HTML 方法之一JavaScript 同时接受双引号单引号-JS能改变HTML 属性二、使用JavaScript代码必须位于<script>原创 2022-01-12 16:11:59 · 386 阅读 · 0 评论 -
伪类和伪元素 , 轮播 , 媒体查询
总结一 伪类二级目录三级目录一 伪类二级目录三级目录原创 2021-12-05 01:16:10 · 308 阅读 · 0 评论 -
仿做QQ音乐官网——问题与解决办法
问题与解决办法一.图片的路径1.绝对路径:从根目录为起点到某一个目录的路径 直接指明文件在硬盘上真正存在具体位置或者是以Web站点根目录为参考的完整路径。(绝对路径是规定死的目录,直观清晰,但被网页引用的文件不能随意挪动。当多个网页引用同一个文件时,所使用的路径都是相同的。2.相对路径:在同一个网站下,不同文件之间的位置定位附:/ 代表根目录./ 代表当前文件所在目录(可省略)…/ 代表当前文件所在目录的上级目录…/…/代表当前文件所在目录的上上级目录…/…/…/ 以此类推3.绝对原创 2021-11-28 00:50:26 · 772 阅读 · 0 评论 -
Bootstrap4(一)重点----网格系统,图像形状,轮播,多媒体对象,滚动监听
Bootstrap4重点一 . 网格系统二. 图像形状三. 轮播四 . 滚动监听(Scrollspy)五. 多媒体对象一 . 网格系统Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。 1. 网格系统规则:网格每一行需要放在设置了 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器中,这样就可以自动设置一些外边距与内边距。使用行来创建水平的列组。内容需原创 2021-11-19 22:00:43 · 1358 阅读 · 0 评论 -
CSS(一)本周总结
CSS每周知识总结一、css简介 **CSS是层叠样式表,样式定义如何显示HTML元素。 一个简单的css文档就可以改变所有页面的布局和外观。二、css语法css规则主要有两部分组成:选择器和一条或多条属性声明css声明总以分号(;)结束,声明总以大括号({})括起来css注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。CSS注释以 /* 开始, 以 */ 结束三、css选择器1.复合选择器2.id选择器<p id="para1">Hel原创 2021-11-07 00:34:49 · 354 阅读 · 1 评论 -
CSS(二)——Flex布局 边框 渐变 过渡 动画
本周总结 一. Flex布局 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size。1. flex-direction 设置容器主轴的原创 2021-11-14 10:08:22 · 1947 阅读 · 0 评论 -
HTML——基础知识点总结
HTML总结一.HTML简介1.HTMLHTML(HyperText Markup Language),超文本标记语言,使用各种标记来表示文档的结构以及标识超链接的信息。2.HTML文档HTML文档包含了标签及文本内容,并且 html 文档也叫做 web 页面。二.HTML基本结构<!DOCTYPE html><html><head><meta charset="utf-8"><title> 菜鸟教程(runoob.com原创 2021-10-30 12:25:09 · 23484 阅读 · 3 评论