前端开发
文章平均质量分 72
r_martian
这个作者很懒,什么都没留下…
展开
-
React 与 Antd Pro开发应用
对于后端而言,前端技术也是要会的,后端技术包括go、python、java、php及其相关框架、技术等,前端目前比较流行的有vue,react,angular等,了解这些的好处在于,很多公司内部的系统不要求界面美观,此时就可以由后端人员自行实现,那么就讲讲我学习React的相关经历吧1 认识React1 React 是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V层。2 React 起源于 Facebook 的内部项目,用来架设 Ins原创 2020-07-18 10:19:06 · 2210 阅读 · 1 评论 -
重新认识GET,POST
GET, POST是http协议的两种请求方式,每当有人问两者的区别时,每个开发人员都能说出一堆,比如: 1 GET在浏览器回退时是无害的,而POST会再次提交请求。 2 GET产生的URL地址加入书签,而POST不可以。 3 GET请求会被浏览器主动cache,而POST不会,除非手动设置。 4 GET请求只能进行url编码,而POST支持多种编码方式。 ...原创 2018-07-08 16:31:27 · 363 阅读 · 0 评论 -
HighCharts 3D环形图
highChart环形图是基于饼状图处理的。前提需要引入highCharts包 方式1. 在html文件中引入js包(本地或CDN包均可);<script src="http://code.highcharts.com/highcharts.js"></script>方式2. 在项目中composer安装,然后以资源的形式引入;效果图代码<script src="http://code.highc原创 2016-11-24 21:04:50 · 3981 阅读 · 0 评论 -
pjax技术简述
pjax是一个jQuery插件,结合ajax和pushState,能够快速的实现页面刷新和url修改。页面a链接和表单提交都能触发pjax请求,服务器返回请求的html片段,局部替换页面内容同时把url推送到历史记录中,有效降低了负载。PJAX的基本思路是,用户点击一个链接,通过ajax更新页面变化的部分,然后使用HTML5的pushState修改浏览器的URL地址,这样有效地避免了整个页面的重新加原创 2016-10-19 09:56:36 · 1861 阅读 · 0 评论 -
webpagetest使用入门
网站加载经常会遇到慢的问题,为了找到原因,一般需要借助工具进行检测,比如webpagetest工具,该网站可以检测站点加载资源的相关情况。界面如图所示:一、输入相关信息在图中填写站点url,test location和Browser后,点击右侧start test即可进行检测站点资源加载情况,如下图所示(此处以jd.com为例):图中显示目前在排队等待测试,前面有27个待测试站点。可以关闭该网页,过原创 2016-10-14 23:19:25 · 10110 阅读 · 3 评论 -
Gulp编译、合并、压缩
前段时间写过一篇文章介绍Gulp和Grunt的区别[Gulp和Grunt],有兴趣的可以看一下,这里简单介绍一下Gulp如何配置编译less文件,合并生成的css文件以及压缩css文件。一、准备工作需要安装一下gulp插件: 前提是安装了node与npm模块。2. gulp3. gulp-less #less4. gulp-concat5. gulp-minify-css6. gulp-r原创 2016-06-21 18:45:36 · 8812 阅读 · 1 评论 -
sublime安装与配置
Sublime是个很强大的编辑器,支持跨平台、多语言代码高亮、高可扩展性,也是目前比较流行的一款代码编辑器。sublime使用Package Control进行插件管理。 Package Control 安装方法如下:使用快捷键 ctrl+~,打开console窗口对于版本2而言,复制下面代码到console,回车;import urllib2,os;pf='Package Control.sub原创 2015-09-20 17:10:24 · 651 阅读 · 0 评论 -
css position属性
position:static absolute relative fixed 元素position默认是staticTRBL属性(top、right、bottom、left)只有当元素设定了position属性才有效。1.偏移属性设置了定位属性的元素,同时获得了偏移属性,top right left bottom z-index但对于static的元素不具有这些属性2.relative设置rel原创 2016-06-19 08:42:51 · 797 阅读 · 0 评论 -
Gulp and Grunt
作为前端开发必备的构建工具gulp和grunt,对于做前端的人肯定再熟悉不过,至少是非常熟悉grunt。目前项目中less文件编译工具是使用的grunt,但是效率有点低,这才开始研究如何提交编译速度的,当然这时才看到gulp。一、Gulp区别于grunt易用 Gulp相比Grunt更简洁,而且遵循代码优于配置策略,维护Gulp更像是写代码。高效 Gulp相比Grunt更有设计感,核心设计基于Un原创 2016-03-06 17:50:30 · 1247 阅读 · 0 评论 -
Grunt入门
一、Grunt是基于Node.js运行的。正常运行Grunt,必先正确安装Node.js 和 NPM1. 首先安装 node(下载msi安装文件),node安装默认安装npm模块2. 安装 npm install -g grunt-cli(确保在cmd中使用grunt命令)3. npm install (指定目录下,执行,生成node_modules)二、一个Grunt项目两个重要文件:pac原创 2015-09-17 23:47:36 · 550 阅读 · 0 评论 -
项目中部署Grunt
一、Grunt是基于Node.js运行的。正常运行Grunt,必先正确安装node.js和npm.1. 首先安装 node(官网下载msi安装文件),node安装默认安装npm模块2. 安装 npm install -g grunt-cli(确保在cmd中使用grunt命令)3. npm install (指定目录下,执行,生成node_modules)二、使用Grunt自动化工具原创 2015-12-02 00:05:48 · 603 阅读 · 0 评论 -
CDN(内容分发网络)
CDN(Content Delivery Network)含义:内容分发网络。目的:尽可能避开网络上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输更快、更稳定。通过在网络各处放置节点服务器,在现有互联网基础之上建立起来的一层智能虚拟网络。CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近原创 2015-10-24 21:34:09 · 724 阅读 · 0 评论