- 博客(45)
- 收藏
- 关注
RSS订阅原创 面试题：风车数字数组
好久没有写博客，主要是最近欠了太多文档，一直在写文档，写到崩溃。。。前些天，一位前同事发了我一个她投递的公司发给她的一个面试题。。。emmm，她是面试PHP的。。。不过anyway，我看了下，是一道基础的模拟题，正可以用来缓解我被文档摧残的乏累上面试题：题目解析：忽略上面的PHP代码，看一下题目，就是要生成一个二维数组，数组内填写的是从一开始的数字，一个一个推导发现emmmm，与其说是...
2019-10-11 12:50:39
535
原创 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
583
原创 下载.csv文件，excel打开乱码
下载.csv文件，excel打开乱码功能：下载csv文件，并查看环境：前端axios请求，后端java语言遇到的问题：下载后的文件用office excel打开乱码，wps及其他正常后端解决方式： 将编码改为gbk编码前端解决方式： 就很麻烦了，如下第一步：将blob格式的type改为’text/csv’，再进行下载如果不做这一步，进行导入csv的话，excel会出现如图错误原因...
2019-07-11 15:17:55
1022
原创 axios：blob的回应类型，却拿到json格式
mock 带来的大坑：项目中的下载原理是前端规定responseType为blob，后端传来文件的二进制流，前端转成blob进行下载。之前都是正常的，昨天测了一个下午都失败了，前端拿来的数据变成json格式，并不是规定好的blob类型。。。最后才发现是因为项目被我引进了mock，关掉就好了个人感觉，是mock拦截所有的请求（不管他是不是被mock的接口），将返回数据类型统一转了json格式...
2019-07-11 14:35:09
3729
1
原创 关于数组的 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
514
原创 LeetCode 两数相加
最近为了练习js代码的熟练度，开始刷LeetCode。“两数相加“ 算是一个比较基本的题，值得关注的一点就是，这里的输入样例是两个链表。。。注意哦，是链表不是数组，这一点让我做了好久，因为他展示出来的样例太像数组，而且我也从没在js上用过链表，所以就默认数组做了半天，返回都是undefined = =先贴一下题目（刷中文题还是很爽的）：这里的 链表 的构造函数，是已经事先规定好的：/**...
2019-07-03 10:45:34
104
原创 组件优化的两三事（二）：input块组件优化
组件优化的两三事（二）：input块组件优化最近在写一个动态表单的组件，可见文章 vue: 动态表单实现（单问题线）在写该组件时，我在开始所想实现的的是每个组件达到最小块，再将块组合到表单中。但在实现时，若我把input封装成一个组件，页面实现是没有问题的，但在该组件的答案获取确实一个极大的问题。关于子组件向父组件传值，我们最通常用的也是最先想到的就是使用$emit，但这首先有个前提是子组件...
2019-06-18 11:14:18
232
原创 组件优化的两三事（一）：动态注册组件
组件优化的两三事（一）：动态注册组件最近在研究组件，现研究心得是组件最基本的优化是使它可以做到可延展性。关于可延展性，我认为就是当一个组件已经做好，后期可以可以不断加功能，加功能的前提使不会影响前期功能，并且希望加功能所涉及的到问文件尽可能的少，最好做到我们只需要加上一个新的文件用来实现新功能，其他不做改动。所以说，若要做到上述的要求，首先一个问题就是组件的注册。新功能的组件若想加到已有组...
2019-06-18 10:37:32
369
原创 vue: 动态表单实现（多问题线）
vue: 动态表单实现（多问题线）之前写了一篇单问题线，这次写的是多问题线的逻辑思想。如图，所谓的多问题线就是若问题块1的select1选了A，select2选了A，则会出现问题块3和问题块5，此时问题块3和问题块5是同级的，且不在一个问题线上，所以该次答题，至少有两条线上的答案需要获取。这种情况下，上次的逻辑思想就无法解决该情况，就有了一个新的解决思路来解决，并且能解决多问题线的思路必能...
2019-06-10 15:31:10
403
原创 vue: 动态表单实现（单问题线）
vue: 动态表单实现（单问题线）这个是工作中的一个需求，当然需求比较浅，适当的扩展实现了一下，写个博客记录一下当下的逻辑思想需求如上图，简单来说就是一个select选择不同的答案，后面可以会多出不同的题目。然后就是问题块的概念，一堆问题，这些问题同时间出现且没有先后顺序，则为一个问题块，一个问题块中的一个select的选择，可能触发另一个问题块的出现。需求需要解决的点：逻辑结构不定，...
2019-06-10 14:24:21
1125
原创 面试题总结（工作经验1年，应聘前端开发）
通过漫长的找工作之旅，终于定下来了。怎么说呢，过程很艰苦，结局是美好的。下个月入职，享受最后休闲的时光，总结一下所遇到的前端面试题。。。。下面的我会慢慢补充并且把罗列的问题对应的答案一点一点整理起来基础：（我基础太差，恶补了一段时间，还是不行。。。。所以，就算上班了，还是要看看基础，不能专顾手头的工作）html：关于html，会问一下html5新增了哪些特性，又淘汰了哪些特性。增加：查...
2019-04-23 12:35:41
2989
原创 vue.nextTick
决定写一系列关于vue机制或语法的文章，先写简单的，慢慢补充学习参考文章：https://www.jianshu.com/p/a7550c0e164fVue.nextTick( [callback, context] )参数：callback：function; context : object用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取...
2019-03-18 15:49:31
97
原创 百度地图初使用
最近在做app，不过用的是公司的特殊框架，不是开发移动端的原生语言有一个需要地图的地方，遵循厉害的老板的建议，选择了百度地图。。当然百度地图有很好的开发文档和实例，但是再清楚对于第一次用的我来说都是不清楚，开发的问题还是要总结一下功能需求：1、显示当前定位2、搜索地址定位3、移动地图，定位中心点结果图：使用百度地图的准备操作：1、申请百度账号、密钥（我用的是web端的，密钥的应用...
2019-03-15 15:20:10
250
原创 Vue + framework7笔记
首先附上Vue + framework7的开发文档：http://framework7.io/vue/Smart Select问题描述：select数据是通过绑定放上去的，出现了两个问题：一 数据初始化后，默认答案没有显示二 数据选择后只显示option的text值，无法拿到value解决方法：在select上用v-model="good_id"进行数据的绑定<f7-c...
2019-03-07 10:29:32
962
原创 一个经过思考的页面布局
页面内容应有版权关系我就随便拿一张图和文字代替了页面要求：动态页面，所有人物图片、文字介绍皆可从后台上传我的问题：文字字数部分是没有限制的，比如能力这个字段，如果它有5行，就说明它的文字需要围绕图片布局，这就造成了文字展示的宽度会有两种宽度，又因为是动态，不能写死，能不能规范的布局，就看你的页面够不够聪明我的解决方法： <div class="introduce-conte...
2018-12-25 17:04:58
137
原创 css实现一行文字左右靠边对齐
最近在铺页面时，设计给到的布局是这样子滴。。。额。。。是很常见，但之前还真没有去写过，百度了下做法，有两种方法1、css属性实现 text-align-last: justify很神奇的属性，以前一直不知道它的存在，用法也简单，下面是我的css实例： // 这是一行的完整less .item { height: auto; font-siz...
2018-12-25 15:03:16
14066
原创 基于vue-quill-editor的富文本Demo
基于Vue的一个富文本编译器的插件，安装并简单使用步骤：1、项目：一个前端基于vue框架的项目。我用的是一个项目模板（下载路径：https://github.com/nolimits4web/Framework7-Vue-Webpack-Template） 按网址上教程配置模板。接下来就是关于vue-quill-editor的安装步骤了。2、下载：npm install vue-quill-e...
2018-10-30 14:52:03
2787
原创 @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
557
原创 Yii 笔记：Pjax整理
走在 php 的路上：Pjax整理首先什么是pjax，官方解释自己搜一下，对于现在的我来说，pjax 就是将我们平常写的 ajax 加以优化了一下。 优点： 1、一样的局部刷新，但是 pjax 可以更新 url 2、带页码的内容使用 pjax，在退后时可到上一个访问页面 &nb...
2018-08-25 13:31:05
380
原创 jQuery实现简单瀑布流布局
WaterFull最近正在实习，痛苦的实习日子，不过学到了超多。。。。 前几天刚好在做网页的瀑布流布局，本来使用的是masonry.js插件，但倒霉的是这个插件对jQuery版本有所限制，公司模板使用的是2.1.0，然而mosonry并不理会这的版本的jQuery，任性的很。。无奈之下，用高版本jQuery进行替换，结果不幸的是，另一小伙伴在该项目中使用的另一个插件开始报错，估计是嫌这个jQ...
2018-04-12 11:13:30
7103
1
原创 js实现滚动功能---公告栏
最近找工作找的头昏脑胀，突然发现自己之前是多么的幸福。。。。 闲下来，充实我的博客滚动公告栏滚动公告栏，之前在毕设中就实现过一次，现在翻出来重新写一次。 原理：div公告栏（#part2）设置具体宽高，并设置溢出隐藏，这个地方就是我们公告展示的地方。在公告栏中有两个div，一个用来放置我们的公告内容，另一个用来填补当公告一滚动完时，中间空出来的一小块空间。 注：红色为公告栏，...
2018-03-08 17:01:56
14409
8
原创 前端修炼之图片操作---添加
实现结果图： 实现原理：该功能关键难点就是将input原始样式隐藏，将input的点击事件牵引到我们所想的地方或是图片上。我将每个input包含在他们相应的label元素中，利用for属性使他们相关联，这样label元素上就有了input的点击事件。然后将input的位子偏移到十万八千里，这样它就自然而然的隐藏了。注：该代码可扩展，照片最大可上传数量可更改，但前提是有更大的放置空间，我将
2018-01-18 23:02:09
597
原创 js实现评分功能---打星（包含半星）
结果展示图： 所用的素材： 我的实现原理很简单，就是根据点击事件更换背景图就好了。关键点就是5个背景图变换时相关联的，并不是独立的。。。就是这样html代码实现：<div class="setgrade"> <div class="grade"> <span id="getgrade">0.0</s
2018-01-18 20:51:34
5478
3
原创 前端修炼之图片操作---查看
实现结果图： 简单的实现照片的浏览查看，查看照片张数是根据你读取了几张照片，我例子里是读取了5张。查看结构由一个主展示图片块和一个照片目录块组成。照片目录可放多个，因宽度和喜好而定，例子中我放了3张。目录中间的那张照片应该和主展示块展示的照片相同（当然要刨除首张和尾张这两个特例）。html代码实现：div class="show-part
2018-01-18 20:19:33
667
原创 hdu1052 贪心
hdu1052 贪心 题意：两个人tian和king赛马，每匹马的品种不同，每匹马依次出战（顺序任意），每次比赛输了的人要给赢的人200dollars，问tian最多能得到多少钱……（题目很长，看了半天） ///////////////////////////////////////////////////////////////////////////////////////// 我的解法
2018-01-16 13:19:27
306
原创 css实现div于窗口居中
样式图： 首先页面覆盖整个窗口（无滚动条）html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}居中css:(将罗列三种写法，原理相同，就是可以结合不同语句实现)第一种：.content { position: ab
2018-01-15 23:06:42
3945
原创 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
5282
2
原创 Firfox：bootstrap小图标无法显示
正在做毕设，准备用bootstrap来写后台管理系统，既方便有美观在使用bootstrap图标时，出现了问题，显示如下： 原本是个垃圾筐的图标，现在显示错误了。以为是库没连好，结果ie显示 却是正常的，是fiefox配置问题。 解决方法： 打开firfox配置页面 搜索security.fileuri.strict_origin_policy 将对应的值改为false就好了（我电
2017-10-14 15:28:02
393
原创 伪类巧用（1）
关于:before与:after的使用接触前端学习也近一年了，对伪类的使用却并不怎么多。来讲讲我的新发现吧！ 成果图： 就是用颜色美化字符，主要是通过:before与:after两个伪类实现。大致原理就是将伪类中放相应的字符，设置不同颜色，并由于伪类的层次比原元素层次高就会覆盖在原元素上。头覆盖是利用:before实现的，尾覆盖是有:after实现的。值得一提的是再尾覆盖时先要将文本顺序改一下，
2017-05-19 10:39:06
330
原创 简单的安卓记事本
在Android系统的手机开发平台之上，研究与开发一个记事本软件，提供适用手机的记事本功能服务。流程图： 数据库设计实现： 该系统所有数据存在数据库中，本次实验采用SQLite来对数据库进行操作。 SQLite，是一款轻型的数据库，是遵守ACID的关系型数据库管理系统，它包含在一个相对小的C库中。它具有零配置、足够小、操作速度快等优点，被广泛应用于手机应用软件中。
2017-01-09 15:43:23
11402
8
原创 网站头部 html
网站头部* *处女作第一次自己制作，略简单，略朴素 页面大概就这样了。。。正在学CSS，就按新学的试了一下当鼠标放在这个[English]or[Chinese]时，字体透明度级度增加，效果如图： 一样的样式，这个是字体变大 代码如下：<!doctype html><html lang="en"><head> <meta charset="GB2312"> <link rel
2016-10-27 19:59:37
444
原创 hdu 1501 (dp写法）
hdu 1501很久没写 dp，使得比赛时明知是dp却不敢写。。。特别特别懊悔。。。比赛时的题目就是这题原版覆过来的，长度变为2000题意：给你三个字符串，问你前两个是否能组成第三个串，串中字符顺序不可改变，可拆分。思路：简单的dp写法，用一个二维数组，第一维代表第一个字符串用了前几位，第二维代表第二个字符串用了前几位，若 dp[i][j] 可以组成 str[i+j]之前的所有字符，则为1，否为0。
2016-05-23 11:26:41
542
2
原创 poj1182 并查集+关系维护
poj1182题意：有 N 只动物， 编号为1 - N，这 N 只动物为别为 A、B、C 三类中的一类，已知：A 吃 B、B 吃 C、C 吃 A，同类不互吃。给你 K 条条件（a b c）： a == 1 b 和 c 为同类； a == 2 为b 吃 c。条件从上到下依次满足（当编号大于N，也为错），问你有几条错误条件。思路：并查集。。。一般并查集我们只需维护一种关系，这道题有两种关系同类和捕食关
2016-05-17 20:14:54
226
原创 poj2431 优先队列
poj2431 题意：给你一辆有 P 单位油的卡车，让你开它走 L 单位距离到达小镇，每一单位距离消耗 1 单位油。告诉你沿途有 N 个加油站，每个加油站离小镇有 Ai 单位距离，在加油站中你将得到 Bi 单位的油。 问你若想到达城市你最少加油几次。数据：是先给你加油站个数 N，之后是 N 个加油站的参数，再然后是 L 与 P 。并且加油站参数 Ai 是离小镇有多远，并不是离起点有多远。还有一点
2016-05-16 20:32:54
216
原创 poj3259（最短路）
poj3259 Wormholes题意：首先输入三个量 N个fields、M个paths、W个wormholes。然后是M行，指 a 和 b 之间的无向边所需花 c 秒。然后是W行，指 a 到 b 所需 -c 秒（这个是有向边）。问你是否存在环？解决方法：经典的判断负环的题。我用的是Bellman - Ford 算法，就是进行 n - 1 次松弛操作，若进行后仍可以进行松弛操作，就代表有负环，否则负
2016-05-04 19:14:53
403
原创 zoj3946 最短路
zoj3946 Highway Project 题意：n个城市，m条边，从编号为0的城市开始，到1~n-1标号的城市的最短路径合，及建这些路所需的最少资金。（路短考虑优先）注：n 的大小在10^5内，那么我所学的基本的Dijkstra算法的模板就要 T 了，而且如果要开二维的数组，这也太大，开不了。我的解决方案：一开始并没有考虑超不超时，所以就想如何解决开数组的问题，然后就想到了用优先队列，但写完
2016-04-28 13:08:29
334
原创 hdu3746（next数组解决）
题目大意：给一个字符串，问你向尾部或首部最少加几个可以使这个字符串由n个相同的小字符串组成，且n > 1。题目的要点：1、首尾皆可以加字符； 2、 要求最短重复子串； 3、 重复次数必须大于1；然后就是怎么解决了。我的解决方法是next数组，举个例子吧： 字符串： a b c a b
2016-04-21 16:34:34
378
原创 poj2823(单调队列入门）
单调队列以前曾看过，就是没做过题，这次做了一道有关的题，正好写下来理理思路。 poj2823 可以将它改为单调队列的经典题意，有一个k米的窗户，和N米长的数字串，每个数字占1米，问当数字串穿过窗户时，每一瞬间的最大值与最小值。讲的不太清，将样例说说吧 Window position Minimum value Maximum value[1
2016-04-20 20:37:31
303
原创 最长不重复子串
最长不重复子串：找出字符串SS中最长的一个子串，使其子串中的字符互不相同。 解决方法：1、无算法 2、dp 3、hush 4、后缀数组（这个我就不提了,自己还是个渣渣^^） 相关题目：并没有找到很多有关此知识的题，九度OJ上一题：http://ac.jobdu.com/problem.php?pid=1530 是一道面试题哦^^第一种写法（很简便，思路也很简单） 遍历字符串，用last来
2016-03-14 21:20:48
370
原创 认识反素数
定义：对于任何正整数x，其约数的个数记做g(x)。例如g(1)=1，g(6)=4.如果某个正整数x满足：对于任意i(0<i<x) , 都有g(i)<g(x)，则称x为反素数。 性质： （1）一个反素数的所有质因子必然是从2开始的连续若干个质数，因为反素数是保证约数个数为的这个数尽量小 （2）同样的道理，如果:p=2^t1*3^t2* 5^t3*7^t4…..，那么必有t1>=t2>=t3>=…
2015-12-19 17:17:49
358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人