- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js中倒计时学习笔记
倒计时原理：未来的时间点-现在的时间点// 现在的时间点（在变） var iNow = new Date();// 未来的时间点（不变）//下面两种方法都可以定义未来的时间点// var iNew = new Date( 2013, 10, 27, 21,56,0 );var iNew = new Date( 'November 27,2013 22:3:0' );// 数...
2018-08-31 19:59:32
206
原创 前端博站项目最后总结
说明：本文是自己对项目的一些总结，可能并不适合您，只是为了帮我记住本次项目中有卡克的地方嗯，花了大概一周时间，今天终于将项目做完，很开心（本人对自己做的项目还是很满意的）因为今天主要是完善项目，让项目更加完美，所以难点并不多1、在单个博客中点击登录，到达登录界面，登录成功后还回到该博客2、在单个博客中点击编辑，到达编辑页面，编辑成功后还回到本博客上面其实是一个问题，就是用查询字...
2018-08-31 19:38:54
267
转载 页面添加锚点的三种方式
页面添加锚点的三种方式 HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。 锚点链接对SEO的...
2018-08-31 11:10:30
16090
转载 Cmder的安装
Cmder把conemu，git-for-windows和clink打包在一起，让你无需配置就能使用一个真正干净的Linux终端！性感的外观，强大的功能！代替了Windows原生的Cmd1. 安裝 Cmder 打开Cmder官网（如图），下拉页面找到Download项选择下载，下载的时候，有两个版本，分别是mini与full版；两个的差别在于有没有内建git-for-windows工具...
2018-08-31 09:25:48
8768
转载 Vue实现分页组件
最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的, 如果你的项目中没有使用webpack,请根据代码自己调整:首先新建pagination.vue文件, 所有组件的代码都写在这里, 写这样的组件并没有什么太大的难度, 主要是解决父子组件之间值传递的问题<template>...
2018-08-30 18:45:35
4109
原创 js数组中的map方法使用实例
对于map方法我之前是有总结的：而且MDN上面也比较详细，所以这里我主要是写几个小例子方便理解详细内容查看：MDN|map例1：var arr = [1,2,3,4,5,6,7]; var ar = arr.map(function(elem){ return elem*4; }); console.log(ar);//[4, 8, 12, 16, 20, 24, 28...
2018-08-29 21:15:14
12165
1
原创 前端博站项目中遇到的问题总结
说明：是针对我做的项目的总结，避免以后重复犯错，可能对于看到的您并没有太大作用哦！项目中实现的功能有很多，只记录稍微复杂点的 功能一：发布评论，如下图功能描述：点击上面的发布按钮，可以发布评论，评论中要有发布人的姓名，回复给谁，发布的内容，以及发布的时间问题描述：每一条留言下面都可以发布评论，因为发布一条评论需要记录很多信息（回复人，留言人，时间，内容，点赞...），想着信息多...
2018-08-29 20:41:13
6698
原创 vue中添加图片资源的方法(使用vue-cli脚手架构建工具时)
有三种解决办法：1、在模板中直接引入图片资源（如果图片比较多的话，会比较麻烦）2、将图片资源放在static文件夹下3、图片资源在assets文件夹下，data中必须用require加载，否则会当成字符串来处理第二种，只要给图片放在static文件夹下即可：原因如下由于组件化问题，webpake在打包以后，src目录下的assets里面存放的img图片，路径已经更换。如下图所示...
2018-08-28 20:42:51
6436
原创 vue-cli中组件自己嵌套自己
其实不难，确切说很简单，先看一下官网中的name作用name 类型：string 限制：只有作为组件选项时起作用。 详细： 允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。 指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtoo...
2018-08-27 17:54:04
14861
转载 axios中的put和patch有什么区别
patch方法用来更新局部资源，这句话我们该如何理解？假设我们有一个UserInfo，里面有userId， userName， userGender等10个字段。可你的编辑功能因为需求，在某个特别的页面里只能修改userName，这时候的更新怎么做？人们通常(为徒省事)把一个包含了修改后userName的完整userInfo对象传给后端，做完整更新。但仔细想想，这种做法感觉有点二，而且真心...
2018-08-27 15:02:37
8200
转载 Vue性能优化
前言一般来说，你不需要太关心vue的运行时性能，它在运行时非常快，但付出的代价是初始化时相对较慢。在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然用了1200ms ~ 1400ms，这让我开始重视vue的初始化性能，并最终优化到200 ~ 300ms，这篇文章分享我的优化思路。性能瓶颈在哪里？先看一下常见的vue写法：在html里放一...
2018-08-26 19:55:37
3203
转载 axios 使用post方式传递参数，后端接受不到
最近做vue项目，做图片上传的功能，使用get给后台发送数据，后台能收到，使用post给后台发送图片信息的时候，vue axios post请求发送图片base64编码给后台报错HTTP 错误 414请求一直报错，显示 request URI too large后台显示一直没有收到数据 参数为null。网上查看了很多资料，才知道axios post传参的问题。 this.$axios({...
2018-08-26 10:48:06
2067
原创 前端博站项目阶段总结
马上就要大四了，眼看就要面临毕业，即便我们再不想走出校园的温室，也必须面对即将进入社会的事实，回首大一到大三，貌似一切平平，没有奖学金，不是干部，奖也得的特别少，所以为了不让自己毕业就失业，大三的时候自学了web前端，最近准备找实习工作，努力想要写一份不错的简历吧，是真的不知道怎么写，所以就准备用一些时间写一个拿的出手的项目，也就是《前端博站》，还没有做完，只是进行一个阶段性的总结项目中用到的...
2018-08-25 19:12:05
454
转载 css一侧固定，一侧自适应布局的实现
左侧固定，右边自适应这是一个很常用的css布局，尤其是在后台页面当中，使用频繁。同事也是面试当中常常问到的考点。今天，我们就来总结一下。第一种方法：浮动布局准备工作： 先准备2个div 随便放点东西进行填充！<div id="aside"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. La...
2018-08-24 19:52:30
1270
原创 使用json-server出现的 500 internal server error
首先声明，是使用json-server搭建本地数据接口，在请求数据中出现的 500错误哦最近在做一个项目（为了找工作使用的^o^），使用的是json-server搭建的本地数据接口，在实现注册页面向搭建的数据接口post数据的时候，遇到了一个500 internal server error的错误，如下图所示： 我的错误原因是：在创建json数据的时候，忘记了加id解决办法...
2018-08-24 19:46:56
2957
原创 js中的函数节流
对于常见的场景，1、使用onresize 事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize 事件处理程序内部如果尝试进行DOM 操作，其高频率的更改可能会让浏览器崩溃。 2、我们常见的一个搜索的功能，我们一般是绑定keyup事件，每按下一次键盘就搜索一次。但是我们的目的主要是每输入一些内容搜索一次而已。大部分节流都采用时间做节流，即时间间隔小于多少的不...
2018-08-23 19:55:02
300
转载 一道常被人轻视的前端JS面试题
目录前言 第一问 第二问 变量声明提升 函数表达式 第三问 第四问 第五问 第六问 构造函数的返回值 第七问 最后 前言年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用来考核面试者的JavaScript的综合能力，很可惜到目前为止的将近两年中，几乎没有人能够完全答对，并非...
2018-08-22 21:03:18
275
原创 计划列表功能实现
效果图如下：描述：右侧的图标是可以根据你自己的需要换的哦小原点的实现原理：使用伪类，核心css代码 li:first-of-type h2:before,li h2:after{ content:''; position:absolute; width:12px; hei...
2018-08-21 20:32:49
873
转载 js 闭包、常见认识误区与主要应用
编程语言中的闭包（ Closure ）不同于其他数学领域（例如集合论）中的闭包，它来源于函数式语言，但早已不局限在函数式语言中。在实现了闭包特性的各种语言中，具体的特性会有细微的差异，但总体特征是一致的。本文集中讨论 js 语言中的闭包。讨论闭包的文章、书籍已经有很多，其中不乏有准确而精辟的论述（当然重点不明、似是而非的论述也不少），然而对闭包持有误解的人依然相当多。因此本文会首先用相对较少的...
2018-08-21 09:26:44
1704
1
原创 border出现虚边问题解决
当我们只给元素设置了border-top，没有设置其他边框的时候，如果我们使用了border-radius会出现虚边的情况，如下所示：css代码：div{width:100px; height:100px; border-top:2px solid #000; border-radius:50%; }效果图如下：很明显我们可以看到两侧的虚边，这是我们不想要的，解决办法很简单：...
2018-08-20 19:16:28
8249
转载 vue中Axios的封装和API接口的管理
一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios...
2018-08-08 21:26:44
35961
18
原创 JsonServer使用详解
JsonServer主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用如果我们只是get一些数据，只用借助jsonplaceholder（http://jsonplaceholder.typicode.com）就可以很好的实现，但是如果我们想要post一些数据，使用jsonplaceholder就有些力不从心了，所以我们今天就来聊聊怎么借助于json-server来搭建我们的本地...
2018-08-07 11:22:20
46946
11
转载 哪些网站使用了vue？
最近在实习，刚来没几天，老大没安排什么大事给我，昨天下午说给我一个小任务，要求如下：1.收集几个流量大的网站(必须是vue做的)页面交互和逻辑尽可能复杂多样 2.对比一下各个页面的seo是如何做的 3.网站中出现率做多的公共组件或者公共方法是什么于是我就开始收集了，在这期间也了解到了很多东西。1 .首先怎么判断网站是用vue做的，我的方法当然是先搜一搜，当让搜出来的并不一定是，接下来...
2018-08-06 15:58:23
31793
5
转载 前端学习体验
作者：尹光耀链接：https://www.zhihu.com/question/48989656/answer/114454389从开始到自学前端半年，现在收获很多。起源是大学前两年半都在混日子，C++挂过两次，java也是61分的水平飘过，c#大项目完全靠抱大腿，我的代码水平可想而知了，后来大三下学期的时候（大概是2月中下）想到该找工作了，当时纠结于php和前端，因为我php有点儿基础...
2018-08-05 19:18:07
382
转载 http和https的学习
1.http和https(1)http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是S...
2018-08-05 17:57:43
312
转载 浅谈script标签中的async和defer
script标签用于加载脚本与执行脚本，在前端开发中可以说是非常重要的标签了。直接使用script脚本的话，html会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染。现在大家习惯于在页面中引用各种的第三方脚本，如果第三方服务商出现了一些小问题，比如延迟之类的，就会使得页面白屏。好在script提供了两种方式来解决上述问题，async和defer...
2018-08-05 09:52:03
2252
1
转载 CSS性能优化的8个技巧
我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深有体会。笔者认为，为了更多地避免这一情况，首先要重视起性能优化相关的工作，将其贯穿到整个产品设计与开发中。其次，就是...
2018-08-04 19:49:03
923
原创 js易错问题总结系列
整理遇到的掌握的不是特别好的问题，方便以后重点学习一、JavaScript的三种消息框alert，confirm，prompt1. alert是弹出警告框，在文本里面加入\n就可以换行。2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。3. prompt弹出输入框，点击确认返回输入框中的值，点击取消...
2018-08-04 19:27:05
266
原创 onsubmit和submit()详解
首先说明一点：onsubmit是Form对象的事件句柄，而submit()是form对象的事件方法还有一个Submit 对象，代表 HTML 表单中的一个提交按钮 (submit button)。在 HTML 表单中 <input type="submit"> 标签每出现一次，一个 Submit 对象就会被创建。（这里我们暂且不详细说明哦）一、onsubmit：在表单提交之前调用...
2018-08-03 18:02:12
26021
原创 vue实现个人博客项目【问题总结】
首先推荐一个个人认为不错的课程吧（声明，不是宣传目的哦，本人秉持着好的东西就要分享出来让更多的人知道，也希望真正的能够帮到需要的朋友）:https://ke.qq.com/course/279663推荐原因：讲的好是肯定的，主要的原因是因为我学习前端很久，（还在学习阶段）一直苦于没有后端数据库支持，想了很多办法，嗯，这个视频可以很好的解决哦ok，步入正题总结1：处理从后端获取的数据格式...
2018-08-02 17:55:08
1735
原创 项目中遇到的问题总结
功能描述：1、单击输入框，弹出弹层，再点击弹层隐藏2、单击空白区，弹层隐藏3、单击弹层中的地区，把对应值填入到输入框中，弹层隐藏功能实现：我设置了开关，单击输入框的时候，开关取反，单击弹层内的值时，开关为false，嗯这些都运行正常，和我想要达到的目的也是一样的，但是，在我想要实现功能2时遇到了问题：问题描述：1、如果我给document添加点击事件的时候，不把开关设置为f...
2018-08-01 16:58:36
1490
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人