- 博客(55)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue项目自测
打开dist目录下面安装http-server. 直接启动http-server，打开启动的地址查看打包是否成功。本地执行npm run test. / npm run build. 后。
2024-10-18 17:32:33
146
原创 微前端简单实用
bootstrap 只会在微应用初始化的时候调用一次，下次微应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。需要放在mount中，加载的时候再去挂载，不能一上来就加载 new Vue。应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法。qian kun渲染的时候给我门一个变量， window.浏览器的微服务，基座。生成的时候使用，卸载的时候清空。
2024-10-12 18:01:36
335
原创 Webpack
(1)Entry：定义webpack打包的入口文件，可以是单个文件或多个文件。(2)Output：定义打包后文件的输出位置和文件名。(3)Loader：用于实现对不同类型的文件的加载和转换，例如将ES6的代码转换为ES5的代码。(4)Plugin：用于扩展webpack的功能，例如压缩代码、拷贝文件等。(5)Mode：指定webpack的构建模式，可以是development、production或none。(6)Resolve：指定模块的解析规则，例如配置模块查找的路径、指定模块的别名等。
2024-09-19 16:22:37
787
原创 React
文字设置最大宽度时，超出隐藏，隐藏部分用﹉代替代码： text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
2024-09-19 16:18:00
851
1
转载 canvas文字横排与圆角矩形文字
参考地址 ：https://www.cnblogs.com/dyy-dida/p/14651882.html。2.创建圆角矩形与文字。
2024-07-11 16:14:52
93
原创 常见手写题目
1.搜索，就应该用防抖，当我连续不断输入时，不会发送请求；当一段时间内不输入了，才会发送一次请求；如果小于这段时间继续输入的话，时间会重新计算，也不会发送请求。在第一次触发时不会执行，而是在 delay 秒之后才执行，当最后一次停止触发后，还会再执行一次函数，比例滚动。在新对象内部创建一个 fn 函数，将 当前 this 赋值给 fn 函数。2.钮提交场景：防止多次提交按钮，只执行最后提交的一次。完成后将新对象中的 fn 函数删除（避免占用内存）调用新对象中的 fn 函数执行。1.改变 this 指向;
2024-05-10 17:53:43
469
原创 vue生命周期
包括创建阶段的setup()和onBeforeMount()，挂载阶段的onMounted()和onBeforeUpdate()，更新阶段的onUpdated()和onDeactivated()，以及销毁阶段的onUnmounted()onBeforeMount():与Vue2.x中的beforeMount()类似，表示组件在挂载到DOM之前的事件，它会在setup()函数执行之后执行。beforeCreate: //在实例生成之前会自动执行的函数。setup()和onBeforeMount()
2024-04-30 17:27:11
419
1
原创 pinia
pinia:2.0.11. npm install pinia@2.0.11Pinia采用去中心化的架构，每个模块拥有自己的状态、mutations和actions，而Vuex采用集中式的架构，将所有的状态存储在一个单一的全局状态树中，通过mutations和actions来修改和处理状态。类型支持。Pinia从设计之初就对TypeScript提供了原生的支持，提供了更好的类型推导和类型检查的支持，而Vuex需要使用额外的插件来实现TypeScript支持。Pinia在性能上进行了一些优化，采用
2024-04-30 11:26:43
529
转载 react setState
https://blog.youkuaiyun.com/WU5229485/article/details/104040942
2021-08-06 11:04:03
113
原创 vue 路由跳转清除定时器不起作用
在一个页面中定时器调用一个接口，切换别的路由时候定时器需要清空。是在mounted 和beforeDestroy做的不起用1.data中定义timers:null2.使用定时器调接口，摧毁时候清空定时器不起作用mounted () { this.timers = setInterval(() => { this.loadData() }, 30000) }, beforeDestroy () { clearInterval(this.timers).
2021-01-27 17:12:33
1620
原创 vue computed计算页面中传入的值
页面中： <span class="type">[{{ knowTypes(type.type) }}]</span>computed: { knowTypes () { return function (type) { let name switch (type) { case 'ZS': name = '知识' break .
2020-12-28 14:39:22
297
原创 pc端触底滑动-ScrollPageLoading
1.封装组件ScrollPageLoading.vue<template> <div> <div style="text-align: center;margin-bottom: 10px"> <a-spin v-if="loading" :spinning="loading" tip="正在加载，请稍后..."></a-spin> <span class="noData" v-else-if="cu
2020-12-28 14:38:10
443
原创 vue中使用video.js
标题1.首先下载Video。js2.引入：importVideofrom'video.js'3.页面中使用：<videostyle="display:none":id="'myVideo'+index"class="video-js":src="item.sourceUrl"controls...
2020-12-28 14:21:11
549
原创 图片为空时设置默认图片
vue data里面图片要是用require 引入，参数是errorimg errorimg:'this.src="'+require('@assets/plat/bk3.png')+'";this.onerror=null',页面中使用，判断是否为空，空的话给一个随便的值代表错误就会使用onerror <img:src="!item.image?'cdcd':item.image":onerror="errorimg"/>...
2020-12-28 14:12:28
882
原创 (vue - node - mongodb)比较好用的插件
1.vue-devtools 插件：平常的话检查代码使用的检查，这里可以使用查看路径组件等2.Json Formatter 格式化json代码3.vue-infinite-scroll :随着滚动条滚动 自动加载数据4.有时候再做node的时候每次写完代码都是node server/bin/www重新启动链接，只要有一次忘记重启代码就会报错不停的去找bug结果发现没错啊代码...
2019-06-19 11:09:03
272
原创 mongodb下express和node的基本使用
express的使用安装： 全局安装：cnpm i -g express-generator 安装后查看：express --version 生成server：express server 不使用jade，可以使用html， 1.需要安装 cnpm i ejs --save 2....
2019-06-18 10:52:00
136
原创 mongodb基础
用户创建：use testdb.createUser({user:'root',pwd:'123456',roles:[{role:'dbOwner',db:'test'}]})查看用户：db.getUser('root')创建demo表：use demo新建数据：db.user.insert1.({userId:101,userName:'jack',userAge:28,c...
2019-06-18 10:48:03
106
原创 html2canvas转图片问题
在同一页面生成的时候，首先js执行的数据到DOM后生成页面，然后canvas才能生成，如果是纯前端，就要知道图片什么时候才能完全加载出来，否则执行canvas生成的时候是少图片的。canvas用的html2Canvas生成，用到img.onload判断。还有canvas生成的时候会有一条线，可能是背景图的原因，把背景图片换成img标签就OK了。深入的清晰度转化还有待研究，这里只是做了一个简单的生成...
2018-08-17 11:51:09
2309
1
原创 调用微信接口中遇到的坑
1.下载jssdk和jsapi_tivket后，由于token每两小时会更新一次，一天之内有固定次数限制。当你获取微信个人信息之后进入页面再次刷新页面，页面就会报错，告诉token、过期，code获取不到。解决方法：token保存起来，这里用到的php语言，所以使用session保存起来。2.放到服务器端，有时候会加载页面的图片什么失败，由于微信接口会配置一个文件txt，这时候看服务器端是否给了这...
2018-06-12 18:29:04
2772
原创 微信小程序navigateTo不起作用
遇到过微信小程序wx.navigateTo不起作用的原因：1.app.json里tabBar里面的list使用的pagePath跟wx.navigateTo路径一样的话不起作用，实现不了跳转。2.可以使用wx.switchTab和和wx.redirectTo来代替，但是有一定的不同；3.wx.switchTab是唯一能跳转到 tabBar 页面，而wx.switchTab却只能
2017-12-19 15:02:58
16808
1
原创 checkbox 子级父级联动
1.点击父级取消，子级全部取消；2.点击任意一个子级checked，父级自动checked；3.里面的value的值和内容自己根据情况修改，我这里是从后台拿到的数据；'+L2Source[i].name+' <input type="checkbox" class="ziji checkSource" value="'+L2Sourc
2017-08-16 17:03:06
941
原创 js file上传图片并显示出来
1.首先给个img点击上传的图片，让input隐藏。并且定位到img地方；2.div 传递的参数是input的id，input 展示传递的参数是div的id； js://-------
2017-08-16 16:44:16
6497
原创 前端文字超出部分省略号代替
设置最大宽度时，超出隐藏，隐藏部分用﹉代替代码： text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
2017-03-02 15:14:00
4274
原创 js按钮全选反选
var oBtn1 = document.getElementById('button1'); var oBtn2 = document.getElementById('button2'); var iN = document.getElementById('checkbox'); var aLL = document.querySelectorAll('li inp
2016-10-06 23:42:49
426
原创 js轮播图
.box{ width: 408px; height: 304px; background: gray; margin: auto; padding-top: 4px; } .p
2016-10-06 23:40:43
230
原创 隔行变色
div{ width: 500px; height: 600px; } ul{ list-style: none; } li:nth-child(2n){
2016-10-06 23:33:16
245
原创 选择想要出现的图片张数
ol{ } li{ list-style: none; float: left; width: 150px; height: 150px; b
2016-10-06 22:29:54
366
原创 无缝轮播图
//这里用到了iconfont ，首先去图标库下载iconfont用到的左右图标//css*{ padding: 0; margin: 0;}li{ list-style: none;}.promo{ width: 520px; height: 280px; border: 3px solid #000;
2016-10-06 20:49:38
264
原创 for循环点击
ol{ list-style: none; margin-left: 300px; overflow: hidden; } ol li{ width: 50px;
2016-10-05 22:24:05
445
js 农历、公历互转以及二十四节气
2024-06-26
projects.rar
2019-06-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人