(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:Browser Link是VS 2013开始引入的一个强大功能,让前端代码(比如AngularJS的代码)在VS中的修改更加轻而易举. 前端代码是运行在浏览器中,而Visual Studio通常只会和服务端代码交互.微软通过Browser Link技术在VS和浏览器之间架起了一个桥梁.这一技术是基于SignalR来实现的,虽然感觉把他们连接起来没有什么大不了的.但是,当你无数次在浏览器上按F1

对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不纯粹是指用户访问网站的速度,也包括开发的效率,这里我总结下我理解中的WEB前端性能优化. HTML部分 语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防止src属性和link的href属性为空:当值为空时,浏览器很可能会把当前页面当成其属

1.起因 编写的项目是一个偏向于后台管理的web系统,使用了angular框架,在绑定数据的时候就依赖于后台的接口格式. 以前是后台写好接口后,我在绑定,在这之前一些逻辑是没法做的,有时候后台接口给的慢,就要绑定假数据写死在js里面, 感觉非常被动,后台接口.服务器出个错什么的,我的进度就要被拖延,返回的格式不友好,或者返回的格式和传递的格式不一样的时候,我还要转格式. 人家拍拍屁股说接口写好了,回家休息,我就要加班来写代码. 2.解决思路 返回格式和接受格式,已表单提交为例 <input ng

图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址 意义:网页上的每一个图片,都是需要消耗一个 http 请求下载而来的(所有才有了 csssprites 技术的应运而生,但是 csssprites 有自身的局限性). 图片的下载始终都要向服务器发出请求,要是图片的下载不用向服务器发出请求,base64可以随着 HTML 的下载同时下载到本地.减少https请求. 1 2 3 4 //在css里的写法 #fkbx-spch, #fkbx-hspch {  

1.chrome浏览器,机制是拦截url, 1.在浏览器Element中调节的css样式可以直接同步到本地文件,反之亦然,浏览器会重新加载css,省去刷新 2.在source面板下对js的编辑可以同步到本地文件,反之亦然,浏览器会重新加载js,比如一些基于事件调用的函数, 更改之后再次被触发可以立马看到效果,省去刷新 3.对html的修该浏览器不会重新加载 更多的细节大家自行体会吧!2.设置方法 目录中要避免出现中文! 我的版本是49,不同版本位置可能会有出入 已file:///D:/curre

1.使用场景 我用的是Chrome,Ctrl+F5并不是在任何时候都能清楚缓存,这样很影响效率,下面的方式可以在开发者工具打开的使用禁止浏览器缓存任何资源, 还是出现不及时更新的情况,就要考虑服务器是否完成部署了,额,这种情况你可能再用Eclipse之流开发. 2.方式方法 Chrome49设置方式如下: a.F12打开开发者工具 b c 58版本的Network上 QQ:1947147481  一起进步吧! 赞赏

前端迷思与React.js 前端技术这几年蓬勃发展, 这是当时某几个项目需要做前端技术选型时, 相关资料整理, 部分评论引用自社区. 开始吧: 目前, Web 开发技术框架选型为两种的占 80% .这种戏剧性的变化持续了近 6 年. 自 2013 年 5 月推出以来,ReactJS 在过去三年中已成为了 Web 开发领域的中坚力量. 任何组件与框架都有它的适用场景, 我们应该冷静分析与权衡, 先来看React.js 1 从功能开发角度说,React的思路很好.2 从页面设计角度说,传统的HTML

前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不少人的赞同,也被很多人反感),本文的目的是如何借助这道题梳理自己的前端知识体系! 窃认为,每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍, 没有牢固的知识体系,无法往更高处走! 展现形式:本文并不是将所有的知识点列一遍,

AngularJS 号称 '第一框架' ('The first framework') 确实是名不虚传.由其从jQuery中完全转入AngularJS后就有无法离开他的感觉了.虽然AngularJS的学习曲线很陡峭,入门的门槛相比较高,但这些付出都是值得的相信用过的朋友都会与我有同感吧.为何我如此 地偏爱AngularJS? 或者这样说吧,用AngularJS开发的话其实是给我了一种工业化开发的概念,我对软件工业化的浅显理解简单归结为几点就是: 自动化 智能化 注重质量 注重工艺 前端开发比后端

作为一名真正的菜鸟我想没有比我更加实在的了,三年之中,虽然做了一二三四五六七个项目,基本都是jQuery写的,但是还是一名不折不扣的菜鸟.这让我很尴尬啊,面对前端大量要学习的东西,真的是很头疼,技术更新的实在是太快了,让我这一棵焦躁的心不知所措. 第一年学习前端是懵逼的,当时只是会css,html而已,而2016年才开始真正的踏入前端的大门,学会了jQuery.之后写了好几个项目中的几个模块,开始当然基情比较大,因为那个时候一脸懵逼,反正所有的页面可以通过同事或者自己的简单编写,网上百度搞定.就

原文链接: https://segmentfault.com/a/1190000013662126 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! javascript 前端 232 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不少人的赞同,也被很多人反感),本文的

AngularJS介绍–AngularJS的前世今生 AngularJS是什么 在Web开发领域,我们一般使用HTML作为前端页面元素的声明式语言,使用CSS技术作为展示样式的描述语言,JavaScript作为业务处理交互的命令式语言.当我们构建非常复杂的Web应用时,纯粹而有限的HTML就显得非常不足,Javascript本身也会随着项目代码量的膨胀而难以维护和管理,研发工期和成本也会随之难以控制.这时候,我们一般使用一些类库(例如jQuery.Dojo等)或框架(例如Backbone.Emb

原创:作者 mashihua 最近Node.js很火,让很多的前端看到了可以直接从前端写到后端的希望.但是每次部署一个Node.js的应用却让前端苦恼不已.每次登陆服务器,用自己不熟悉的方式从版本控制仓库中拖下源代码,kill掉应用的进程,重起一个应用的守护进程.如果能够自动化的部署一个Node.js应用,而不需要去接触这些前端不太熟悉的Unix系统命令和管理.对于大家来说就是提升了生产力.Capistrano是一个强大的自动化部署工具,所以我们选用他来做自动化部署.并且我已经把做好了的一个部署

摘要: 一个都不知道的算我输! 这篇文章主要列出了曾经乃至现在都十分受 Web 开发者欢迎的开源工具,相信使用开源工具的 Web 开发者会对它们感兴趣的,它们中有的甚至诞生十多年了,但仍然在发光发热. 1. Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时.它是一个用于构建服务器端 Web 应用的开源跨平台运行时环境.Node.js 使用高效.轻量级的事件驱动.非阻塞 I/O 模型,这使得它更快且更有效率.Node.js 的作者是 Ryan D

计算机视觉life为读者整理了国内几十家涉及SLAM的优秀公司,涵盖自动驾驶.仓储机器人.服务机器人.无人机.AR.芯片相机等领域. 一 自动/辅助驾驶: 1.百度: 主要产品:自动驾驶软件 百度智能汽车开启未来之路.基于SD地图.ADAS地图.高精地图.人工智能.大数据, 向国内外车企提供自动驾驶系统解决方案和HMI人机交互平台:与车企.Tier1厂商.芯片厂商以及服务提供商等共同打造智慧汽车新生态自动驾驶软件服务自动驾驶软件服务,是面向汽车企业提供包括感知.自定位和决策在内的应用级自动驾驶辅

Tengine AIFramework框架 在开源大势下,以数据.算力.算法为三驾马车的人工智能实现了初级阶段的产业化落地.任何一个技术领域成熟的标志是从应用到平台的成功迭代,AI 也不例外,最终引导 AI 走向成熟的必将是软件平台. 以史为鉴,回看过往 PC 时代,Windows 的普及,带来海量差异化业务应用的繁荣,迎来了互联网的快速发展:移动互联网时代,Android.iOS 二分天下,让移动应用开发者得以乘风破浪,千万级的 APP 充实了生活的各个场景,便捷愉悦的同时,业态升级随之而来.

最近尝试了一下将 XtraGrid 的初始化工作封装成内部 DSL,例如一个普通的基础数据的增删改查操作的代码会像下面这样: public partial class UserForm : XtraForm { private readonly UserRepository UserRepository; private readonly UserService UserService; private readonly GridManager<UserDto> _gridManager; p

虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数.同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响,通过这种手工的缓存控制,减少了ajax请求,多多少少也能帮助我们提高网页的性能.本文介绍我自己关于这两方

作为一名产品经理,首先要知道产品对于所属公司来说意味着什么,要探寻这个问题,我们又得知道和公司息息相关的是什么,在我的理解来看,与公司状况相关的因素有以下这些: 市场份额 平均订单金额 盈利能力 资产回报率 从订单转化为现金的周期 应收账款 借贷成本 从这些因素体现出来的最直接的就是公司收入,公司的财务状况,进而可以得出公司的经营状况,如果这些指标一塌糊涂,那么这个公司离倒闭也就不远了.那么现在我们再来看产品对公司意味着什么,应该不难发现上面这些指标都离不开产品,产品的市场份额.产品的平均订单金

前言 Native App:C/S架构,使用原生技术(Java/Objective-C/Swift)实现. Web App:B/S架构,使用浏览器技术来实现,广义上也包括phoneGap以及DP正在尝试使用的EFTE框架. 在PC上,轻量级的应用多是B/S架构,具有轻便.速度快.无需安装.易于版本控制等优点,这种思想运用到极致就是用浏览器充当操作系统(Chromium OS).在手机上,由于网络流量.屏幕适配.机能限制等种种原因,C/S架构的Native App目前仍然是主流.因为本blog主要

一.高性能网站开发功力提升 时间 标题 内容概要 2015-12-28 开学典礼以及工程师成长路线图 工程师成长的发展路径图.三个阶段,在各个阶段需要提升自己的地方,从技术上也讲了一些提高分析代码的工具和方法,如SocketLog 等 2015-12-30 一个好的页面是怎么炼成的及HTML5 应用介绍 分析如何写优化的 HTML代码.语义.响应式设计,Less.Bootstrap的使用,介绍HTML5对HTML.CSS3.JS的改进,以及相关 WebApp 与Hybrid App等,需要讲到混