JavaScript
HsuVenChing
愿我十八岁所爱之人是六七十岁身旁所伴之人
展开
-
Web前端面试题及答案 vue
由于本人使用的技术是以vue为主,所以面试官相应的会以vue为开始提问Vue生命周期 答:Vue有四个生命周期,分别是beforeCreatecreated (创建前后)beforeMountmounted(挂载前后)beforeUpdateupdated (更新前后)beforeDestroydestroyed(销毁前后) 哪个生命周期发生了数据变化 在创建前 数据和视图都不会进行更新; 创建后视图层没有渲染,但数据层已经开始更新,这里是最早操作data数据的地方,可以...原创 2021-05-11 15:38:59 · 444 阅读 · 0 评论 -
小程序数据请求成功,返回图片却403解决方案
出现这种情况是因为 防盗链解决方案 :403解决方案原创 2021-04-27 18:38:30 · 455 阅读 · 0 评论 -
微信小程序的父子传值,最容易看懂的图文讲解~
这个点击事情是子组件的点击事件changeModal 是子组件通过this.triggerEvent 传递过来的事件我们在父组件中绑定这个事件名绑定子组件传递的事件和变量this.triggerEvent 和 this.$emit一样的,一个是小程序的,一个是Vue的 通过这个属性来通知外界你执行了某个事件...原创 2021-04-24 12:30:34 · 194 阅读 · 0 评论 -
es6-模板字符串
<h3>模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可 以在字符串中加入变量和表达式</h3> <P>多行字符串</P> <p>字符串插入变量和表达式。变量名写在 ${} 中 可以放入JavaScript表达式</p> <p>字符串中调用函数</p> <script> let strin.原创 2020-12-31 09:12:28 · 109 阅读 · 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 · 69 阅读 · 0 评论 -
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 · 143 阅读 · 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 · 457 阅读 · 0 评论 -
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 · 65 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 875 阅读 · 0 评论 -
v-model表数据进行编辑时存在的问题
今天同事反馈的一个问题原创 2020-11-26 18:06:15 · 378 阅读 · 0 评论 -
Vue创建全局样式管理器
多人协作的时候,因无法提前沟通好相同组件内的样式,可使用Vuex进行创建全局全局样式使用在store中的modules创建一个**styleSetting.js**文件 根据需要统一的样式进行编写styleSetting.js 文件 const state = { // 表格头部搜索栏是否展开 - 是 searchOpen: true, // 树形组件是否展开 - 是 treeExpand: true, // elementUI表单控件大小 - mediu...原创 2020-11-23 16:27:45 · 231 阅读 · 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 · 1944 阅读 · 0 评论 -
数组对象该怎么获取某个值
今天在处理接口时,后台返回的数据格式是这样的展开后是这样我需要获取其中的name值,并赋值给el-select框我们在select框绑定选择后的值 bindingId.selectUser下拉框绑定 Userkey 其中index为key,item为值(即在下拉框中显示的中文字符)把获取的名字双向绑定给 bindingId.selectUser把bindingId.selectUser传给接口去查找对应数据,最后定义一个map空对象来等待存储数据forEach() 方法用于调用数组的每原创 2020-11-18 16:04:00 · 11170 阅读 · 0 评论 -
Vue 点击父组件显示子组件,反之隐藏子组件,显示父组件。
问题:一开始父组件显示,子组件隐藏。点击父组件按钮,父组件隐藏自身,子组件显示。点击子组件按钮,子组件隐藏,父组件显示解决办法:父组件引入子组件,并注册,绑定相关变量和值。父组件下的代码showTable为隐藏显示整个父组件引入子组件,并注册子组件showList为隐藏显示整个子组件声明需要使用或传递的变量子组件上绑定showList,初始值为false,即为隐藏子组件。同时双向绑定showList该值,并绑定一个方法parEvn...原创 2020-11-12 11:55:23 · 3711 阅读 · 0 评论 -
JavaScript学习记录之基本语法
JavaScript的组成:1.完整的JavaScript是由ECMAScript(语法)、Browser Object(DOM、BOM)特性组成。函数的声明方式:1.普通声明方式原创 2018-10-26 22:56:32 · 156 阅读 · 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 · 181 阅读 · 0 评论 -
学习并理解Vue的生命周期
每个实列被创建之前都需要经过一系列初始化,而这个初始化过程就是Vue的生命周期!生命周期示图:code:&amp;amp;lt;script src=&amp;quot;https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js&amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;&原创 2018-11-29 17:59:01 · 125 阅读 · 0 评论 -
JavaScript DOM事件基础
什么是事件:事件就是文档或浏览器窗口发生的一些特定的交互瞬间DOM查找: document.getElementById('id') docum.getElementsByTagName('tag')document.getElementById(‘id’) 语法 作用 返回值 说明 ...原创 2018-12-11 01:31:44 · 185 阅读 · 0 评论 -
JavaScript学习记录之JS数据类型
JavaScript原创 2018-10-29 14:32:28 · 184 阅读 · 0 评论