我们很多时候的创作都会出现一个误区,就是容易偏题!就像我们高中是写作文一样,我们拿到一个命题,我们首先要去审题,看看这个命题到底是让我们写些什么内容。当然,我们现在写的技术性博客,不完全像我们那时候写的作文一样。因为我们写的博客是我们自己去命题,然后根据自己的命题,去展开对这个问题的讲解。
今天一连两次被问到简历中提到的高性能Web开发方面的事,看来这种大标题很有诱惑力。
BootStrap 目前已经出了 4 个版本,每个版本都有对应的官网教程,先来看看不同版本里的宣传语:
对于图片灯箱插件我之前一直无感,直到慢慢越来越多的人联系我说它的重要性,所以主题慢慢的都开启了 Fancybox 图片灯箱插件,效果和功能都很强大,但是最近发现了“ViewImage.js”,这是基于jQuery开发的插件,使用Gzip压缩后不足 1kb,还支持响应式的一款极简灯箱插件,打算把主题都集成这个插件,真的超级精简,使用了几次效果挺好,在此基础上又简单优化了几处css,想着每个人要求不同就顺手做了这款极简插件(插件地址下文章底部)
对于图片灯箱插件我之前一直无感,直到慢慢越来越多的人联系我说它的重要性,所以主题慢慢的都开启了 Fancybox 图片灯箱插件,效果和功能都很强大,但是最近发现了“ViewImage.js”,这是基于jQuery开发的插件,使用Gzip压缩后不足 1kb,还支持响应式的一款极简灯箱插件,打算把主题都集成这个插件,真的超级精简,使用了几次效果挺好,在此基础上又简单优化了几处css,想着每个人要求不同就顺手做了这款极简插件(插件地址下文章底部)。
极验的滑块验证图片是重新拼接的乱序图片。图片是由canvas标签绘制的,可以通过监听canvas断点调试。
正好旁边前端的兄弟最近在学习React,为了更深入的了解前端的业态,也果断来学习一发,目标是有个基础的了解,需要时能快速上手就OK,说实话,个人并不是很喜欢它的这种推翻MVC的思路,这个思路和原来的微
前端项目随着时间推移和业务发展,页面可能会越来越多,或者功能和业务代码会越来越多,又或者依赖的外部类库会越来越多,这个时候原本不足为道的 webpack 构建时间消耗就会慢慢地进入我们的视野。
很多同学不知道为什么要用 debugger 来调试,console.log 不行么?
Sass (Syntactically Awesome Stylesheets) 是一种动态样式语言,Sass 语法属于缩排语法,比 css 比多出好些功能 (如变量、嵌套、运算,混入 (Mixin)、继承、颜色处理,函数等),更容易阅读。
[ 系列文章 ] 移动端也能兼容的 web 页面制作1:MDBootstrap 演示 Demo 运行演示
全文共6511字/词,阅读大概需要13分钟,太长不看党请直接移步👉「开始优化」部分直接查看优化手段 背景 前段时间公司服务器网络波动,网站访问变慢,一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下,访问新项目时,加载了近1分钟都没加载出来,而访问其他页面顶多也就30-40s。 在网络恢复后,尝试访问了下页面,无缓存首次打开需要等待近11s的时间,最大的资源达到了3.7M... 在对项目做了一些优化处理后,再次无缓存打开可以发现网页几乎是秒开,平均耗时在1s以内 在这里总结记录一下,基本上都是一些
http://www.cnblogs.com/jikey/p/4240911.html#一-新浪的布局特点
本文没有什么高深的东西,就是写几个CSS样式经常遇见的东西,可能大部分都已经知道怎么解决了,当做小白文浏览就好。
知识图谱项目是一个强视觉交互性的关系图可视化分析系统,很多模块都会涉及到对节点和关系的增删改查操作,常规的列表展示类数据通过表格展示,表单新增或编辑,而图谱类项目通常需要关系图(力导向图:又叫力学图、力导向布局图,是绘图的一种算法,关系图一般采用这种布局方式)去展示,节点和关系的新增编辑也需要前端去做一些复杂的交互设计。除此之外还有节点和关系的各种布局算法,大量数据展示的性能优化,节点动态展开时的局部布局渲染,画布的可扩展性,样式的自定义等等诸多技术难点。目前国内使用最多的两个已开源的前端可视化框架:阿里的AntV、百度的Echarts对于关系图的支持都比较弱,不能完全满足项目中的需求。
(昨天喝多了,断更一天,各位抱歉哈) 这个问题,是我们共进会里一个成员提出的,大四,计算机专业,记得他有些JAVA经历,感觉算是半个后端转前端吧。他学习还是很努力的,作业啊,日志啊,签到啊,都不落下。 昨天他问我这个问题时,我当时已经喝多了,晕晕的回答他说, 建议你分成二部分来看待,,JS做为基础,一定要一直不停的看。就是遇到原生JS的知识,就看看。尤其要注意面试类的相关原生 JS知识,因为面试的时候,一定会问。 jQuery部分做为工作技术来看待, 一,可以从各种小例子入手,多做多练。目的是熟悉JQ的各种
看着流量一天天刷刷的消失,虽说现在不至于把10G的流量一月耗完,但不保证以后不会,零七碎八的传的图片慢慢积累起来就多了,这些也是消耗流量的大户,为了避免以后转移麻烦,还是的早点想想办法。
eureka,是springCloud生态中的负责构建服务注册与发现的注册中心组件。本文,通过从eureka的项目结构出发,一点点去剖析eureka的源码。
11月11日是个有趣的日子。客观来说,它和一年中其他364(365)天一样没什么特殊,但偏偏又总被人赋予特殊的含义。十年之前,大家谈论的是如何打发“光棍节”(跟 和菜头 一样,此节日的发源地也是本人的母校)。到了近些年,这一天显然又成了“剁手”的代名词,阿猫阿狗们早早地就开始了铺天盖地的宣传。 不过还没到正日子,这几天我就碰上了两件闹心的事: 刚下单的商品,第二天就降价了! 打算再等等的商品,准备买的时候居然价格涨回去了! 所以别看折扣打得狠,优惠券给得大方,你究竟有占到多少便宜,自己心里还真没点数。于是,
文章:https://kunnan.blog.csdn.net/article/details/106406160
1、前言 大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆
第一次接触《Cloud Studio》还是通过微信群里 “腾云先锋(TDP)反馈交流群”,充满好奇心的我看到这个东西决定还是先了解了解,
前不久写了一篇关于爬虫把网站的帖子,主要是介绍了一些。工具方面的东西,一个是八爪鱼,还有一个是webcopy。还有其他的一些常见的工具,像国外的IDM,IDM也是非常流行的操作建议是非常方便的,不过这几年在爬虫方面,大部分崛起,让导致IDM的软件使用需求变少。也新增了像八爪鱼和Webcopy这样的软件。
现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等。有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库。有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:) 1) Headroom.js H
slidedown 一般是隐藏的div 向下慢慢滑动,全部显示,此例子刚开始向上滑动慢慢全部显示,原因是样式定义了position:fixed;left 及 right,相当于把下面与右边的位置固定了,slidedown应理解为展开,slideup理解为收缩,不能理解为向上滑动或者向下滑动
近期都游荡在各大群里看大家的讨论,经常看到关于程序员生涯的一些讨论,颇有感触,最近的国庆的确过得有些堕落,都没怎么更新,仔细相信还是应该分享点经验给大家的!想必大家都经历过面试,这是进入一家公司的必要门槛,面试官总会问“你的职业规划是什么”,那么你怎么回答? 技术经理,项目经理,架构师,有时候这些回到不是你想到的,而是你身边的人说多了,就脱口而出。 我们为何需要职业规划,我在之前的文章中有说过,我们程序员不可能写一辈子代码,我们不是在美国,在美国你就算50多少,60多少也能很有底气的写代码,但是似乎在中
| 导语 最近特别火的狼人杀和最近特别火的React Native会擦出什么样的火花呢?本文和您一同探讨RN性能优化的现实场景。 项目简介: 狼人杀游戏是多人实时性游戏,对流畅度等性能都有要求。作为大型游戏,无论从代码规模和迭代速度来看,手Q的安装包和版本迭代速度都无法用native来承载这样的游戏。从而React Native成为了比较好的选择。 手Q React Native 简介 在手Q目前使用的React Native 版本是0.15版本。下面的数据分析都是基于手QRN0.15版本进行的分析数据
问题:我怎么才能收到你们公众号平台的推送文章呢? 最近写了一个wechat-colorpicker小项目。 主要是为了练习下TS。既然写了一个小库,我就想着顺便学下如何写测试吧,这是一件蛮有意思的事情。 从选型到搭建环境,前前后后用了近2个小时。不得不说一个合格的前端必然是一个合格的配置工程师。再次列举下,这个项目中所需要搭建配置的工具。 webpack.config 自动编译ts+css tsconfig.config ts的配置文件 tslint.json tslint的配置文件 jest.config
前几日在推送《六大方向助你突破前端生涯平台期》之后,收到了一位读者的来信,我觉得这位同学的发展经历还是很具有代表性的。所以经本人允许之后,我决定把原文发出来给其他同学借鉴一下,并标注了其中的关键信息:
仿网易轮播图 1、HTML部分 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>仿网易轮播图</title> 6 <link rel="stylesheet" href="css/css.css"> 7 <script src="js/slider.js" type="text/javascript"></script> 8 <script
全球知名网站 PornHub 有海量用户和流量,所以大家都说成人网站是各种前沿 IT 技术的试炼场。
写了这么多年爬虫了,经常还是会撞上反爬机制。虽然大多数时候都能解决,但是毕竟反爬机制多种多样,有时候遇到一个许久不见的反爬机制,也会感到手生,一时想不上来应对方法,而浪费不少时间。最近写了不少爬虫,接下来一段时间又不写了,趁着手还比较熟,记录一下备忘,方便大家也方便自己。
$(this)就是将这个dom对象转换成jquery对象,就可以对这个对象进行操作;
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。 这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。
http://www.cnblogs.com/jikey/p/4259360.html
注:本人发布的所有文章均为原创,未经作者许可,切勿转载,谢谢。 本文面向初学者,大神轻喷。 好了,开始吧。 上一节 JavaScript: 零基础轻松学闭包(1)中,我们对闭包的原理进行了讲解,这一节会说很多实战性的东西了,可能会有点难度,你准备好了吗? 1. 如何将私有数据暴露出去 还记得在上一节中,有这样一个例子么? var test = function(){ var i = 10; } function test2(){ alert(i); } test2(); 函数 test
前言 说起动画H5,作为一个前端,可谓是“又爱又恨”。爱的是加上动画动效后H5会变得生动有趣,吸引力Max;恨的是做动画时都是一边在脑海中yy效果,一边用css、js代码模拟出来,既低效又
原本昨天就要发文章的了,由于之前的pdd文章被投诉了,删除了,影响心情的同时也不敢乱发文章了,所以就暂时歇了一天,也改了另外一个网站,就是今天的物流网站。如果大家某天看不到我发文了,估计我也是被举报完了,到时想要看的可以去我的GitHub上看。
前面几期我们学习了切图大法,我相信只要你认真学完,就可以立即派上用场。比如可以将你喜欢的图片切成个人主页,也可以将贺卡图片做成带链接的邮件等等。
今天是春节之后上班第一天,许多同学们都会觉得有些不习惯吧?没关系,明天就是第二天,后天就是第三天了,慢慢的你就习惯了...跟大家开个玩笑哈,春节已过,让我们继续学起来。 上一篇:【图片简历】Vue.js在线简历编辑器&生成图片简历(一) 在上一期的文章中,我们已经把需求分析的差不多了。那么我觉得这里面有二个难点, 一是html简历页面,生成为图片并下载; 二是数据库结构的设计,在这个例子中,我选用的是MongoDB; html生成图片下载的原理其实很简单,就是使
https://developer.salesforce.com/docs/component-library/bundle/lightning-datatable/documentation
HTML5学堂:在AJAX知识当中,有几个经典的辨析,“同步加载”与“异步加载”的区别;post与get的区别;XML与JSON的区别等。本文讲解的就是同步与异步的区别,可以通过图片更直观的理解两者在加载内容时的流程。在最后介绍了异步加载的优势。 什么是AJAX AJAX是四个单词的简写,其中Asynchronous即异步的意思,异步的链接可以同时发起多个,并且不会阻止JS代码执行。与之对应的概念是同步,同步的链接在同一时刻只会有一个,并且会阻止后续JS代码的执行,JS必须等待同步链接加载完毕后才能继续执行
就在最近,公司让我写一个后台,其中用到了富文本编辑器。自从这个富文本的出现我就慢慢的进入了一个坑,起初不知道用什么编辑器好,看了好多好多,最后选择了。这个wangeditor3。个人认为这个富文本很干净,还很多功能。
很久没更新JS逆向方面的文章了,一个原因是因为最近爬虫这方面管的比较严,相信大家都看过很多违法的案例了,就不细说了。另一个原因是我换坑了,现在的工作内容基本上和爬虫不相关了。
今天给大家带来的是 2B 领域的一个架构难题,我们最终也没有找到一个较好「解决」方案, 或者说它本来就是一个伪命题。
作者最近在做一个收集粉币的项目,可以用来干嘛这里就不展开了😁,需要进行登录换算token从而达到监控收集的作用,手机抓包发现他是通过APP进行计算之后再请求接口的,通过官网分析可能要比APP逆向方便多,但是通过这几天的观察我并没有头绪,这篇文章草稿创建了接近一个月了,无从下笔,借助了人工智能也没有达到效果,可见它的难度不一般(也可能是我JS基础太过薄弱的原因),本次我们用一种分析方法慢慢的瓦解击破他的层层逻辑!
昨天大致分析了IT中的12个职业,相信大家大致都有了了解,那么现在我就从工作内容、职业技能、职业需求等方面为大家详细分析这些职业。 今天我们先分析一下JS这一职业吧!!! JS 1 工作内容:JS工程师其实分成两类,在之前讲CSS的时候已经提到过,一个是套页面的,一个是前后端分离的。 对于套页面来说,一个是做一些简单的动画和交互和验证,轮播图,弹框,验证用户名等等。另一个就是通过Ajax取一些后台数据,在页面上展示出来。 前后端逐步分离,彻底的改变了前端的世界。前端有了架构。前端工程师和后端工程师只通过
今天大师兄碰到一新来的实习生在使用 alert 调试H5页面,仿佛看到大师兄年少时羞涩的样子...
领取专属 10元无门槛券
手把手带您无忧上云