- 博客(54)
- 收藏
- 关注
RSS订阅原创 mac安装mysql之后报错zsh: command not found: mysql ！
在Mac上安装MySQL后，如果终端中找不到mysql命令，通常是 因为MySQL的命令行工具（如mysql客户端）没有被正确地添加到你的环境变量中。添加mysql的环境变量 /usr/local/mysql/bin 为之前查找到的mysql的安装位置。，输入i键进行插入，esc键退出，最后:wq去保存这个文件。3.修改.bash_profile 文件。5.再次运行mysql看是否配置成功。文件不存在，通过以下指令创建。
2025-03-12 21:31:14
599
原创 grid布局，flex布局实现类似响应式布局的效果
flex布局对于最后一行的的子元素个数不足上一行的子元素个数时，它的子元素也会占满本行，导致最后一行的子元素宽度变大。添加空白元素，使得最后一行的元素与前面的元素同宽。
2024-01-24 16:12:52
915
原创 websocket实现聊天室（vue2 + node）
server下面建立index.js文件，package.json里面配置命令，npm run dev启动。
2024-01-21 17:48:08
947
原创 van-uploader上传图片报错Invalid handler for event “load“(在uniapp编译)
主要原因这里使用的vant版本是2.13.0的，在Hbuild里面运行的项目，vant插件在这里会有部分组件有兼容问题，（van-image，van-uploader等）。：主要是要实现图片上传功能，可以使用uniapp自带的上传组件（
2023-10-26 14:24:07
1616
原创 table表格 新增顶部滚动条el-table(elment-ui), Table(iview)
需求：增加顶部滚动条，方便查看表格里面隐藏在后面的数据1. el-table(elment-ui) 的实现方法table表格上面添加一个div,外层设置为100%，内层div(内容区域)设置为table内容宽度 <!-- 顶部滚动条 --> <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrol
2022-05-20 11:27:56
2780
3
原创 el-upload上传多张图片 可预览，图片上传做压缩element-ui
项目里面涉及图片上传的功能，要图片可以预览，上传的时候图片大了要做压缩图片上传以及预览<Form-item label="图片详情" prop="imageUrl"> // Form-item 做了图片必传校验；不需校验不用写 <el-upload class="avatar-uploader" :action="action" // 必选参数，上传的地址 :headers="headers" list-type="picture-c
2022-05-18 09:54:05
1528
原创 JS获取当前时间戳与时间戳转日期时间格式
一、获取当前时间的时间戳(三种方式)const t1 = new Date().valueOf() // 第一种，推荐const t2 = new Date().getTime() // 第二种，推荐const t3 = Date.parse(new Date()) // 第三种，不推荐，精度差一些注： new Date()得到的是一个时间对象const times = new Date() // Sat Apr 16 2022 11:07:38 GMT+0800 (中国标准时间)二、
2022-04-16 11:32:28
57065
原创 ES6的常规用法与便捷使用
一、解构赋值获取一个对象里面的属性的值const obj = { A:1, B:2, C:3, D:4, E:5,}const { A,B,C,D,E } = obj || {}注意： 解构赋值的时候要保证obj不能为null，undefined,要不然会报错。一般的处理就是给它设置一个默认值 {}。解构赋值重命名var obj = { A: “libai”,};var { A } = objvar { A: A2 } = obj
2022-04-06 10:30:23
909
2
原创 安装node-sass与node js 冲突
问题：报错提示node-sass与当前环境的node.js版本不符合，我这里的node js 版本是14.15.0我开始 yarn命令 安装所有依赖的时候也报错了，也是提示版本问题，后面发现 node.js 14.15.0的版本其实没问题解决方案一首先在package.json里面移除"node-sass"和"sass-loader" (在devDependencies里)安装所有的依赖 yarn 或者 npm install单独重新安装 node-sass和sass-loader，ya
2022-03-25 16:56:30
1858
2
原创 yarn的安装与配置以及yarn命令无效的原因
下载与安装1. 官网安装yarn官网地址2. 使用npm命令安装在此之前必须已经安装了 node 和 npm( node 自带 npm)，NodeJS 安装及环境配置/*全局安装yarn*/ npm install -g yarn配置1、环境变量配置环境变量其实原理很简单，就是把你安装的文件目录添加到 Path 系统变量中，这样在执行的时候就能够找到这些文件。所以只需要把下面的路径（安装路径）添加到 Path 中即可。选中到bin目录即可。yarn命令无效的原因1、目录选择错误
2022-03-17 22:25:08
15965
1
原创 2022前端高频面试题（持续更新中）
一、HTML部分1、html5的新特性H5相关二、CSS部分1、盒子模型盒模型的组成，由里向外content,padding,border,margin。在IE盒子模型中，width表示content+padding+border这三个部分的宽度。在标准的盒子模型中，width指content部分的宽度。 box-sizing: content-box 是W3C盒子模型 box-sizing: border-box 是IE盒子模型...
2022-03-06 14:13:53
409
5
原创 JavaScript数组去重的方法
方法一：遍历数组( for of )，配合indexOf方法var list = [1,3,9,6,6,9] function quchong () { const newList = [] for(let value of list) { if(newList.indexOf(value) == -1){ newList.push(value) } } return newList } console.log(qu
2022-03-02 23:01:20
201
原创 VScode中自定义代码模板
文件 > 首选项 > 新建全局片段文件 > 文件取名2.配置模板，里面有三个属性不能乱改；prefix ，body，description3.最后在文件里面输入 prefix:属性对应的名字（我这里是 temp）,按下回车就是会显示模板内容了...
2021-10-21 18:02:15
266
原创 表单自定义校验获取的value为undefined(element ui)
表单自定义校验先看一段官网代码(取了一小部分)：<el-form :model="ruleForm" :rules="rules"> <el-form-item label="年龄" prop="age"> <el-input v-model.number="ruleForm.age"></el-input> </el-form-item></el-form> export default { data(
2021-09-06 16:49:34
7958
5
转载 对象的key值进行排序(js)
function objKeySort(arys) {//先用Object内置类的keys方法获取要排序对象的属性名，再利用Array原型上的sort方法对获 取的属性名进行排序，newkey是一个数组var newkey = Object.keys(arys).sort(); //console.log(‘newkey=’+newkey);var newObj = {}; //创建一个新的对象，用于存放排好序的键值对for(var i = 0; i < newkey.length; i+
2021-08-25 16:34:17
6816
转载 vue中的深度监听（监听一个对象的全部属性、监听一个对象的一个属性）
<div> <p>obj.a: {{obj.a}}</p> <p>obj.a: <input type="text" v-model="obj.a"></p></div> new Vue({ el: '#app', data: { obj: { a: 66, b:'总' } }监听一个对象的全部属性： watch: { obj:
2021-06-12 09:52:47
2745
转载 vue生命周期（超详解！）
在Vue官网上一篇讲到了Vue实例以及它的生命周期，这里我将实例生命周期的图截了下来如下：我们可以看到在Vue实例的整个生命周期中，会有八个生命周期钩子函数提供给我们，方便我们在不同时期进行不同操作，八个钩子函数如下：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed先一起来看看下面代码的打印结果：<!DOCTYPE html><html>
2021-06-11 18:39:38
620
原创 父子组件，非父子组件传值（组件传值必看！）
一：父组件向子组件传值：father：<template> <father> <son :message="msg"></son> (message动态绑定msg数据，必须v-bind:动态绑定) </father></template><script>export default { data(){ return { msg: "父亲" } }}<
2021-06-07 00:46:35
268
转载 CSS3新特性（面试必看！）
一、新选择器：E:nth-child(n) 选择器匹配其父元素的第n个子元素，不论元素类型，n可以使数字，关键字，或公式E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素E:frist-child 相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应E：frist-of-type 相对于父级做参考，“特定类型”（E）的第一个子元素E：empty 选择没有子元素的每个E元素E:target 选择当前活动的E元素::selection 选择被用户选取的元素部分属
2021-06-05 14:49:24
549
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人