- 博客(15)
- 收藏
- 关注
RSS订阅原创 2021-06-25
element el-table的嵌套多级表头顺序问题 最近项目里需要使用element的表格, 而且数据比较复杂, 多级表头, 数据都是后端动态来的, 包括表头的数据和表体的数据.前端只能通过遍历数据生成表格数据. 然后遇到一个问题: 动态生成的数据, 嵌套的列并没有按照预期的顺序排列, 查了些许资料, 有说是因为el-table-column的key的原因,这种情况, 可以解决普通表头的排序.嵌套的多级表头不起作用. 实际原因是因为在自己封装的column组件里面, 除了使用el-table-c
2021-06-25 10:55:01
237
原创 简单的实现双向数据绑定
双向数据绑定的简单实现对于数据的双向绑定用起来是真的便捷,但是一直不理解其中的原理,经过一番学习,终于有所收获,记录下来,仅供自己复习首先需求: 界面上有输入框和一个P标签,自己实现基本的双向数据绑定界面代码很简单,如下 :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
2020-05-20 13:09:36
1662
原创 Vue图片加载失败处理方法
Vue项目中 img 加载失败场景:有些时候后台返回图片地址不一定能打开,所以这个时候应该加一张默认图片// page 代码<img :src="imgUrl" @error="handleError" alt=""><script>export default{ data(){ return{ imgUrl:'' } }, ...
2019-10-16 13:51:09
3622
转载 socket.io Api记录(转载)
socket.io Api记录(转载)服务端io.on(‘connection’,function(socket)); // 监听客户端连接,回调函数会传递本次连接的socketio.sockets.emit(‘String’,data); //给所有客户端广播消息io.sockets.socket(socketid).emit(‘String’, data);//给指定...
2019-03-01 15:41:20
354
原创 记录websocket实现多页面聊天
记录websocket实现多页面聊天最近学习websocket,大佬给我布置了作业,让我做一个多页面聊天的demo.然鹅,真的websocket只听说过没用过,咋搞.没办法,还是得做.至于wensocket的原理及方法我这里就不班门弄斧了,自己还处于学习阶段,就记录下我这个demo的实现过程.首先,需求:1,客户端登录之后,与服务端简历socket连接,并且显示在线的好友;2,点击好友可以给指...
2019-03-01 11:48:41
2089
转载 如何在 GitHub 上找到你要的代码?
如何在 GitHub 上找到你要的代码?* 本文内容纯粹转载,只为个人记录.花开两朵，各表一枝。我们今天想要聊的并不是 GitHub 多么厉害，而是你怎么能把 GitHub 用得很厉害。你在 GitHub 上搜索代码时，是怎么样操作的呢？是不是就像这样，直接在搜索框里输入要检索的内容，然后不断在列表里翻页找自己需要的内容？或者是简单筛选下，在左侧加个语言的过滤项。再或者改变一下列表...
2019-02-26 09:08:11
4623
转载 微信小程序使用字体图标(仅供个人记录使用)
微信小程序使用字体图标(转载)项目中常常需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。第一步：下载需要的字体图标进入阿里图标官网http://iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为：搜索“购物车”图标—>点击“添加入库”–>点击购物车进入购物...
2018-12-27 13:56:19
490
原创 Vue 使用proxyTable 实现反向代理原理的初步理解
关于Vue 项目中使用proxyTable 解决跨域的一点理解本人是前端小白一枚,之前的vue项目中使用过proxyTable 来接解决跨域的问题,今天就自己的一点理解做个记录,方便日后查看:首先,既然存在跨域问题,那么常用的解决方式之一就是方向代理,使用webpack初始化的vue项目里有一个config文件夹,其中的index.js内有一个配置项 proxyTable 就是用来解决跨域的问...
2018-12-26 10:39:02
11786
转载 Promise.all和Promise.race
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。let p2 = new Promise((resolve, reject) => { resolve('success')})let p3 = Pr...
2018-12-13 14:58:07
86
原创 小程序WXS 实现过滤器
小程序WXS 实现过滤器1.新建WXS文件:这个文件的格式必须是wxs的,不能直接新建js文件.wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致在新建的wxs文件内添加过滤器代码:var format = function (text){ if(!text){ return } var reg = getRegE...
2018-12-11 17:36:18
710
原创 关于vue中子组件使用
vue中定义子组件以及在其他组件中使用记载首先 ，定义一个子组件,然后把它暴漏出去。例如 定义一个name为 btns的子组件：&lt;template&gt; &lt;button&gt;111111&lt;/button&gt;&lt;/template&gt;&lt;script&gt;export default {
2018-10-26 17:25:28
1731
原创 关于避免浏览器记住密码以及自动填充密码
关于避免浏览器记住密码以及自动填充密码项目中需求：因为在账号登录之后，浏览器有自动记住密码以及自动填充密码的机制，导致在下一次登录的时候，浏览器会提示自动填充密码，虽然是浏览器的机制，但是出去安全考虑，还是要解决这个问题。在尝试了N多种方法之后，得到了解决，具体的方案如下，以供自我记录：<input type="password" autocomplete="new-password"...
2018-10-12 10:36:02
725
转载 根据浏览器标签页的切换来改变标签页的title
根据浏览器标签页的切换来改变标签页的title看到一个很有意思的HTML5事件，visibilitychange事件在当前网页在可见和不可见之间变换的时候调用，比如用户正在刷微博，刷到一半切去看视频了，这个时候微博就能通过visibilitychange发现用户没有看自己了，可以根据实际需要暂停请求或者一些别的操作，等用户切回来的时候继续加载。通过document的hidden属性可以判断标签...
2018-09-27 18:28:39
1524
转载 angular 之间不同的组件间传值与通信的方法
angular 之间不同的组件间传值与通信的方法父子组件之间的通讯方法使用事件通讯(EventEmitter, @output):场景：可以在父子组件之间永勋，一般用在子组件传递消息给父组件步骤：子组件创建事件 EventEmitter 对象，使用@output公开出去父组件监听子组件@output出来的方法，然后处理事件代码：//child组件@Component({ ...
2018-09-26 10:45:48
7515
转载 NG学习笔记
angular路由纯属个人学习笔记以便以后查阅。首先要添加路由模块，通常定义为 AppRoutingModule，通过CLI指令生成：ng generate module app-routing --flat --module=app–flat 把这个文件放进了 src/app 中，而不是单独的目录中。–module=app 告诉 CLI 把它注册到 AppModule 的 impor...
2018-09-21 11:25:12
392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人