![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
HsuVenChing
愿我十八岁所爱之人是六七十岁身旁所伴之人
展开
-
Web前端面试题及答案 vue
由于本人使用的技术是以vue为主,所以面试官相应的会以vue为开始提问Vue生命周期 答:Vue有四个生命周期,分别是beforeCreatecreated (创建前后)beforeMountmounted(挂载前后)beforeUpdateupdated (更新前后)beforeDestroydestroyed(销毁前后) 哪个生命周期发生了数据变化 在创建前 数据和视图都不会进行更新; 创建后视图层没有渲染,但数据层已经开始更新,这里是最早操作data数据的地方,可以...原创 2021-05-11 15:38:59 · 463 阅读 · 0 评论 -
小程序数据请求成功,返回图片却403解决方案
出现这种情况是因为 防盗链解决方案 :403解决方案原创 2021-04-27 18:38:30 · 473 阅读 · 0 评论 -
微信小程序的父子传值,最容易看懂的图文讲解~
这个点击事情是子组件的点击事件changeModal 是子组件通过this.triggerEvent 传递过来的事件我们在父组件中绑定这个事件名绑定子组件传递的事件和变量this.triggerEvent 和 this.$emit一样的,一个是小程序的,一个是Vue的 通过这个属性来通知外界你执行了某个事件...原创 2021-04-24 12:30:34 · 214 阅读 · 0 评论 -
Vue,小程序,js数组数据类型,多层嵌套 循环
教程链接原创 2021-04-15 17:14:14 · 235 阅读 · 0 评论 -
Vue控制CSS文字只显示前几位
一开始以为给点宽度,溢出的隐藏和显示... overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 180px;但需求似乎并不想这样显示,而是精确显示前几位使用数组截取前6位再添加...,虽然别扭了点,但好歹也算是满足需求了吧 {{item.nick.length > 6? item.nick.substr(0, 6) + '...': item.nick }}...原创 2021-04-09 11:31:35 · 1341 阅读 · 0 评论 -
css边框渐变background: linear-gradient和边框圆角border-radius问题
今天在布局的时候,有一处需要同时用到border-image和border-radius。但这两个刚好不能同时使用,会照成border-radius无法正常生效。经过同事指定,网上也有类似教程,可能本人笨吧,没咋看明白。直接上代码通过使用padding设置border使用background替换border线性渐变效果(一开始我按照其他教程去做,其实能做出来,却是有一处自己有个样式没处理好,导致以为不完美。按照别人教程做的时候,一定要看清自己代码结构)<!DOCTYPE原创 2021-03-12 15:44:59 · 2125 阅读 · 0 评论 -
路径正常的写法
路径的写法: ./ 当前目录 …/ 父级目录 / 根目录原创 2020-12-08 14:35:30 · 172 阅读 · 0 评论 -
v-model表数据进行编辑时存在的问题
今天同事反馈的一个问题原创 2020-11-26 18:06:15 · 384 阅读 · 0 评论 -
element弹框嵌套被遮挡
当同一个地方同时出现两个弹框时,第二个弹框会被第一个弹框蒙版遮罩住。冥思苦想了好久,终于找到应对方法了。如果dialog弹出嵌套是出现在同一组件中,我们可以使用分别放置两个弹框,而不是嵌套着。 <el-dialog :visible.sync="Showtext" :title="tinymce_Title" :append-to-body="Tobody" width="800px" @close="closeDia"> <p>第一个弹框</p>&原创 2020-11-24 19:50:39 · 1009 阅读 · 0 评论 -
Vue创建全局样式管理器
多人协作的时候,因无法提前沟通好相同组件内的样式,可使用Vuex进行创建全局全局样式使用在store中的modules创建一个**styleSetting.js**文件 根据需要统一的样式进行编写styleSetting.js 文件 const state = { // 表格头部搜索栏是否展开 - 是 searchOpen: true, // 树形组件是否展开 - 是 treeExpand: true, // elementUI表单控件大小 - mediu...原创 2020-11-23 16:27:45 · 239 阅读 · 0 评论 -
Vue+ElementUI创建全局组件方法及调用
创建全局Loading方法在做项目的时候,我们在很多地方需要使用到Loading效果,虽然Element有携带,可直接按照案例使用,但是感觉过于麻烦了。全局文件夹创建完成后,需在main.js中导入并声明注册//main.js文件//引入import Global from './globalFun'//声明注册Vue.use(Global)我们在Vue项目里的src中创建一个存放全局方法的文件夹,“globalFun”,里面包含modules文件夹和index..原创 2020-11-20 18:40:50 · 1975 阅读 · 0 评论 -
数组对象该怎么获取某个值
今天在处理接口时,后台返回的数据格式是这样的展开后是这样我需要获取其中的name值,并赋值给el-select框我们在select框绑定选择后的值 bindingId.selectUser下拉框绑定 Userkey 其中index为key,item为值(即在下拉框中显示的中文字符)把获取的名字双向绑定给 bindingId.selectUser把bindingId.selectUser传给接口去查找对应数据,最后定义一个map空对象来等待存储数据forEach() 方法用于调用数组的每原创 2020-11-18 16:04:00 · 11207 阅读 · 0 评论 -
在vue中如何编写保存自动格式化的Eslint规则
自动格式化Eslint规则带有注释,更能明白每个参数的作用,可直接复制代码使用。如果不生效,可能是你没有安装Eslint插件,或项目没有集成Eslint。可通过:全局安装npm install -g eslint然后进行初始化eslint --init最后会在项目根目录下生生一个 eslintrc.js 文件{ /**** author Ching **** */ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detect原创 2020-11-12 20:19:12 · 689 阅读 · 0 评论 -
Element表单一行多列布局问题
ElementUI在使用表单的遇到的问题在使用表单时候,想让两个表单处于同一行,但是不想使用inline,因为使用inline会导致所以表单都是并排显示,宽度不高换行。不美观且达不到原型图要求。后使用el-col,完美解决这个问题,但却发现表单输入框无法聚集输入值了,后来才发现el-col需要搭配el-row以前使用。<el-row> <el-col :span="10"> <el-form-item label="标题"> <el-in原创 2020-11-12 14:21:59 · 8245 阅读 · 4 评论 -
Vue的api端口号问题
项目场景:Vue后台管理系统问题描述:一大早上班,发现项目npm run dev,启动报错504。这让本来就菜鸡的我更是雪上加霜了//类似报错信息[HPM] Error occurred while trying to proxy request /login/ from 127.0.0.1:8080 to http://127.0.0.1:8081 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_er原创 2020-11-12 12:07:28 · 794 阅读 · 0 评论 -
Vue 点击父组件显示子组件,反之隐藏子组件,显示父组件。
问题:一开始父组件显示,子组件隐藏。点击父组件按钮,父组件隐藏自身,子组件显示。点击子组件按钮,子组件隐藏,父组件显示解决办法:父组件引入子组件,并注册,绑定相关变量和值。父组件下的代码showTable为隐藏显示整个父组件引入子组件,并注册子组件showList为隐藏显示整个子组件声明需要使用或传递的变量子组件上绑定showList,初始值为false,即为隐藏子组件。同时双向绑定showList该值,并绑定一个方法parEvn...原创 2020-11-12 11:55:23 · 3821 阅读 · 0 评论 -
JavaScript学习记录之基本语法
JavaScript的组成:1.完整的JavaScript是由ECMAScript(语法)、Browser Object(DOM、BOM)特性组成。函数的声明方式:1.普通声明方式原创 2018-10-26 22:56:32 · 161 阅读 · 0 评论 -
JavaScript学习记录之js算数操作符
学习目标:1.什么是表达式表达式:将同类型的数据(如常量、变量、函数等),用运算符号按一定的规则连接起来,有意义的式子称为表达式。 (简单的说就是±/*以及比较的运算)2.JavaScript操作符的分类算数操作符加:+减:-乘:*除:/取余:%&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head原创 2018-10-31 15:37:23 · 188 阅读 · 0 评论 -
学习并理解Vue的生命周期
每个实列被创建之前都需要经过一系列初始化,而这个初始化过程就是Vue的生命周期!生命周期示图:code:&amp;amp;lt;script src=&amp;quot;https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js&amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;&原创 2018-11-29 17:59:01 · 128 阅读 · 0 评论 -
JavaScript DOM事件基础
什么是事件:事件就是文档或浏览器窗口发生的一些特定的交互瞬间DOM查找: document.getElementById('id') docum.getElementsByTagName('tag')document.getElementById(‘id’) 语法 作用 返回值 说明 ...原创 2018-12-11 01:31:44 · 189 阅读 · 0 评论 -
JavaScript学习记录之JS数据类型
JavaScript原创 2018-10-29 14:32:28 · 186 阅读 · 0 评论