![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
累了要吃肉丶
哇啦哇啦!
展开
-
vue在methods方法中阻止冒泡。
vue在methods方法中阻止冒泡。原创 2024-01-15 10:31:49 · 630 阅读 · 0 评论 -
vue实现换肤功能
vue移动端实现换肤功能原创 2023-10-31 14:18:02 · 253 阅读 · 0 评论 -
css背景渐变色如何控制高度
css背景渐变色可以控制高度吗?原创 2023-10-19 14:11:36 · 1023 阅读 · 0 评论 -
前端拨打手机
前端拨号功能原创 2023-10-11 11:45:37 · 62 阅读 · 0 评论 -
echarts数据显示在饼图内部
var option = { tooltip: { trigger: "item", }, grid: { left: "20", right: "20", bottom: "25", top: "30", containLabel: true, }, legend: { bottom: "原创 2022-02-18 17:44:10 · 1474 阅读 · 0 评论 -
echarts饼状图legend 图例对齐
legend: { bottom: "bottom", formatter: function (name) { return "{a|" + name + "}"; }, textStyle: { color: "rgba(255,255,255,.5)", fontSize: "12", // 文字块背景色,一定要加上,否则对..原创 2022-02-18 17:23:07 · 2197 阅读 · 0 评论 -
事件委托如何获取子元素
console.log(e.target.innerHTML)//目标的文本 console.log(e.target.tagName)//目标的标签名 console.log(e.target.nodeName)//目标的节点名 console.log(e.target.id)//目标的id(标签不设置为空) console.log(e.target.className)//目标的类名(标签不设置为空)) console.log(e....原创 2022-02-18 14:51:35 · 1574 阅读 · 0 评论 -
深拷贝浅拷贝详解
手写深拷贝浅拷贝原创 2022-02-17 17:23:47 · 433 阅读 · 0 评论 -
vue使用自定义属性控制权限
vue 自定义指令,权限控制原创 2022-02-17 15:44:42 · 396 阅读 · 0 评论 -
vue路由划分模块并自动引入
router路由划分模块并自动引入原创 2022-02-17 14:24:47 · 658 阅读 · 0 评论 -
Promise 全部内容详解
Promise详解,,包括使用流程。常见方法等等原创 2022-02-11 15:53:51 · 2232 阅读 · 1 评论 -
前端必会面试题
闭包,浏览器输入url到渲染全过程,原型链 。promise等等面试题原创 2022-02-08 14:16:12 · 493 阅读 · 0 评论 -
用 CSS3 做一个三角形
用css3做一个三角形原创 2022-02-08 10:16:04 · 318 阅读 · 0 评论 -
Vue响应式原理详解
面试被问到《介绍一下Vue的响应式原理》如何回答Vue初始化时会调用initData()方法,方法内部会调用observe()方法对数据进行观测,observe()方法先判断data是否为对象,如果不是对象不进行观测。再判断是否已经被观测,没有被观测的话会new 一个Observer去观测对象。观测时又分为两种,对象的观测和数组的观测。如果观测的是对象,就会调用walk()方法,walk()方法会遍历所有对象并调用defineReactive方法,defineReactive方法会判断如果观测的值还是一个原创 2022-01-11 10:18:32 · 945 阅读 · 0 评论 -
简单的防抖函数
移动端使用better-scroll时,会存在图片只加载一半,无法滚动的问题,这是因为scroll会对可滚动区域进行计算,在图片未完全加载完毕时计算出来的高度比加载后的高度小很多,这时候就需要监听图片渲染完毕,每一张图片渲染完毕后都,调用scroll的refresh刷新方法对scroll进行刷新,但是这时候调用频率过高,就需要写一个防抖函数。原创 2021-12-30 10:36:19 · 468 阅读 · 1 评论 -
JavaScript 面试题(一)
js面试题原创 2021-12-28 15:07:59 · 336 阅读 · 0 评论 -
Vue 面试题(持续更新)
vue全部面试题,持续更新!!!原创 2021-12-27 15:53:49 · 778 阅读 · 1 评论 -
Vue3 vue.config.js设置px2rem、设置路径映射、设置Proxy解决跨域
Vue3 vue.config.js设置px2rem、设置路径映射、设置Proxy解决跨域原创 2021-12-27 13:47:56 · 438 阅读 · 0 评论 -
nodejs学习 node使用sequelize模块化分页查询
nodejs 使用sequelize模块化增删改查,分页查询原创 2021-12-22 10:23:37 · 1000 阅读 · 0 评论 -
node学习 expressjwt unless无效
node 使用express-jwt unless无效,图片无法查看原创 2021-12-20 16:44:18 · 2117 阅读 · 1 评论 -
nodejs学习(五)token验证踩坑
node token验证踩坑原创 2021-12-20 16:13:08 · 2897 阅读 · 0 评论 -
nodejs学习(二)nodejs+mysql简单登录注册
一、新建表user文件database文件夹下席间modles文件夹,并在modles文件夹下创建user.js文件const {Sequelize, sequelize} = require('../init.js')/** * * @params 表明 * @params 参数 * */const User = sequelize.define('user', { username: { type: Sequelize.STRING, validate:原创 2021-12-16 15:20:54 · 1580 阅读 · 0 评论 -
VSCode设置vue代码片段
点击左下角齿轮,点击用户代码片段创建vue.json文件{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inser原创 2021-12-15 18:36:58 · 190 阅读 · 0 评论 -
nodejs学习(一)nodejs+mysql搭建简单服务
使用nodejs和mysql搭建简单的后台服务原创 2021-12-07 15:46:30 · 1726 阅读 · 0 评论 -
h5软键盘弹出页面变形
可能是容器使用了display:flex导致的。去掉flex布局,试试去掉flex。原创 2021-11-01 10:03:45 · 599 阅读 · 0 评论 -
flex布局设置flex后容器被内容撑开
就和图片中的效果一样。容器大小是不确定的,要根据内容来决定。但是被内容撑开,使用word-wrap:break-word;强制换行文字和字母无效这时将盒子的width设置为 0 ,然后使用 flex样式,将宽度交给 flex 布局来决定,容器就不会被撑开 width: 0; flex: 1如果内容大小确定,flex-grow:0;//是否自动增长空间flex-shrink:0;//是否自动缩小空间...原创 2021-10-29 10:41:26 · 4844 阅读 · 0 评论 -
axios设置 application/x-www-form-urlencoded无效
三种请求方式的区别 Content-Type: application/json : 请求体中的数据会以json字符串的形式发送到后端 Content-Type: application/x-www-form-urlencoded: 请求体中的数据会以普通表单形式(键值对)发送到后端 Content-Type: multipart/form-data: 它会将请求体的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。设置后无效的原因是在这里插入代码片co原创 2021-10-27 13:48:31 · 1518 阅读 · 0 评论 -
axios return 为null
InsertInfoProject() { let that = this; let flag = ""; let param = { }; InsertInfo(param) .then((res) => { let data = { ...res.data, }; flag = true; }) .catch原创 2021-08-19 15:36:04 · 509 阅读 · 0 评论 -
vuex中mapState和mapActions
当有多个modules时 modules: { app, settings, user, project },使用 mapStateimport { mapState, mapActions } from 'vuex'这样就可以直接通过this.state获取出project模块中的statecomputed: { ...mapState('project', { state: state => state }) },原创 2021-08-12 16:54:06 · 220 阅读 · 0 评论 -
el-switch无法回显问题
当后台返回0或1时时,一定要设置下面两个属性,才能让开关正常回显。如果不设置就会出现后台返回的数据是0或1,但是当你打印后台返回的数据时,全部变成了false<el-switch v-model="scope.row.enable" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" //重要 :in原创 2021-08-11 10:04:26 · 3139 阅读 · 3 评论 -
vue使用element UI,分页组件是英文
安装element uinpm i element-ui -Smain.js文件引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n 引入中文 用于解决分页组件是英文的问题Vue.use(ElementUI, { locale })...原创 2021-08-10 17:21:28 · 459 阅读 · 0 评论 -
js文件中使用elementU
需要单独引入import { Message, MessageBox} from 'element-ui'原创 2021-08-09 14:59:41 · 197 阅读 · 0 评论 -
vue跨域
vue.config.js中的 devServer 加入如下代码devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, proxy: {//配置跨域 '/api': { target: 'http://localhost:8082',//这里后台的地址模拟的;应该填写你们真实的后台接口原创 2021-08-05 16:02:13 · 53 阅读 · 0 评论 -
Vue使用jQuery
main.jsimport jquery from 'jquery'window.$ = window.jQuery = jquery在要使用的地方直接 $即可例如$.ajax({ type: 'POST', url: 'http://localhost:8082/User/Login', dataType: 'json', data: { usercode: "111", passwor原创 2021-08-04 16:40:03 · 130 阅读 · 0 评论 -
‘nodemon‘ 不是内部或外部命令,也不是可运行的程序
全局安装 nodemon 包npm install -g nodemon原创 2021-06-16 12:11:46 · 544 阅读 · 0 评论 -
An unexpected error occurred: “ “.tgz: ESOCKETTIMEDOUT“.
yarn安装依赖包报错 An unexpected error occurred: “https://registry.npmjs.org/@ant-design/icons/-/icons-2.1.1.tgz: ESOCKETTIMEDOUT”.是因为网络不好导致的下载超时1、更改下载地址npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/di原创 2021-05-19 16:51:02 · 5771 阅读 · 1 评论 -
yarn的用法以及指令
yarn的安装步骤1、安装npm i -g -yarnYarn和npm命令对比2、测试是否安装成功yarn --vresion3、安装依赖 如vuecliyarn global add @vue/cli创建项目时就可以选择yarn模式了npmyarnnpm installyarnnpm install react --saveyarn add reactnpm uninstall react --saveyarn remove reactnp原创 2021-05-19 16:44:50 · 139 阅读 · 0 评论 -
cnpm : 无法加载文件
1、管理员运行vscode,项目根目录键入get-ExecutionPolicy提示如下,当前状态为受限Restricted2、执行set-ExecutionPolicy RemoteSigned可能会报错hell。要更改当前用户的执行策略,请运行 "Set-ExecutionPolicy -Scope CurrentUser"。+ set-ExecutionPolicy RemoteSigned+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ + Categor原创 2021-05-13 09:39:40 · 2940 阅读 · 0 评论 -
Node Sass version 6.0.0 is incompatible with^4.0.0
节点Sass 6.0.0版本与^4.0.0不兼容1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装4.0.0版本npm install node-sass@4.14.1这里可能会失败,原因是你安装的淘宝镜像的问题。(1)重装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org重装后重新执行第二步操作即可npm install node-sass@4.14.1原创 2021-05-13 09:31:12 · 48856 阅读 · 34 评论 -
Element-ui表单校验数字失效
一、表单校验只能为数字无效此时可以看到,输入内容是数字。但是还是检测出不符合规则。这时需要给v-model加上修饰符 v-model.number即可原创 2021-05-03 13:57:55 · 552 阅读 · 0 评论