![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
polmJ
乐于发掘生活中的新事物,以不让生活枯燥为终生目标
展开
-
javaScript:页码实现
javaScript:页码实现在js页面实现数据分页(假设:每页显示n条数据,当前页码为page)后台响应数据:1、数据总个数 2、page*n~page*n+n条数据显示信息 html:<div class="page"></div>css:.page { float: left; width: 100%; height: 5%;}.page ul{原创 2017-12-11 18:53:52 · 5323 阅读 · 2 评论 -
vue.nextTick
决定写一系列关于vue机制或语法的文章,先写简单的,慢慢补充学习参考文章:https://www.jianshu.com/p/a7550c0e164fVue.nextTick( [callback, context] )参数:callback:function; context : object用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取...原创 2019-03-18 15:49:31 · 100 阅读 · 0 评论 -
面试题总结(工作经验1年,应聘前端开发)
通过漫长的找工作之旅,终于定下来了。怎么说呢,过程很艰苦,结局是美好的。下个月入职,享受最后休闲的时光,总结一下所遇到的前端面试题。。。。下面的我会慢慢补充并且把罗列的问题对应的答案一点一点整理起来基础:(我基础太差,恶补了一段时间,还是不行。。。。所以,就算上班了,还是要看看基础,不能专顾手头的工作)html:关于html,会问一下html5新增了哪些特性,又淘汰了哪些特性。增加:查...原创 2019-04-23 12:35:41 · 3020 阅读 · 0 评论 -
vue: 动态表单实现(单问题线)
vue: 动态表单实现(单问题线)这个是工作中的一个需求,当然需求比较浅,适当的扩展实现了一下,写个博客记录一下当下的逻辑思想需求如上图,简单来说就是一个select选择不同的答案,后面可以会多出不同的题目。然后就是问题块的概念,一堆问题,这些问题同时间出现且没有先后顺序,则为一个问题块,一个问题块中的一个select的选择,可能触发另一个问题块的出现。需求需要解决的点:逻辑结构不定,...原创 2019-06-10 14:24:21 · 1141 阅读 · 0 评论 -
vue: 动态表单实现(多问题线)
vue: 动态表单实现(多问题线)之前写了一篇单问题线,这次写的是多问题线的逻辑思想。如图,所谓的多问题线就是若问题块1的select1选了A,select2选了A,则会出现问题块3和问题块5,此时问题块3和问题块5是同级的,且不在一个问题线上,所以该次答题,至少有两条线上的答案需要获取。这种情况下,上次的逻辑思想就无法解决该情况,就有了一个新的解决思路来解决,并且能解决多问题线的思路必能...原创 2019-06-10 15:31:10 · 418 阅读 · 0 评论 -
组件优化的两三事(一):动态注册组件
组件优化的两三事(一):动态注册组件最近在研究组件,现研究心得是组件最基本的优化是使它可以做到可延展性。关于可延展性,我认为就是当一个组件已经做好,后期可以可以不断加功能,加功能的前提使不会影响前期功能,并且希望加功能所涉及的到问文件尽可能的少,最好做到我们只需要加上一个新的文件用来实现新功能,其他不做改动。所以说,若要做到上述的要求,首先一个问题就是组件的注册。新功能的组件若想加到已有组...原创 2019-06-18 10:37:32 · 375 阅读 · 0 评论 -
组件优化的两三事(二):input块组件优化
组件优化的两三事(二):input块组件优化最近在写一个动态表单的组件,可见文章 vue: 动态表单实现(单问题线)在写该组件时,我在开始所想实现的的是每个组件达到最小块,再将块组合到表单中。但在实现时,若我把input封装成一个组件,页面实现是没有问题的,但在该组件的答案获取确实一个极大的问题。关于子组件向父组件传值,我们最通常用的也是最先想到的就是使用$emit,但这首先有个前提是子组件...原创 2019-06-18 11:14:18 · 240 阅读 · 0 评论 -
LeetCode 两数相加
最近为了练习js代码的熟练度,开始刷LeetCode。“两数相加“ 算是一个比较基本的题,值得关注的一点就是,这里的输入样例是两个链表。。。注意哦,是链表不是数组,这一点让我做了好久,因为他展示出来的样例太像数组,而且我也从没在js上用过链表,所以就默认数组做了半天,返回都是undefined = =先贴一下题目(刷中文题还是很爽的):这里的 链表 的构造函数,是已经事先规定好的:/**...原创 2019-07-03 10:45:34 · 106 阅读 · 0 评论 -
关于数组的 fill 的一个发现
Array.fill 用法 ———— 初始化Array.fill 方法可以帮我们将数组快速初始化,但前提,数组中每项是一样的。let arr = (new Array(5)).fill(0) // [0, 0, 0, 0, 0]初始化的类型可以是:number、string、null但不建议是:object、array原因如下图,js中的数组对象赋值,其实是很表面,只是将变量指向数...原创 2019-07-03 10:52:54 · 533 阅读 · 0 评论 -
axios:blob的回应类型,却拿到json格式
mock 带来的大坑:项目中的下载原理是前端规定responseType为blob,后端传来文件的二进制流,前端转成blob进行下载。之前都是正常的,昨天测了一个下午都失败了,前端拿来的数据变成json格式,并不是规定好的blob类型。。。最后才发现是因为项目被我引进了mock,关掉就好了个人感觉,是mock拦截所有的请求(不管他是不是被mock的接口),将返回数据类型统一转了json格式...原创 2019-07-11 14:35:09 · 3865 阅读 · 1 评论 -
下载.csv文件,excel打开乱码
下载.csv文件,excel打开乱码功能:下载csv文件,并查看环境:前端axios请求,后端java语言遇到的问题:下载后的文件用office excel打开乱码,wps及其他正常后端解决方式: 将编码改为gbk编码前端解决方式: 就很麻烦了,如下第一步:将blob格式的type改为’text/csv’,再进行下载如果不做这一步,进行导入csv的话,excel会出现如图错误原因...原创 2019-07-11 15:17:55 · 1071 阅读 · 0 评论 -
百度地图初使用
最近在做app,不过用的是公司的特殊框架,不是开发移动端的原生语言有一个需要地图的地方,遵循厉害的老板的建议,选择了百度地图。。当然百度地图有很好的开发文档和实例,但是再清楚对于第一次用的我来说都是不清楚,开发的问题还是要总结一下功能需求:1、显示当前定位2、搜索地址定位3、移动地图,定位中心点结果图:使用百度地图的准备操作:1、申请百度账号、密钥(我用的是web端的,密钥的应用...原创 2019-03-15 15:20:10 · 268 阅读 · 0 评论 -
Vue + framework7笔记
首先附上Vue + framework7的开发文档:http://framework7.io/vue/Smart Select问题描述:select数据是通过绑定放上去的,出现了两个问题:一 数据初始化后,默认答案没有显示二 数据选择后只显示option的text值,无法拿到value解决方法:在select上用v-model=&quot;good_id&quot;进行数据的绑定&amp;lt;f7-c...原创 2019-03-07 10:29:32 · 983 阅读 · 0 评论 -
一个经过思考的页面布局
页面内容应有版权关系我就随便拿一张图和文字代替了页面要求:动态页面,所有人物图片、文字介绍皆可从后台上传我的问题:文字字数部分是没有限制的,比如能力这个字段,如果它有5行,就说明它的文字需要围绕图片布局,这就造成了文字展示的宽度会有两种宽度,又因为是动态,不能写死,能不能规范的布局,就看你的页面够不够聪明我的解决方法: <div class="introduce-conte...原创 2018-12-25 17:04:58 · 145 阅读 · 0 评论 -
伪类巧用(1)
关于:before与:after的使用接触前端学习也近一年了,对伪类的使用却并不怎么多。来讲讲我的新发现吧! 成果图: 就是用颜色美化字符,主要是通过:before与:after两个伪类实现。大致原理就是将伪类中放相应的字符,设置不同颜色,并由于伪类的层次比原元素层次高就会覆盖在原元素上。头覆盖是利用:before实现的,尾覆盖是有:after实现的。值得一提的是再尾覆盖时先要将文本顺序改一下,原创 2017-05-19 10:39:06 · 334 阅读 · 0 评论 -
网站头部 html
网站头部* *处女作第一次自己制作,略简单,略朴素 页面大概就这样了。。。正在学CSS,就按新学的试了一下当鼠标放在这个[English]or[Chinese]时,字体透明度级度增加,效果如图: 一样的样式,这个是字体变大 代码如下:<!doctype html><html lang="en"><head> <meta charset="GB2312"> <link rel原创 2016-10-27 19:59:37 · 447 阅读 · 0 评论 -
前端修炼之图片操作---添加
实现结果图: 实现原理:该功能关键难点就是将input原始样式隐藏,将input的点击事件牵引到我们所想的地方或是图片上。我将每个input包含在他们相应的label元素中,利用for属性使他们相关联,这样label元素上就有了input的点击事件。然后将input的位子偏移到十万八千里,这样它就自然而然的隐藏了。注:该代码可扩展,照片最大可上传数量可更改,但前提是有更大的放置空间,我将原创 2018-01-18 23:02:09 · 603 阅读 · 0 评论 -
js实现评分功能---打星(包含半星)
结果展示图: 所用的素材: 我的实现原理很简单,就是根据点击事件更换背景图就好了。关键点就是5个背景图变换时相关联的,并不是独立的。。。就是这样html代码实现:<div class="setgrade"> <div class="grade"> <span id="getgrade">0.0</s原创 2018-01-18 20:51:34 · 5541 阅读 · 3 评论 -
前端修炼之图片操作---查看
实现结果图: 简单的实现照片的浏览查看,查看照片张数是根据你读取了几张照片,我例子里是读取了5张。查看结构由一个主展示图片块和一个照片目录块组成。照片目录可放多个,因宽度和喜好而定,例子中我放了3张。目录中间的那张照片应该和主展示块展示的照片相同(当然要刨除首张和尾张这两个特例)。html代码实现:div class="show-part原创 2018-01-18 20:19:33 · 682 阅读 · 0 评论 -
js实现滚动功能---公告栏
最近找工作找的头昏脑胀,突然发现自己之前是多么的幸福。。。。 闲下来,充实我的博客滚动公告栏滚动公告栏,之前在毕设中就实现过一次,现在翻出来重新写一次。 原理:div公告栏(#part2)设置具体宽高,并设置溢出隐藏,这个地方就是我们公告展示的地方。在公告栏中有两个div,一个用来放置我们的公告内容,另一个用来填补当公告一滚动完时,中间空出来的一小块空间。 注:红色为公告栏,...原创 2018-03-08 17:01:56 · 14444 阅读 · 8 评论 -
jQuery实现简单瀑布流布局
WaterFull最近正在实习,痛苦的实习日子,不过学到了超多。。。。 前几天刚好在做网页的瀑布流布局,本来使用的是masonry.js插件,但倒霉的是这个插件对jQuery版本有所限制,公司模板使用的是2.1.0,然而mosonry并不理会这的版本的jQuery,任性的很。。无奈之下,用高版本jQuery进行替换,结果不幸的是,另一小伙伴在该项目中使用的另一个插件开始报错,估计是嫌这个jQ...原创 2018-04-12 11:13:30 · 7134 阅读 · 1 评论 -
@Media媒体查询 ----笔记
整理一下关于@media适配的笔记:1、适配主流分辨率我所碰到的项目大都需要适配 1280*800, 1366*768, 1920*1080分辨率:1280*800/* 所适配的条件: 在1280*800下浏览器全屏大小的窗口长宽比最大为1280/658 (窗口大小我是在开发者工具中查看html大小) 最小宽度为768 (一般768以下属于mobile版本)...原创 2018-10-12 11:02:12 · 566 阅读 · 0 评论 -
css实现一行文字左右靠边对齐
最近在铺页面时,设计给到的布局是这样子滴。。。额。。。是很常见,但之前还真没有去写过,百度了下做法,有两种方法1、css属性实现 text-align-last: justify很神奇的属性,以前一直不知道它的存在,用法也简单,下面是我的css实例: // 这是一行的完整less .item { height: auto; font-siz...原创 2018-12-25 15:03:16 · 14263 阅读 · 0 评论 -
Jest 学习入门
jest 学习入门/* 2019.07.15 夏 晴*/今天开始正式接触Jest,从前也许听说过,但从来没有了解过。今天很高兴有机会可以进入Jest世界,准备边学边记录学习过程,以便自己之后的回顾以及希望来看我博客的人可以更容易的学习Jest。什么是JestJest is a delightful JavaScript Testing Framework with a focus o...原创 2019-07-16 17:00:18 · 605 阅读 · 0 评论