Web前端
文章平均质量分 66
mayfla
hahahhaha
展开
-
浏览器渲染原理
最近在开发B/S 框架的项目。开发都是web页面,也就是运行在浏览器上的用户操作页面。浏览器是用户得到服务最直接的地方,后台做的好,前台也要让用户用着方便。这里就研究一下浏览器的一些原理是如何提高用户体验的。 首先,这里有一个新词,渲染。什么是网页渲染呢?网页渲染就是html代码根据css定义的规则,显示在浏览器页面上的而过程。 来看看浏览器是怎么干活的:原创 2015-12-05 23:58:53 · 1145 阅读 · 18 评论 -
web前端工程化之数据绑定
这篇博客我放了好久都没有来补充了,是因为那时候做前端,有很多东西很迷糊,这些名词都是新的,经过这么长时间 的沉淀,这些名词就不再是不熟悉的,而是每个页面都在使用的。 先来了解一下前端基本结构包括:page.html、page.scss、page.ts我们的页面就是写在html中,页面样式写在scss中,函数方法写在ts中。这个和js很像,其实ts就是封装的js...原创 2017-12-31 17:52:29 · 1569 阅读 · 0 评论 -
web前端工程化之VS Code调试
开发完了,避免不了要使用工具进行调试,其实对于有经验的人来说,怎样调试,用什么工具调试,都只是些细微的差别。用什么工具都可以做这件事情。那使用vscode怎么调试呢。 从后端开发熟悉debug之后,前端会有点点不习惯,但是没有关系,做一次就明白怎么回事了。1、vscode启动 我使用过的前端有angular和ionic,使用不同的前端框架,启动的方...原创 2017-12-31 17:55:10 · 1618 阅读 · 0 评论 -
web前端工程化之VS code版本控制工具Git和SVN安装
VSCode本身就是一个文本编辑器,非常轻量级,搭配各种插件的话,就可以重现Visual Studio的强大功能。一、VSCode使用Git进行版本控制参考小编另外一篇博客进行git基本配置1、关联vscode和git打开vs_code,然后文件 >首选项 > 设置,然后添加"git.path"键,值为Git目录下的cmd下的git.exe文件。如: "git.pa原创 2017-12-31 17:56:11 · 13361 阅读 · 0 评论 -
web前端工程化之依赖注入
传统依赖控制,由使用者自己new 依赖注入控制器从内部转到了外部注入器 把service注入到product1中,在app模板中使用product1serviceModuleProduct1Product1.htmlApp.htmlProduct2 效果在s原创 2017-12-31 17:50:59 · 1072 阅读 · 0 评论 -
Web前端工程化之Angular组件
1、组件概念 如何理解组件,可以帮助你如何理解前端工程化,就是把页面上显示的内容,划分成一个个的组件,组合到一起就变成了我们熟悉的网页。看一下下面这个百度页面,怎么划分,可以从head、body、footer分三部分,在大的组件上还有小的组件,然后经过一层层组件嵌套。这就是一个页面的主要组成部分。2、开发准备工作:先引入包:原创 2017-12-31 17:48:47 · 723 阅读 · 0 评论 -
web前端工程化之路由
控制视图应用状态的对象调试阶段,更新组件和路由的时候,需要重新运行,浏览器更新是没有效果的,只有静态页面的更新能够被刷新出来。路由的5个对象Routes,path中不加/RouterLinkRouter对象在app.component.ts中,通过构造函数创建,然后在事件中调用导航 效果: —原创 2017-12-31 17:50:06 · 431 阅读 · 0 评论 -
Web前端工程化之VSCode+Git 解决冲突和error
多人协作开发使用版本控制难免会有冲突,在前端使用VSCode和Git过程中,就会遇到大大小小的冲突,有的merge一下,然后提交推送就可解决,有的是因为HEAD指针混乱造成,本地和远程分支拉取/合并问题。问题1、直接解决冲突 出现这种情况的原因是,A、B两个人同时操作了一个版本(HEAD)文件,工具不知道选择哪一个,这样就会报冲突。使用当前|使用传入原创 2018-01-01 18:57:45 · 35086 阅读 · 4 评论 -
如何关闭CSDN右下角的小广告
纯属无聊,年前给自己挖了几个坑,有几篇博客要写,但是不知道怎么回事CSDN广告不能被去广告插件拦截,而且手动也关不掉,就这么点屏幕,被广告死死占据一块,很麻烦。右下角出这种各种有的没有的广告,烦都烦死人了,还占地方。想着怎么去掉这些广告1、去广告插件不论是使用Chome、firefox、360还是其他浏览器,都会有一些去广告插件可以选择,例如adblock、广告拦截等等原创 2018-01-24 20:31:15 · 3073 阅读 · 4 评论 -
前端工程化之Nodejs+Angular+webStorm+VSCode安装与配置
angular是在nodejs基础上运行的,所以先安装nodejs。安装Nodejs在官网上下载 合适的版本下载node-8.9.0-x64.msi一路下一步,直到安装完成请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x以上的版本。 更老的版本可能会出现错误,更新的版原创 2017-12-31 17:47:12 · 1471 阅读 · 0 评论 -
web前端工程化浅析
目前来说,Web业务日益复杂化和多元化,前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目,都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题,比如:如何进行高效的多人协作?如何保证项目的可维护性?如何提高项目的开发质量?... 前端工程化就在这个快速发展的时代下,应运而生,它存在的目的就原创 2017-12-02 17:15:16 · 5966 阅读 · 2 评论 -
匿名函数和闭包
在学习JavaScript中有一个匿名函数,它像函数但是又和经常遇到的函数不大一样。匿名函数就是你不知道它的名字,普通函数和匿名函数对比普通函数:function box(){var name='普通函数';}alert(box());匿名函数: function(){alert('匿名函数');}();调用匿名函数:想要调用匿名函数也很简单,原创 2015-04-10 21:23:19 · 808 阅读 · 8 评论 -
JS+Html控制控件的显示与隐藏
有一个需求是利用一个button按钮,控制另一个控件的显示与隐藏点击加号可以添加一个监考,点击减号可以去掉一个监考。function listchange() { var sel = document.getElementsByName('tasklist_type'); for (var i = 0; i < tasklist_type.options.le原创 2015-08-31 19:31:51 · 3425 阅读 · 10 评论 -
Linq to SQL 中datetime 和string转换
一般我们给一条记录增加时间记录,唯一的标识某一个时间点。例如我对数据进行一次操作,或者添加一条数据,都需要记录操作完成的时刻。简单的使用datetime.now ;就可以获取本机当前时间。那么这条数据传送到数据空就是这样的:2016-01-27 15:25:25.290 是yyyy-MM-dd hh:mm:ss.xxx的。。那么问题就来 ,如果我将它转换为string类型显示到文本原创 2016-01-31 21:52:19 · 8745 阅读 · 5 评论 -
HTML、XHTML、HTML5区别和联系
WWW(World Wide Web,万维网)是一种建立在Internet上的、全球性的、交互式的、多平台的、分布式的信息资源网络。它就是采用HTML语言描述的超文本文件(包含连接关系和多媒体对象)。原创 2015-01-25 19:37:43 · 4385 阅读 · 15 评论 -
AJAX原理
随着互联网的发展,交互式的程序,现在越来越多的从C/S专项B/S ,也就是浏览器代替了客户端,这里面就有一个问题,如果我用户的请求很多,难道每一个请求都要进行一次完全刷新才能得到我想要的吗?No,当然不是。这里就要用到好用,众多浏览器支持的AJAX来解决这个问题。概念AJAX(AsynchronousJavaScript and XML ),就是异步js和XML,它不属原创 2015-06-16 22:15:35 · 1244 阅读 · 7 评论 -
【JavaScript】程序入门基础(一)
JS是JavaScript的简写,看着和java有些像,其实没有多大关系,只是因为java的名气比较大,借用一下而已。下面来总结一下写出一个js程序应具备哪些基础的知识。一、JS和HTML 首先js一般和HTML一起出现,因为js是脚本语言,它不能独立完成编程,要么是嵌套要么是引用。这样它运行在浏览器的语言才算坐实了。嵌套 首先有一个HTML文件,嵌套的意原创 2015-06-23 15:37:31 · 1010 阅读 · 8 评论 -
【JavaScript】程序入门(二)
有时候学习一个新技术,看的很多,但是在运用上原创 2015-06-24 17:26:08 · 1305 阅读 · 11 评论 -
前后端之代码检测
我们写代码的时候触发强烈按照代码规范来执行,否则稍有不注意就会在哪里,写的代码有欠缺,并且在团队开发中为了统一大家书写规范避免一些不必要的规范冲突,提高代码的可维护性,所以引入代码检测工具非常重要,现在越来越多的工程,使用前后端分离的技术,前后端的地位一样重要。前端代码质量检测工具选择HTML / tpl:HTMLHintCss/scss:StyleLintJavaScri...原创 2019-02-28 11:09:32 · 4443 阅读 · 1 评论