![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 69
Android开发者小P
这个作者很懒,什么都没留下…
展开
-
前端实用插件大全!你值得收藏
1.操作cookie的插件jquery.cookie.js添加$.cookie(’the_cookie’, ‘the_value’);设置时长$.cookie(’the_cookie’, ‘the_value’, { expires: 7 });设置路径$.cookie(’the_cookie’, ‘the_value’, { expires: 7, path: ’/’ });读取...原创 2018-09-26 15:08:21 · 749 阅读 · 0 评论 -
揭密 Vue 的双向绑定
Vue 中需要输入什么内容的时候,自然会想到使用 的方式来实现双向绑定。下面是一个最简单的示例<div id="app"> <h2>What's your name:</h2> <input v-model="name" /> <div>Hello {{ name }}</div>&原创 2018-10-11 15:28:26 · 165 阅读 · 0 评论 -
前端面试总结——http、html和浏览器篇
1.http和httpshttps的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加...原创 2018-09-26 19:29:37 · 149 阅读 · 0 评论 -
各大网站,欢迎大家收藏转发
人整理来之不易请珍惜,如有错误请谅解,谢谢。。。资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Stack v2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 - 精通JavaScript开发重新介绍 JavaScript(JS 教程)麻省理工学院公开...原创 2018-10-11 20:34:45 · 1663 阅读 · 0 评论 -
vue的路由监视器使用
watch: { '$route': function (to,from) { if (to.path == '/ecolo/a') { } } },这是第一种方法,一般用在复用组件时,可以使用以上来监视路由的变化,从而做出需要的操作。其中to和path都是对象.beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm...原创 2018-10-12 15:31:48 · 309 阅读 · 0 评论 -
js知识梳理1:理解对象的属性特性
1.数据属性数据属性的4个特性: - Configurable:①表示能否通过delete删除属性从而重新定义,②能否修改属性的特性,③能否把属性修改为访问器属性。对象直接量里默认值true。 - Enumerable:表示能否通过for-in循环返回属性。对象直接量里默认值true。 - Writable:表示能否修改属性的值。对象直接量里默认值true。 - Value:包含这个属性的数据值...原创 2018-09-27 21:29:40 · 208 阅读 · 0 评论 -
HTML5-语义化
距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多(ps:查看了几个巨头公司网站推论),可能一部分原因是仍有部分用户使用在使用低版本浏览器。但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错,以后要注意语义化了)什么是语义化?就...原创 2018-10-12 20:53:20 · 121 阅读 · 0 评论 -
最最最 具体的前端面试题(大全)
前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效?进程和线程的区别前端开发的优化问题Flash,Ajax各自的优缺点,使用中如何取舍?CSSCSS3...原创 2018-09-28 17:49:33 · 786 阅读 · 0 评论 -
前端工程师面试题(性能优化)
性能优化11.1 页面重构怎么操作?网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。对于传统的网站来说重构通常是:表格(table)布局改为DIV+CSS使网站前端兼容于现代浏览器(针对于不合规范的CSS、如对IE6有效的)对于移动平台的优化针对于SEO进行优化深...原创 2018-09-28 20:49:05 · 322 阅读 · 0 评论 -
Node.js模拟发起http请求从异步转同步的5种方法
使用 Node.js 模拟发起 http 请求很常用的,但是由于 Node 模块(原生和第三方库)提供里面的方法都是异步,对于很多场景下应用很麻烦,不如同步来的方便。下面总结了几个常见的库 API 从异步转同步的几种方法。模块有: request , request-promise , request-promise-native , request-promise-anyPS: Node的版本...原创 2018-09-28 21:23:38 · 8745 阅读 · 1 评论 -
微信小程序可实时改变转速的css3旋转动画
在这里插入代码片极其简答就不多说了,直接上代码。WXML黑紫橙蓝绿JSdata: {backgroundcolor:‘red’},changeColor:function(e){this.setData({backgroundcolor: e.currentTarget.dataset.color})}那么下面咱们说一说这个旋转的动画。小程序里呢,有自己的动...原创 2018-10-08 17:33:19 · 1354 阅读 · 0 评论 -
深入了解nodejs的事件循环机制
一直以来,我写的的大部分JS代码都是在浏览器环境下运行,因此也了解过浏览器的事件循环机制,知道有macrotask和microtask的区别。但最近写node时,发现node的事件循环机制和浏览器端有很大的不同,特此深入地学习了下。单线程在传统web服务中,大多都是使用多线程机制来解决并发的问题,原因是I/O事件会阻塞线程,而阻塞就意味着要等待。而node的设计是采用了单线程的机制,但它为什么...原创 2018-09-29 17:36:59 · 3277 阅读 · 0 评论 -
Vue特效
前端写特效的时候必须要保证DOM是加载完毕的,之前我用组件生命周期的update写,多有不便,现发现自定义指令比较好,指令里面也是有周期,能做到相对的分离,案例奉上html 代码<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"&g原创 2018-10-08 20:30:29 · 962 阅读 · 0 评论 -
CSS魔法堂:一起玩透伪元素和Content属性
初识伪元素 说起伪元素我第一想到的莫过于::before和::after这两个了,它俩其实就是在其附属的选择器命中的元素上插入第一个子节点和追加最后一个子节点。那这时我不禁地想问:“直接添加两个class为.before和.after不是一样的吗?” 其实使用伪元素::before和::after以下两个好处:HTML的代码量减少,对SEO有帮助;提高JavaScript查询元素的效率。...原创 2018-09-29 21:53:23 · 262 阅读 · 0 评论 -
九月 前端面试笔试总结记录
本文记录并总结了一些九月本人参加面试当中遇到的题目,由于本人水平也有限,这些题目对应的解答一些是我自己的思路或者回来之后进行查阅总结得到的,可能并非最佳答案。分享出来给大家参考,如果出现错误,请大佬们多多见谅并勘误,感谢。9.4 面试题目数字如何转换成字符串?使用 toString()a = 1typeof a //“number”b1 = a.toString()b2 = St...原创 2018-09-29 22:22:48 · 186 阅读 · 0 评论 -
CSS 设置链接样式
使用标签定义了一个超链接,点击其中的文本可以跳转到蚂蚁部落首页。链接是HTML中最为重要的元素之一,犹如一个超时空飞船,实现了页面之间或者站点之间的跳转。所以对于超链接样式的设置也是比较重要的操作,可以提示浏览者当前链接处于一个什么状态,比如是否处于点击状态,或者是否已经访问过等,下面通过代码实例分别做一下介绍。一.超链接四种状态:(1).a:link:设置链接的初始样式,也就是未被点击的...原创 2018-10-15 17:30:19 · 2351 阅读 · 0 评论 -
TOP 100大前端超棒精选列表
正值如今这信息爆炸的年代,如何能从中汲取精华,于有限时间内,成为更高效的学习者,从而在激烈的竞争中更具优势,是当下每个人或企业都该思虑的问题;先前创立的Web应用:,就是为改善这一困扰的探索尝试,具体可参见这份为。前端开发者而精心维护的超棒列表,为就是解决信息过剩问题的具体实践:旨在为前端学习,技能提升,视野扩展,资料查找。等提供价值性参考目前选择性收录优质仓库近百个,涉及Web前端,后台,流行技...原创 2018-10-15 17:39:04 · 1986 阅读 · 0 评论 -
前端能做什么?还是后端?全栈?程序员的迷茫
在我的职业生涯过程中,发现很多人会跑来问我这样的问题,前端能做什么?这条路怎么走。然后他们会分开来问一些子问题,例如说到底我进入了前端我应该做产品呢?我应该做基础架构呢?还是应该做产品基础架构呢?可能有些公司不存在产品基础架构这样的概念,通常来说的定义就是在于产品和基础架构之间。有点像是做一些框架、AB测试平台,测试工具等等的方案。其实一个更好的问题应该是问到底我想服务于什么样的客户?因为想要服务...原创 2018-10-15 19:41:32 · 1136 阅读 · 0 评论 -
CSS魔法堂:display:none与visibility:hidden的恩怨情仇
还记得面试时被问起"请说说display:none和visibility:hidden的区别"吗?是不是回答完display:none不占用原来的位置,而visibility:hidden保留原来的位置后,面试官就会心一笑呢?其实不止那么简单呢!本文我们将一起深究它俩的恩怨情仇,下次面试时我们可以回答得更出彩!深入display:none 我们都清楚当元素设置display:none后,界面上...原创 2018-09-30 16:07:59 · 182 阅读 · 0 评论 -
vue2.0移动端自定义性别选择提示框
这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能,很简单但是经常用到,于是写了一个小小的demo,记录下来。效果图:图片.png实现代码:<template> <div class="app"> <div class="boy"> <input type="radio"原创 2018-10-18 22:23:33 · 763 阅读 · 0 评论 -
前端工程师算法系列~快速排序
快速排序一、原理解析快速排序使用分治法策略来把一个序列分为两个子序列。步骤为:从数列中挑出一个元素,称为“基准”,重新排序数列,所有比基准值小的元素摆放在基准前面,所有比基准值大的元素摆在基准后面(相同的数可以到任何一边)。在这个分区结束之后,该基准就处于数列的中间位置。这个称为分区(partition)操作。递归地(recursively)把小于基准值元素的子数列和大于基准值元素的子...原创 2018-10-09 18:46:37 · 225 阅读 · 0 评论 -
前端安全系列(一):如何防止XSS攻击?
前端安全随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然,浏览器自身也在不断在进化和发展,不断引入 CSP、Same-Site Cookies 等新技术来增强安全性,但是仍存在很多潜在的威胁,这需要...原创 2018-10-16 17:21:57 · 351 阅读 · 0 评论 -
前端面试题总结
就秋招的面试经历汇总一下常见面试题, 持续更新中…HTML&CSS:对Web标准的理解(结构、表现、行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5(离线 & 存储、Histoy,多媒体、WebGL...原创 2018-10-16 22:27:35 · 139 阅读 · 0 评论 -
你会实现一个Vue吗?教你撸一个简单的Vue
vue的使用相信大家都很熟练了,使用起来简单。但是大部分人不知道其内部的原理是怎么样的,今天我们就来一起实现一个简单的vueObject.defineProperty()实现之前我们得先看一下 Object.defineProperty 的实现,因为vue主要是通过数据劫持来实现的,通过 get 、 set 来完成数据的读取和更新。 var obj = {name:'wclimb'}...原创 2018-10-10 15:19:29 · 166 阅读 · 0 评论 -
这些vue技巧你肯定大多数不知道,快来看看吧!
前言大家好,这里是@IT·平头哥联盟,我是 首席甩锅官 —— 老金 ,今天给大家分享的,一些日常中神秘而又简单的vue的实用小技巧,以及我在我司项目中实用vue的总结和坑,跟大家一起分享,希望能给其他攻城狮带来些许便利,如有理解错误,请纠正。技巧/坑点1.setTimeout/ setInterval场景一 :this指向改变无法用this访问vue实例mounted(){setTim...原创 2018-10-19 16:17:25 · 410 阅读 · 0 评论 -
用纯CSS改变html radio/checkbox默认背景颜色样式
checkbox/ radoi默认不支持更改背景颜色,这里可以使用伪类来实现。基本原理是利用after/ before插入新的元素。然后利用新元素的背景颜色或背景图片覆盖掉原来的样式。CSS代码:input[type=checkbox] { margin-right: 5px; cursor: pointer; font-size: 14px; width: 15px; h...原创 2018-10-10 17:17:25 · 23021 阅读 · 1 评论 -
2018年10月份最新的前端面试题,面试前端多来看看……
怎么去设计一个组件封装组件封装的目的是为了重用,提高开发效率和代码质量低耦合,单一职责,可复用性,可维护性前端组件化设计思路js 异步加载的方式渲染引擎遇到 script 标签会停下来,等到执行完脚本,继续向下渲染defer 是“渲染完再执行”,async 是“下载完就执行”,defer 如果有多个脚本,会按照在页面中出现的顺序加载,多个async 脚本不能保证加载顺序加载 es6模...原创 2018-10-10 20:52:56 · 468 阅读 · 0 评论 -
前端面试的许许多多套路
正文我把整个面试分为面试前、面试中、和面试后三个阶段,每个阶段都有每个阶段的套路。我想到的和遇到的套路有限,后续会补充更新,所以这条“路”暂时还没有很长。。。话不多数,上车原创 2018-10-19 22:06:59 · 163 阅读 · 0 评论 -
有人说前端岗位饱和了,我还该不该入门学习前端?
1 .前端岗位饱和了?随着互联网和移动终端的普及,雨后春笋般的互联网项目的发展,用户对于用户体验的需求不断提升,前端工程师逐渐成为介于视觉工程师和后端工程师之间必不可少的角色,备受大家的追捧和关注。随着前端工程师岗位的发展,近期,网上不断传出前端工程师岗位饱和的言论。网上有人抱怨说,前端工程师人太多了,工资太低,工作太难找了。前端岗位真的饱和了吗? 答案当然是否定的。近几年来,前端岗位的热...原创 2018-10-17 17:39:18 · 1468 阅读 · 0 评论 -
手把手教你如何绘制一辆,“单身自行车”,哈哈哈!
手把手教你如何绘制一辆,“单身自行车”,哈哈哈!过程解析:效果已经看了到,有没有感觉很牛B??其实也就一般般啦~,接下来就让我带大家一起分解一下它的实现过程吧canvas中文名中:画布,它就跟我们在纸上画画一样,画某样东西之前,我们要先学会构思、拆解你要画的东西,就跟汽车、手机等东西一样,一个成品都是由很多零件组成的,当你拆解开来,一点点完成再组装的,就会变的容易的多。绘制地平线 :首...原创 2018-10-22 15:45:02 · 1249 阅读 · 0 评论 -
小白学习前端--- HTML的基本属性
一.HTML的属性1.1基本属性1.1.1三个基本属性class 定义类规则或者样式规则id 定义元素的唯一标识stype定义元素的样式声明1.1.2不含三个基本属性的元素html、head 文档和头部信息基本结构title网页标题base 网页的基准信息meta 网页元信息param 元素参数信息stype、script 网页的脚本信息和样式...原创 2018-10-17 20:31:54 · 240 阅读 · 0 评论 -
基于 Vue 的日期选择插件 vue-better-calendar
vue-better-calendarvue-better-calendar是一个基于 Vue 的日期选择插件,它提供了四种日期选择模式(范围选择,多选,签到,单选)安装使用npm安装npm install --save vue-better-calendarES6方式导入import VueBetterCalendar from ‘vue-better-calendar’Vue.u...原创 2018-10-22 20:25:13 · 3628 阅读 · 0 评论 -
基于Vue实现动态组织结构图
最近一个项目里有个前端绘制家谱图的需求,大概是下面这个样子:基于Vue实现动态组织结构图点击节点会弹出操作菜单,实现增删改查等操作,查阅网上资料发现,现有案例基本都是基于orgchart这个jQuery插件实现的,我们的项目是基于Vue的,不希望因为这个功能引入jQuery,所以就基于Vue实现了一个简易版的树形图/组织结构图组件:Vue-Tree-Chart。Vue-Tree-Chart实...原创 2018-10-20 21:46:58 · 17620 阅读 · 2 评论 -
实现一个简单版本的vue及源码解析
Vue.js的响应式原理依赖于Object.defineProperty,尤大大在Vue.js文档中就已经提到过,这也是Vue.js不支持IE8 以及更低版本浏览器的原因。Vue通过设定对象属性的 setter/getter 方法来监听数据的变化,通过getter进行依赖收集,而每个setter方法就是一个观察者,在数据变更的时候通知订阅者更新视图。Let data to observable...原创 2018-10-25 15:10:45 · 452 阅读 · 0 评论 -
浅谈node.js模块引入机制
前言CommonJS的模块规范指出模块主要分为三部分:模块引用、模块定义、模块标识模块引用模块引用的示例代码如下:const math = require(‘math’)在CommonJS规范中,存在 require() 方法,这个方法接受的参数为模块标识,以此引入一个模块的API到当前的上下文中。模块定义在模块中,上下文提供 require() 方法来引入外部模块。对应...原创 2018-10-25 17:56:46 · 656 阅读 · 0 评论 -
koa-connect源码解析
文中提到的koa均为koa2提到nodejs, 想必大家都知道express和koa.express: 大koa: 小比较的的是功能, 社区, 中间件,相关资源等这里我就专门说说中间件吧, 很多人可能说express插件丰富啊. 其实除了中间件, 其余什么的和express koa本身并没有多大关系, 不都是基于nodejs http(https)的封装嘛.express中间件是非常的...原创 2018-10-25 22:25:24 · 245 阅读 · 0 评论 -
小程序开发-梳理登录流程-v1.0
同步滚动:开在小程序官网里面会提到一个小程序的登录逻辑,这是官方推荐的登录逻辑,也就是所谓的小程序登录态维护逻辑,这里是官方的图:官方逻辑的个人理解:用户打开微信小程序。也可以是在需要的时候处理这个逻辑,不一定是打开小程序的时候执行这个逻辑。具体看业务需要,但是往往很多业务设计都是要用户打开小程序的时候,来运行这个逻辑的。小程序通过 wx.login 获取微信的 code,然后将这个...原创 2018-10-23 21:09:42 · 603 阅读 · 0 评论 -
vue开发规范
规范案例1.组件命名组件文件名应该始终以单词大写开头(PascalCase),组件名也是以单词大写开头,当多个单词拼写成的组件时,单词开头大写,采用驼峰式命名规则。一般是多个单词全拼,减少简写的情况,这样增加可读性。组件应该都放到components文件夹下,单个页面独立一个文件夹,用来放相对应的vue文件以及页面相关的样式文件,样式少可直接写到页面组件里边,这样更符合组件化的思想。文件夹名称...原创 2018-10-23 22:10:25 · 404 阅读 · 0 评论 -
vue移动端项目缓存问题实践
最近在做一个vue移动端项目,被缓存问题搞得头都大了,积累了一些经验,特此记录总结下,权当是最近项目问题的一个回顾吧!先描述下问题场景:A页面->B页面->C页面。假设A页面是列表页面,B页面是列表详情页面,C页面是操作改变B页面的一些东西,进行提交类似的操作。A页面进入B页面,应该根据不同的列表item显示不一样的详情,从B进入C,也应该根据item的标识比如ID展示不一样的内容...原创 2018-10-29 17:11:26 · 5626 阅读 · 0 评论 -
vue-cli 项目配置多环境
vue-cli 项目配置多环境vue-cli 默认只提供了 dev 和 prod 两种环境。但其实正真的开发流程可能还会多一个 sit 或者 stage 环境,就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码。其实很简单就是设置不同的环境变量详细操作过程1.在 package.json 中添加 test 命令"scripts": { "dev": "cro...原创 2018-10-29 21:42:10 · 2560 阅读 · 0 评论