- 博客(15)
- 收藏
- 关注
RSS订阅
原创 微前端框架之乾坤【qiankun】 vue3+vite+qiankun（手把手搭建版）
简介:qiankun是一种微前端框架，可以将多个前端应用集成为一个整体。每个子应用可以使用不同的框架和技术栈，它们之间可以相互独立开发和部署,qiankun提供了一套完整的生命周期函数和通信机制，可以让不同的子应用之间进行跨框架和跨域的通信和交互。
2024-07-17 08:38:10
1100
原创 canvas 入门
canvas 三大要素 id：作为唯一标识 width:画布内容宽度的像素大小 height：画布内容高度像素大小 cavas仅仅是画布标签,要绘制内容 必须使用js绘制绘制文字 <canvas id="canvas1" width="600" height="600" height="600"></canvas> <script type="text/javascript"> var canvas1 = document.query
2021-12-29 22:36:27
392
原创 对象基础知识
创建对象的方式1，字面量var info = {name: “kobe”,age: 40,height: 1.98,eating: function () {console.log(this.name + “吃东西”);}}2，通过构造函数var obj = new 函数名();function Person(name,age,address){this.name=namethis.age=agethis.address=addressthis.eating=functio
2021-12-27 22:14:22
174
原创 js严格模式
在全局或者局部加上 ”use strict“1,禁止意外创建全局变量message=“hello world”console.log(message) 直接报错2,不允许函数有相同的参数名称function foo(x,y,x){console.log(x,y,x)}foo(1,2,3)3,静默错误true.name=“abc”NaN=1234,不允许使用原先的八进制格式var num=-0123console.log(num) 报错 不允许八进制5,with语句不允许使用
2021-12-26 20:18:54
374
原创 纯函数-函数柯里化-组合函数
纯函数定义:当一个函数在相同的输入值事,产生相同的输出并且函数不会产生副作用，比如修改了全局变量,修改参数或者改变外部的存储;var names=[“a”,“b”,“c”]var newNamenames.slice(0,3) 不会改变原数组 slice ->this 就是一个纯函数splice(2)调用时 改变了原数组,就不是一个纯函数作用：1，防止输入的内容被任意篡改,并且自己确定的输入,一定有确定的输出javascript柯里化定义:只传递给函数一部分参数来调用它，让它返回一个函数
2021-12-26 19:54:50
338
转载 uni-app实现h5文字复制
copy(item) { let url=item; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象;...
2021-09-29 16:19:48
209
原创 vue中使用iview table组件完成列合并
vue中使用iview table组件完成列合并使用技术vue2 iview html css使用工具:HBuilder X实现功能:将拥有相同父元素名称合并,实现多个子元素在一个父名称下展示外部引入:vue:iview:css https://unpkg.com/view-design/dist/styles/iview.cssiview:js https://unpkg.com/view-design/dist/iview.min.js功能效果核心代码:<!DOCTYPE
2021-07-26 19:53:34
567
原创 XML
xml代表可扩展标记语言,它的作用是传输和存储数据xml用来存储和传输数据,关注点在存储数据,html展示数据XML DOMXML DOM 即XML文档对象模型,是w3c组织定义的一套操作XML文档对象的APIapp.get(’/xml’, (req, res) => {res.header(‘content-type’, ‘text/xml’);res.send(‘11112222’)});...
2021-04-20 03:18:00
135
原创 ajax全局事件以及RESTful API
.ajaxStart() 当请求开始发送触发ajaxComplete()当请求完成时触发$(document).on(‘ajaxStart’,function(){})$(document).on(‘ajaxComplete’,function(){})前端:
2021-04-20 03:00:43
113
原创 JSONP同源限制问题
代码function jsonp (options) {// 动态创建script标签var script = document.createElement(‘script’);// 拼接字符串的变量var params = ‘’;for (var attr in options.data) {params += ‘&’ + attr + ‘=’ + options.data[attr];} // myJsonp0124741 var fnName = 'myJsonp' +
2021-04-20 02:14:01
132
原创 formData
总代码: Document </form><script> var btn=document.getElementById('btn') //获取表单 var form=document.getElementById('form'); //为按钮添加点击事件 btn.onclick=function() { //将普通html表单转换为表单对象
2021-04-19 13:55:52
63
原创 AJAX入门
1-创建AJAX对象var xhr=new XMLHttpRequest();2-请求方式xhr.open(“get”,“http://localhost:3000/ajax”)3-发送请求xhr.send()4-获取服务器端响应到客户端的数据xhr.οnlοad=function(){console.log(xhr.responseText)}app.get(“ajax”,(res,req)=>{res.send(字符串，或者对象)返回的都是json字符串})JSON.
2021-04-17 01:43:32
120
原创 es5新增类与方法
什么是面向对象面向过程 POP 分析出问题所需要的步骤，然后一步一步调用面向对象就是把事务分解成一个个对象封装~继承—多态类与对象的关系万物皆对象 对象是一组无序的相关属性和方法的集合class Start{constructor(uname){this.uname=uname}sing(song){alert()console.log(this.uname+song)}}var ldh=new Start(“刘德华”)console.log(ldh.uname)
2021-03-30 21:00:28
97
原创 关于移动端无缝滚动轮播图的总结
**核心代码window.addEventListener(‘load’,function(){//插件防止点击延迟if (‘addEventListener’ in document) {document.addEventListener(‘DOMContentLoaded’, function() {FastClick.attach(document.body);}, false);}// 获取元素var focus=document.querySelector('.focus');
2021-03-27 01:55:13
326
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人