日周月-日总结 - 随笔分类(第2页) - youyi2016

vue中滚动事件绑定的函数无法调用问题

摘要：问题描述：一个包含下拉加载的页面，刷新当前页然后滚动页面，能够正常触发滚动事件并调用回调函数，但是如果是进了某一个页面然后再进的该页面，滚动事件能够触发，但是回调函数在滚动的时候只能被调用一次。关键代码：包含下拉加载的页面中，mounted中绑定scroll，在beforeRouteLeav 阅读全文

posted @ 2018-10-11 08:39 youyi2016 阅读(492) 评论(0) 推荐(0)

vue中mounted中无法获取到dom元素

摘要：一、解决方案：加上异步setTimeout，延迟获取dom的代码的执行任务： 1、搞清楚vue中dom的渲染过程 2、vue技术揭秘：深入响应式原理代码分析（https://ustbhuangyi.github.io/vue-analysis/reactive/reactive-object.h 阅读全文

posted @ 2018-10-10 21:13 youyi2016 阅读(13160) 评论(0) 推荐(1)

记使用vue-awesome-swiper遇到的一些问题

摘要：一、vue-awesome-swiper的使用 1、在项目中全局引用引入之后，在文件中直接使用 2、在组件中局部文件中导入注册组件 html中的写法和全局引入时的一样二、问题 1、swiper外加了v-if，无法读取this.$refs,也就是通过this.$refs无法拿到swiper对象阅读全文

posted @ 2018-09-29 20:01 youyi2016 阅读(1128) 评论(0) 推荐(0)

Javascript之数组遍历

摘要：一、遍历数组的几种方式 1、for...in遍历数组，会遍历数组的索引和数组原型上的对象 2、for循环直接遍历 3、迭代器：forEach（遍历数组中所有的值，并忽略回调函数返回的值）、every（一直运行直到返回false）、some（一直运行直到返回true）等遍历 4、for...of直接遍阅读全文

posted @ 2018-09-24 10:25 youyi2016 阅读(136) 评论(0) 推荐(0)

记一次包含iframe的需要滚动的元素不能滚动到底部的问题

摘要：一个包含上头部、下部模块（包含左右两边模块：侧边栏、内容区域）的页面前提条件，内容区域： 1、元素高度需要自适应屏幕高度 2、里面内容足够长时，可以滚动 3、包含了一个iframe嵌入的内容很长的页面问题：不要滚动内容区域时出现双滚动条解决方案： 1、内容高度设置为body的高度-头部高度阅读全文

posted @ 2018-09-19 10:57 youyi2016 阅读(846) 评论(0) 推荐(0)

元素等比缩放解决方案

摘要：一、元素等比缩放解决方案包含内容的元素使用绝对定位布局，利用元素的padding的百分比属性去设置元素的高度。 padding可以设置的值： 1、长度，非负的固定宽度 2、百分比，相对于父元素的宽度。阅读全文

posted @ 2018-09-18 15:03 youyi2016 阅读(362) 评论(0) 推荐(0)

元素高度自适应屏幕高度解决方案

摘要：一、js实现 body标签高度设置为100%，通过resize事件监听浏览器的大小改变，动态设置元素高度为body高度。二、css实现 calc计算高度，值得注意的是calc中运算符+／-两边必须留空格才能被解析为正确的表达式。 calc规则：除以零会导致HTML解析器生成错误。在+与-运营商阅读全文

posted @ 2018-09-18 14:18 youyi2016 阅读(727) 评论(0) 推荐(0)

有趣的background

摘要：前言 background是css的简写形式，可以一次性定义各种背景属性，包括color、image、origin、size，repeat方式等等。 background在活动项目中用的还是比较多的，例如布局图片、画具有规则图案的边框（类似虚线框的样式）等等。 background-color和ba 阅读全文

posted @ 2018-08-24 19:28 youyi2016 阅读(184) 评论(0) 推荐(0)

正则表达式系列

摘要：前言：在日常项目开发中，正则的使用场景还是很多的，常见的使用场景： 1、给当前的地址栏添加参数 2、获取地址栏的参数 3、验证表单格式：手机号验证、邮箱的验证、保留两位小数的值的验证等等等，学会正则，能极大的提高我们在项目开发中解决问题的效率。什么是正则表达式？正则表达式是记录文本规则的代码阅读全文

posted @ 2018-08-21 16:53 youyi2016 阅读(235) 评论(0) 推荐(0)

基于element-ui的多选下拉框和tag标签的二次封装

摘要：前言：今年这大半年我主要负责公司的后台教务管理的开发，这个管理系统目前主要是给公司的内部人员去配置公司的核心项目（例如：熊猫小课）的所有数据，例如课程的配置、课程期数的配置、课程版本的配置、活动的配置、课程安排表、管理员的权限配置、物流的管理、退款管理、学员咨询管理等功能。因为一开始这个教务系统的阅读全文

posted @ 2018-08-17 15:11 youyi2016 阅读(5927) 评论(1) 推荐(1)

2018第一篇碎碎念

摘要：不知不觉博客园都注册了3年多了，但实际做技术并没有这么久。 2016年大三下学期，老师的推荐意外在武汉接触到前端，现在想起来我还是我们班上最早接触到前端的人，而如今一晃，转眼间接触前端也算2年多了。而自己如今，和自己班上的做技术的同学一比较，自己并不是跑在第一位的那个人，相反自己却远远比很多要晚加入阅读全文

posted @ 2018-08-15 19:22 youyi2016 阅读(118) 评论(0) 推荐(0)

webscoket通信初步（一）

摘要：只要动手做起来，多投入时间和精力、耐心去研究，以大多人的智商加google，平时遇到的大部分问题我们都是可以自己解决的，大部分的知识我们都是可以掌握的。我们都知道http协议是单向请求的，无法实现双向通信，它只能从客户端发送请求，然后服务端再响应请求，无法做到服务端主动向客户端去推送消息。尽管可阅读全文

posted @ 2018-06-08 15:09 youyi2016 阅读(292) 评论(0) 推荐(0)

限制input输入字符数（中文2个字符，英文1个字符）

摘要：input的maxlength可以限制input的输入的字符数，但是是字符串的长度，相当于判断str.length;然而经常会有中文字符算2个字符英文算1个字符的需求，目前只能通过编写代码来实现。限制长度的代码：注：当同时要满足失去输入框焦点保存输入框数据，又要满足回车保存输入框数据时，回车之后阅读全文

posted @ 2018-03-15 19:55 youyi2016 阅读(1668) 评论(0) 推荐(0)

vue之后台管理系统遇到的几个痛点

摘要：杂七杂八的一些日总结 1、vue（最）合理的处理表单提交和初始化表单数据显示的方式对于表单处理，繁琐的一个地方就是当出现多个下拉选择的表单框的时候，我们需要进行多次将选择的文本去换对应的id值的操作，然后传给后端。对于表单中的选择框的数据格式，在获取数据时，后端应该直接返回id，而不是对应的文本阅读全文

posted @ 2018-02-05 23:46 youyi2016 阅读(543) 评论(0) 推荐(0)

正则表达式

摘要：写些日总结，记录当天遇到的一些问题限制表单的输入，只能输入正整数或是保留两位小数的数以上为vue代码，当表单输入的值改变，就用match方法匹配值的格式，匹配成功match会返回一个数组，不成功会返回null，返回成功之后数组中的第一个值就是匹配成功的字符串，显示到表单输入框中，如果输入的值没阅读全文

posted @ 2018-01-31 23:53 youyi2016 阅读(189) 评论(0) 推荐(0)

Una

公告

随笔分类 - 日周月-日总结