HsuVenChing-CSDN博客

原创 CSDN代码高亮以及显示复制（最简单的操作）

CSDN带有两种编辑器：分别是HTML编辑器以及Markdown编辑器，两者没有太多的区别，就是在于发布后的显示。刚开始在CSDN写文章的你，可能也和我一样遇到了一个显示问题，为什么别人的文章写出来是彩色系的，而自己却是黝黑黝黑的颜色。我的：&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&a

2018-10-27 11:24:19 3936 5

原创 uniapp动态自定义导航栏，动态修改后无法再次点击的解决方案

这种方式在进入页面mounted中动态修改时点击按钮依然能调用事件，第一种是修改后即失效了。

2024-07-16 15:31:52 236

原创 Web前端面试题及答案 vue

由于本人使用的技术是以vue为主，所以面试官相应的会以vue为开始提问Vue生命周期答：Vue有四个生命周期，分别是beforeCreatecreated (创建前后)beforeMountmounted(挂载前后)beforeUpdateupdated (更新前后)beforeDestroydestroyed(销毁前后）哪个生命周期发生了数据变化在创建前数据和视图都不会进行更新；创建后视图层没有渲染，但数据层已经开始更新，这里是最早操作data数据的地方，可以...

2021-05-11 15:38:59 460

原创小程序数据请求成功，返回图片却403解决方案

出现这种情况是因为防盗链解决方案：403解决方案

2021-04-27 18:38:30 470

原创微信小程序的父子传值，最容易看懂的图文讲解~

这个点击事情是子组件的点击事件changeModal 是子组件通过this.triggerEvent 传递过来的事件我们在父组件中绑定这个事件名绑定子组件传递的事件和变量this.triggerEvent 和 this.$emit一样的，一个是小程序的，一个是Vue的通过这个属性来通知外界你执行了某个事件...

2021-04-24 12:30:34 209

原创 Vue，小程序，js数组数据类型，多层嵌套循环

教程链接

2021-04-15 17:14:14 235

原创 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 1333

原创 css边框渐变background: linear-gradient和边框圆角border-radius问题

今天在布局的时候，有一处需要同时用到border-image和border-radius。但这两个刚好不能同时使用，会照成border-radius无法正常生效。经过同事指定，网上也有类似教程，可能本人笨吧，没咋看明白。直接上代码通过使用padding设置border使用background替换border线性渐变效果（一开始我按照其他教程去做，其实能做出来，却是有一处自己有个样式没处理好，导致以为不完美。按照别人教程做的时候，一定要看清自己代码结构）<!DOCTYPE

2021-03-12 15:44:59 2102

原创 es6-模板字符串

<h3>模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式</h3> <P>多行字符串</P> <p>字符串插入变量和表达式。变量名写在 ${} 中可以放入JavaScript表达式</p> <p>字符串中调用函数</p> <script> let strin.

2020-12-31 09:12:28 112 1

原创 es6-解构赋值

<h3>解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配然后对其中的变量进行</h3><p>数组解构</p><p>对象解构</p><p>传统方式与es6对比（控制台查看）</p><script> let a =1,b=2,c=3 console.log(a,b,c); // es6 let [x,y,z] = [1,2,3].

2020-12-31 09:11:04 73

原创 es6-对象扩展运算符

<h3>扩展运算符（...）用于取出参数对象所有可遍历属性然后拷贝到当前对象。</h3><p>拷贝对象</p><p>合并对象</p><script> let person1 ={name:'amy',age:15} let someone = {...person1} console.log(someone); let age ={age:15} let name = {.

2020-12-31 09:10:04 149 1

原创 es6-方法简写

<h3> 方法的简写比传统方式少些括号</h3><script> //传统 const person1 = { sayHi:function(){ console.log("hi"); } } person1.sayHi(); //es6 const person2 ={ sayHello(){ cons..

2020-12-31 09:07:14 466

原创 es6—变量声明

<h3>es6变量声明与传统声明方式区别</h3><p>var 声明变量没有局部作用域</p><p>let 声明的变量，存在局部作用域</p><p>var 可以声明多次</p><p>let 只能声明一次</p><p>const声明常亮（只读变量）</p><p>声明之后不允许改变</p><p>声明必须初始化，.

2020-12-31 09:06:25 67

原创 es6—箭头函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><h3>箭头函数提供了一种更.

2020-12-31 09:05:21 127

原创 element使用 el-tree树形结构文字超出解决方案

树形当文字超出设定宽度时，无法正常显示使用标签的title属性进行深度作用

2020-12-10 20:26:34 6120 1

原创路径正常的写法

路径的写法： ./ 当前目录 …/ 父级目录 / 根目录

2020-12-08 14:35:30 171

转载 Vue开发中常使用的插件

插件描述

2020-11-30 20:42:28 135

原创 Vue注册插件和组件的方法

//方法可以用来注册组件或者插件vue.use()。只要传入一个install()方法既可以注册install(Vue,option){}可以通过几种方式来自定义开发Vue.$loading = … //直接挂载在Vue类上Vue.propertype.$loading = … //直接挂载在Vue原型链上，可以通过this.$loading调用Vue.component()//注册一个全局组件Vue.directive()//注册全局指令Vue.mixin()//全局混

2020-11-30 20:24:30 879

原创 v-model表数据进行编辑时存在的问题

今天同事反馈的一个问题

2020-11-26 18:06:15 382

原创 vue父子传值和element表格数据问题

今天在处理业务时，出现了一个数据格式不匹配问题业务需求是点击其中一条数据，返回数据详情，使用Dialog弹出。我是通过表格的形式去显示出来，但是这里有个问题就是，我请求后端接口得到的数据是一条对象数据，而表格需要接收的数据是数组。父组件父组件中引入并注册子组件import showview from './showview'components: { search, TableTools, setfrom, showview },然后在父组件页面中定义并使用定义 Preview: {

2020-11-25 18:33:38 666

原创开发中如何确定问题是前端或后端的事情

在开发过程中，无法正确定位是前端问或是借口问题时的解决方法：1.浏览器查看console.log数据返回2.浏览器查看network数据请求是否正常3.若其中接口是根据某个id执行的，可先通过log返回的数据进行记录id，再使用接口通过postman去单独检测该id返回的数据来定位问题出现在那一环节。也同使用数据库查看该数据是否得到正常处理。...

2020-11-24 20:58:39 1060

原创 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 1006

原创 Vue创建全局样式管理器

多人协作的时候，因无法提前沟通好相同组件内的样式，可使用Vuex进行创建全局全局样式使用在store中的modules创建一个**styleSetting.js**文件根据需要统一的样式进行编写styleSetting.js 文件 const state = { // 表格头部搜索栏是否展开 - 是 searchOpen: true, // 树形组件是否展开 - 是 treeExpand: true, // elementUI表单控件大小 - mediu...

2020-11-23 16:27:45 239

原创 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 1974

原创数组对象该怎么获取某个值

今天在处理接口时，后台返回的数据格式是这样的展开后是这样我需要获取其中的name值，并赋值给el-select框我们在select框绑定选择后的值 bindingId.selectUser下拉框绑定 Userkey 其中index为key,item为值（即在下拉框中显示的中文字符）把获取的名字双向绑定给 bindingId.selectUser把bindingId.selectUser传给接口去查找对应数据，最后定义一个map空对象来等待存储数据forEach() 方法用于调用数组的每

2020-11-18 16:04:00 11202

原创在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 688

原创 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 8230 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 792

Ching | Blog