- 博客(27)
- 收藏
- 关注
RSS订阅原创 前端table渲染优化 VXE-Table UI 实测2000条数据1s加载
当数据量过大，el-table渲染速度过慢的解决方案表格渲染前端优化
2024-06-21 16:21:58
607
原创 element+vue-cropper剪裁图片上传至服务器
安装npm install vue-cropper全局引入 main.jsimport VueCropper from ‘vue-cropper’Vue.use(VueCropper)代码 <!-- element 上传图片按钮 --> <el-upload class="upload-demo" action="" drag :auto-upload="false" :show-file-list="false" :on-change='changeUploa.
2021-09-23 10:15:52
292
1
原创 关于window系统redis安装目录找不到的情况
直接在此电脑中搜索，“redis-serve.exe”如果很慢，就先搜"redis",找到了过后再搜"redis-serve.exe",直接点击exe文件，即可启动。
2021-08-02 11:07:49
3841
原创 vue+node.js 实现图片上传到服务器
vue页面：<div> <input type="file" name="file" accept=".jpg, .jpeg, .png" @change="uploadAvatar"></div>methods中： uploadAvatar(avatar) { console.log(avatar.target.files[0]) let file = avatar.target.files[0] let d.
2020-12-07 16:40:10
1037
原创 mongoose连接失败
前几天都一直没问题，今天打开电脑突然发现node里面报错了开始下好mongodb的时候接着直接下载了mongoose，就没有启动过moongodb，这次不知道什么原因需要重新启动了找到moongodb文件的bin目录，然后在这个bin目录下直接打开cmd再找到数据库存储的数据文件（我的是这个）在cmd中输入 mongod --dbpath D:\data\db （后面 D:\data\db 是我存储数据库数据的文件夹）看到最后一排执行完了就可以连接moongose了...
2020-12-07 11:05:53
1170
2
原创 在vue中使用this.$refs.xx.style报错问题
一个比较常见的场景：在一个弹窗打开的时候立刻通过this.$refs来获取内容就会出现xxx is undefined的错误因为ref本身是作为渲染结果被创建的，在渲染的时候是不能访问的，因为他们还不存在！如果此时代码是需要这样来写代码，那么你可以在DOM渲染完毕后再进行获取this.$nextTick(() => { this.$refs.name... //DOM渲染完毕后就能正常获取了})转载自：在vue中使用refs总是报错undefined...
2020-12-03 21:57:03
6438
原创 前端关于axios请求获取到数据后无法在页面渲染（undefined）的问题
写了个购物车当页面渲染时就将数据库的数据显示到页面上，老是报错数据undefined本来最开始是在mount(){} 中写的请求，想到可能会是请求顺序原因（先渲染了页面再获取数据），所以改到了 create(){} 中还是不行，给一个同步请求也不行最后发现一个办法，在数据渲染之前，给一个 v-if=“data” ,让他请求到数据后再在页面渲染，最后成功了。...
2020-11-21 14:35:01
3921
1
原创 http-proxy 代理跨域
cors:优点：仅服务器端修改缺点：必须知道客户端具体的 ip 地址千万不要使用 * ，具体的请求 url : http:localhost:8080/服务器端：安装： npm install cors --save导入：app.js 中导入const cors = require("cors") app.use(cors({ orgin:[ // 允许跨域的客户端源头 'http:localhost:8080/' ,'http:localhost:..
2020-10-27 19:18:16
1891
1
原创 前端----懒加载
问题：单页面应用的致命问题：首屏加载极慢因为单页面应用默认必须在首次请求的时候把所有的页面组件都下载到客户端本地异步延迟加载（脚手架默认）暂时不要把除了首页之外的其他组件 import 引进程序中在路由字典中进行定义，只有当用户访问到某个组件的时候，才会冬天的引入这个组件router/index.js { path:"xxx", // 暂时不要把路径 引入项目 // 只有当用户访问到这个路径的时候，才会将路径的组件引入到项目中 component:()=&g
2020-10-27 15:54:58
257
原创 vue-cli 图片和第三方资源放的地方
assets下：将图片和第三方文件放入public文件夹下图片：所有图片可以放在public文件夹下面 但是不建议jQuery 和 bootstrap直接在 publix 下的 index.html 直接引入css 文件 / icon 图标 / 动画
2020-10-27 15:18:06
385
原创 vue 插槽slot
插槽什么是插槽slot？插槽（slot）是vue提出来的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显示不显示、怎样显示都是由父组件进行控制的，而插槽在哪里显示就由子组件来进行控制分类默认插槽 提示：通过slot在子组件中为将要设置的内容占位，在父组件中调用子组件的时候，在子组件的内容，向子组件传递slot占位的内容，slot所在的位置就是父组件要显示的内容 //父组件： <div id ="#app"&
2020-10-27 14:44:57
121
原创 mysql数据库
数据库1.什么是数据库数据可是以一定方式存储在一起，能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合，（以某种方式永久保存在磁盘上）1.1 数据的存储方式数据保存在内容数据在普通文件中保存：永久保存 ；缺点:增删改查数据比较麻烦，效率低数据保存在数据库中 ：永久保存，通过sql语句比较方便的操作数据库命令黑窗口：mysql -u root -p选择要操作的数据库 显示要操作的数据库: show database;使用数据库 use mysql;(mysql
2020-10-15 09:28:32
93
原创 vue入门
vue 官网：https://cn.vuejs.org/什么是vue？ vue是第三方开发的、渐进式、基于MVVM设计模式的、纯前端的js框架第三方：别人写好了的，我们直接下载渐进式：可以逐步在项目中引入vue的各项功能，同时可以与其他技术混用，但是不推荐混用。（只要不是使用框架，一律使用es5，不能使用es6）MVVM设计模式：传统前端三大部分：html（结构层）、css（表现层）、JavaScript（行为层）html 和 css 的功能都太弱了，对于页面发生的一切变化都需要J
2020-10-12 17:15:18
520
原创 HTML5 canvas视频弹幕
1.新建HTML界面<style> *{ padding: 0; margin:0; } .container{ width: 500px; height: 450px; position: relative; margin: 0 auto; } #cvs,#vdo{ position: absolute; top: 0; left: 0
2020-10-09 20:11:45
311
原创 HTML5新增语法
html5新增语法1.video简化版写法：兼容性差<video src="" controls> </video>视频标签标准语法（兼容处理） `<video> <source src="视频文件URL地址" /> <source src="视频文件URL地址" /> <source src="视频文件URL地址" /> 浏览器不支持视频的提示文本</video>`
2020-10-09 19:08:28
335
原创 微信小程序云数据库+云函数
话不多说，新建项目新建一个index页面2.操作云数据库增删改查（注意看代码中的注释，很多重要的东西都在注释里）//绑定数据库const db = wx.cloud.database({ env:"cyl1-8g3sdkd16a70bf0e"})add:function(){ //添加数据 add db.collection("student").add({ //data中是我们添加到数据库中的数据 data:{ u
2020-09-29 22:28:54
2133
1
原创 微信小程序实战教程
咱们为了节省时间，直接用vant weapp组件来1. 先创建一个新的文件夹 配置好vant weappvant weapp地址：https://youzan.github.io/vant-weapp/#/search1.点开miniprogram文件夹在终端中打开，在终端中输入“npm init”后，直接enter到最后，2. init操作完成后 输入“npm i @vant/weapp -S --production”3. 点开微信开发程序中的“工具” —>构建npm（构建完成后会有一
2020-09-29 15:15:43
783
原创 微信小程序开发基础组件
话不多说直接开干从微信公众平台下载微信开发者工具把cloudfunctions文件夹里面的文件删除完，把miniprogram文件夹里面的images文件夹里的图片删除完，把pages文件夹里的文件删除完，点开miniprogram的文件夹下面的app.json文件，将里面的pages数组删完。因为那些都是我们创建这个项目时自带的东西，我们把它们删除了就可以开始写我们的东西了。pages文件夹就是放的我们的页面，每个页面由一个文件夹组成，点开app.json文件夹，在pages数组里面写"pages
2020-09-25 19:49:37
349
原创 JavaScript 中的解决异步问题Promise
什么是promise？话不多说，我们直接来看下面的案例setTimeout(function(){ console.log("第一个");},3000)setTimeout(function(){ console.log("第二个");},2000)setTimeout(function(){ console.log("第三个");},1000)//最后会输出 第三个、第二个、第一个我们会发现我们的定时器从下往上进行执行了，这算是由于我们的js运行机制是单线程咱们来解决异步.
2020-09-24 19:13:04
297
原创 mysql数据查询
数据查询一. 简单查询#创建一个班级create table empname( empid int primary key, ename varchar(20) sex tinyint, clas varchar(20));create table emp( eid int primary key auto_increment,)#删除外键的时候要先删emp这个表才行#添加内容需要先添加到加了外键的另一张表中#添加数据 （新建一个查询insert）use shujuku;in
2020-09-24 11:55:05
125
原创 mysql语句使用
mysql的列类型数值型（引号可加可不加）整型tinyint 微整形samlint 小整型浮点型布尔型2. 日期时间型（必须加引号）datetimedatetime3. 字符串类型（必须加引号）varchar(M)char(M)text(M)SQL语句使用实例设置客户端连接服务器的编码set names utf8；判断数据库是否存在，如果存在就删除drop database if exists shujuku;drop table if exist
2020-09-23 14:26:14
95
原创 js事件绑定
e.target 和 this的指向e.target 返回的是触发事件的对象（元素），this返回的是绑定时间的对象//body <ul> <li>1</li> <li>2</li> <li>3</li> </ul>//scriptvar div = document.querySelector("div");div.addEventListener("click",
2020-09-22 22:20:17
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人