- 博客(16)
- 收藏
- 关注
RSS订阅原创 使用elementUI的select，当没有匹配的时候默认显示value值；
使用elementUI的select，当没有匹配的时候默认显示value值；问题：多处页面用到了相同的选择，为避免多次请求接口，选项列表存到了localstrage中，对选项增删改时，更新localstrage。但是有些时候后端接口返回的value值，已经删除了，localstrage中无法匹配到对应的label，回显显示value值。解决：在公用表单组件中，如果type为select，循环localstrage的数组，如果没有匹配到的，设置该表单值为空```javascriptthis.item
2021-10-18 10:10:39
2772
原创 01学习React -- 新建项目
第一步：npm install -g create-react-app；第二步：create-react-app react-cli-demo；当执行到这里时报错了；create-react-app不是内部或外部命令,也不是可运行的程序“我的电脑”------“属性”------“高级系统设置”------“环境变量” -----“PATH” 增加node_global的路径，重启小黑窗就可以了。走过一些弯路，有看到重设npm全局安装路径的，试了还是报这个错误。...
2021-06-16 10:12:42
122
原创 学习openlayers - 01基本搭建
对于地图（Map）的渲染，必须由一个或者多个图层（Layers&Sources）、一个地图（View）以及一个目标容器（DIV层实现）；var map = new ol.Map({ // 实例化Map对象 // view层主要控制用户与地图的最基本的交互，比如缩放、平移、设置中心点、地图显示级别 view: new ol.View({ center:[0,0], // 中心点 zoom:1 // 级别 }), layers:[ new ol.layer.Tile({ //
2021-06-07 15:15:28
186
转载 简述一下Vue与微信小程序的区别？
一、生命周期函数不一样：- 微信小程序为onLoad：页面加载，onShow：页面显示，onReady：页面初次渲染完成，onHide：页面隐藏，onUnload：页面卸载。- Vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。beforecreate、created适合做网络请求、beforemout更新data、mouted、beforeupdate、updated、beforedestory、destroyed。二、数据请求时间不一样
2021-06-07 10:34:18
3380
原创 MVC和前端中的MVVM之间的区别
1.MVC是后端的分层开发概念；M，Model层，处理数据的CRUD；V，View层，一般看作前端页面；C，Controller业务逻辑层（路由也是一部分，登录、注销等业务逻辑）；2.MVVM是前端视图层的概念；主要关注于视图层分离，也就是说：MVVM把前端的视图层分为了三部分，Model，VM（viewmodel），View；ps：来自于听了B站某位大佬的教程...
2021-03-04 10:54:06
312
1
原创 应届时前端开发面试总结
1.如何解决跨域问题1你是怎么解决跨域问题的？什么是跨域？跨域是浏览器的同源策略引起的。是指页面所请求的url地址必须与浏览器的url地址处于同域上（域名、端口、协议相同）。这是为了防止某域名下的接口被其他不同域的网页非法调用，是浏览器对js施加的安全限制。如何解决跨域问题？① jsonp因为在html中script的src是不限制同源的。当链接的资源到达浏览器时，浏览器会根据他...
2019-06-30 13:00:53
318
原创 VUE的生命周期函数（钩子函数）
VUE的生命周期函数（钩子函数）生命周期函数的优势每个 Vue 实例在被创建时都要经过一系列的初始化过程。生命周期钩子的函数，给了用户在不同阶段添加自己的代码的机会。例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗。① beforeCreatebeforeCreate：组件实例刚被创建，在组件属性计算之前,例如data属性（即不能使用属性、数据和方法）。在这里去...
2019-05-27 20:47:47
222
原创 VUE过滤器（时间格式化）
VUE过滤器<div id='app'> <p>{{bir|birTo_age}}</p> <p>{{bir|birTo_age2}}</p> <p>{{create_at|sinatime_userUI}}</p></div><script> //全局 Vue.filter...
2019-05-23 23:33:20
181
原创 VUE的计算属性与监听属性
vue计算属性methods与computed的区别computed是属性调用，而methods是函数调用；computed带有缓存功能，而methods不是；我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。可以...
2019-05-23 23:21:02
406
原创 事件冒泡与事件捕获
事件冒泡与事件捕获事件冒泡与事件捕获：与标签嵌套有关系（文档树），与实际视图的位置（呈现树）无关。假如标签是父子关系，而我们在设置css样式时，在界面用定位两者并没有重合部分，但是他们仍然因为是父子关系，存在事件冒泡与事件捕获。事件捕获：事件从最不精确的对象开始触发，然后到最精确的对象。事件冒泡：顶层对象是windows。事件按照从最特定的事件目标到最不特定的事件对象的顺序触发。如果事件...
2019-05-23 20:46:43
178
原创 常见的VUE事件修饰符
VUE事件修饰符v-on的修饰符@click.capture 与事件冒泡的方向相反。比如以前的事件是从子元素到父元素触发，而现在捕获阶段触发，则会从父元素到子元素。如同JS原生代码中addEventListener中的第三个参数设为true，即为捕获阶段触发。@click.stop阻止事件冒泡@click.prevent阻止默认事件，比如在（锚点、表单中）会自动跳转、提交事件。@cli...
2019-05-23 13:34:45
288
原创 新浪微博如何申请API
第一步：进入新浪微博开放平台https://open.weibo.com/第二步：登录个人新浪账号并接入移动开发平台第三步：创建新应用第四步：点击基本信息并保存APP Key和App Secret之后会用到 第五步：点击高级信息，填回调页。直到这里前期准备工作就OK啦~第六步：点击文档，并点击微博API，滑到图二视图第七步：请求授权拼接url，比如：https:/...
2019-05-22 20:16:04
1375
1
原创 VUE中的v-for（参数顺序）
v-for作用：v-for指令用于循环遍历显示一个数组或者对象 。v-for嵌套<div id="app"> <div class="movie" v-for="obj in movies"> <p>{{obj.name}}</p> <p>{{obj.year}}</p> <p>{{obj....
2019-05-22 19:44:28
2524
原创 VUE中的v-model（对比单向数据绑定和双向数据绑定）
v-modelv-model指令用来在input、select、text、checkbox、radio等表单控件元素上创建双向数据绑定的。根据控件类型v-model自动选取正确的方法更新元素 。 <div id="app"> 账号：<input type="text" name="userid1" id="userid1" :value="useri...
2019-05-22 10:46:13
1590
原创 VUE全局组件、私有组件
vue组件vue两大思想：数据驱动界面、组件思想组件必须在vm对象创建之前注册组件（全局） Vue.component("bts",{ template:"<div><h1>this.mytitle</h1><p>bts</p></div>", data:function (){ return {myti...
2019-05-22 10:09:13
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人