笔记
文章平均质量分 91
学习笔记
西瓜味白桃汽水
努力学习的前端小白,欢迎交流
展开
-
nuxt3 学习笔记
默认的情况下如果用户编写的布局文件的文件名是default.vue,那么它将会被默认应用到全局中,布局通常与< slot/>一同使用,nuxt在加载布局文件后,< slot/>将会默认加载pages目录下的页面。------| Button.vue //页面引入 < BaseFooButton />–| TheHeader.vue //页面引入 < TheHeader/>–| TheFooter.vue //页面引入 < TheFooter/>嵌套路由写法 < nuxt-child />原创 2023-02-09 18:25:15 · 1899 阅读 · 2 评论 -
移动端兼容性,RESTful接口介绍
【代码】移动端坑,兼容性问题。原创 2023-01-04 19:01:24 · 618 阅读 · 0 评论 -
canvas 实现APP签名
uni.canvasToTempFilePath(object, component)把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。7. uni.canvasToTempFilePath把canvas生成图片。6.当手指移动的时候往数组里面添加数据,moveTo,lineTo进行绘制。3.uni.createCanvasContext创建canvas实例。2.uni.getSystemInfo获取系统信息设置大小。5.当手指按下,往数组里面push 一个包含x,y的对象。原创 2022-12-30 15:07:09 · 272 阅读 · 0 评论 -
处理一些数据
fn1 . call(this) //可以更改this指向 // fn1()或者直接调用 } var fn1 = debounce(function() {console . log(111111) //这里也可以写ajax请求 } , 1000) //防抖函数封装 function debounce(fun , wait) {原创 2022-08-09 17:14:37 · 396 阅读 · 0 评论 -
webpack学习
npm init - y //生成package.json文件。原创 2022-08-04 20:03:15 · 788 阅读 · 0 评论 -
BOM知识点
BOM什么是BOMwindow 双重身份:window顶层对象navigator浏览器信息screen 屏幕信息document DOM对象history 历史信息Location URL信息window的方法1.Window.open();2.window.close();3.window.moveTo();4.window.resizeTo();5.confirm()确认框//true、false......6.alert()警示框7.prompt()输入框//没有就是空字符串,点击取消返回null8.原创 2022-05-06 10:38:58 · 172 阅读 · 0 评论 -
vue遇到的小问题,封装功能
vuepost传值问题img动态路径post传值问题1.下载 cnpm install qsimport qs from 'qs'post传值后台收不到 需要用qs转换一下数据 post('http://localhost:8080/api', qs.stringify(this.addCategoryName))img动态路径:src=" "8080端口下找的是public下的文件,所以找不到方法一v-for <img style="width:100原创 2022-03-28 18:48:26 · 5248 阅读 · 1 评论 -
canvas
canvas什么是canvascanvas可以用来干啥呢?创建canvas对象ctx.fillRect(x,y,w,h)填充矩形ctx.strokeRect(x,y,w,h)描边矩形ctx.fillStyle填充颜色ctx.strokeStyle描边颜色ctx.rect(x,y,w,h)路径矩形ctx.fill()内容填充ctx.stroke()路径填充ctx.clearRect(x,y,w,h)清空区域arc(x, y, r, startAngle, endAngle, anticlockwise)圆弧a原创 2022-01-10 13:32:37 · 435 阅读 · 0 评论 -
h5学习笔记
h5什么是h5h5的好处h5新特性H5新增语义化标签什么是h5万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为它有更多样化和强大的网站和应用程序h5的好处提高可用性和改进用户的友好体验;有几个新的标签,这将有助开发人员定义重要的内容;可以给站点带来更多的多媒体元素(视频和音频);可以很好的替代FLASH;当涉及到网站的抓取和索引的时候,对于SEO很友好;将被大量应用于移动应用程序和游戏。h5新特性原创 2022-01-10 09:31:31 · 2246 阅读 · 1 评论 -
字符串,数组,Math,时间,对象等方法整理
JavaScript 字符串的方法主要用于存储和处理文本。字符串方法1.charAt()返回指定下标位置的字符。2.charCodeAt(): 返回指定下标位置的字符的unicode编码3.fromCharCode将 Unicode 编码转为一个字符:4.indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置5.lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。6.toLowerCase(): 把字符串转为小写,返回新的字符串。7.toUpperCase():原创 2021-06-09 09:34:29 · 318 阅读 · 0 评论 -
dom学习笔记整理
DOM1.DOM1.1什么是DOM2.DOM树2.1DOM树是什么3.获取元素的方法3.1通过id3.2通过class名3.3通过TagName3.4通过name3.5通过css选择器选择一个3.6通过css选择器选择多个4.节点4.1 节点的分类4.1.1 文档节点4.1.2 元素节点4.1.3 属性节点4.1.4 文本节点4.2 节点的三个属性4.2.1 nodeType(节点类型)4.2.2nodeName(节点名称)4.2.3nodeValue(节点值)1.DOM1.1什么是DOMDOM就是文原创 2021-06-10 19:54:48 · 383 阅读 · 2 评论 -
js事件学习总结
3.事件绑定3种事件什么是事件事件流捕获阶段目标阶段冒泡阶段事件委托事件处理程序1.HTML 事件处理程序2.DOM0级事件处理程序3.DOM2级事件处理程序4.IE事件处理程序5.兼容写法6.ie和普通绑定的区别什么是事件事件,就是文档或浏览器窗口发生的一些特定的交互瞬间比如点击事件、鼠标移入/移出事件等。事件流页面触发一个事件时,会按照一定的顺序来响应事件,事件的响应过程为事件流一般地,将事件流分为三个阶段:捕获阶段,目标阶段和冒泡阶段。捕获阶段捕获阶段:捕获阶段处于事件流的第一阶段,原创 2021-07-07 11:13:16 · 349 阅读 · 0 评论 -
Json和AJAX总结
Json和ajaxJson什么是jsonjson的语法格式json和XML的区别json数据方法(对象和字符串转换)字符串转对象 JSON.parse()对象转字符串 JSON.stringify()AJAX什么是AJAXAJAX运行原理AJAX的优点同步和异步同步处理异步处理XMLHttpRequest 对象form表单提交get 和 post的区别Json什么是jsonjson的全称为:JavaScript Object Notation,是一种轻量级的数据交互格式。 负责不同编程语原创 2021-08-12 11:43:25 · 258 阅读 · 0 评论 -
jquery学习笔记
jQuery什么是jq引用jq1.下载到本地2.引入网址通过CDN加载jq版本区别查看版本 $.fn.jquery入口函数window.onload$(function(){...})jq对象和js对象什么是jqjQuery 是一个 JavaScript 库。宗旨:Write less, do more. 写得少,做得多。特点:1.轻量级js函数库2.丰富的DOM选择器3.链式表达式,更简洁4.时间样式动画支持5.Ajax操作支持6.兼容优点:1.简约API用于操作DOM(API:应用程原创 2021-10-18 19:56:32 · 783 阅读 · 0 评论 -
CSS3知识总结
CSS3什么是css3浏览器前缀css3选择器边框圆角渐变径向渐变线性渐变文本和盒子阴影文字换行CSS3字体css3 背景倒影滤镜过渡2D装换3D转换动画1.指定动画2.使用动画flex布局多媒体查询怪异盒子多列布局什么是css3CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了, IE10以后也开始全面支持CSS3了。最需要注意的问题是各个浏览器原创 2021-12-15 17:00:38 · 1770 阅读 · 0 评论