IT-前端框架
LarryHai6
一直致力于开源技术和软件架构实践,追求业务和技术的最佳实践
| 个人的专业领域包括 大型分布式系统/应用架构设计 云原生架构设计 微服务架构设计 Agile和DevOps最佳实践 DDD设计方法论 数据建模与分析 | 联系方式: 邮件: liuhaidl9@163.com
展开
-
总结常用JavaScript语法107条
总结常用JavaScript语法107条,文章总结了JS中常用的语法,希望能对大家提供帮助.文章总结了JS中常用的语法,希望能对大家提供帮助.1.输出语句:document.write("")2.JS中的注释为://3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,s转载 2015-06-19 22:40:52 · 398 阅读 · 0 评论 -
HTTP Request jsession id and cookie
HTTP Request一般由3部分组成: (1)Request Line 这一行由HTTP Method(如GET或POST)、URL、和HTTP版本号组成。 例如,GET http://www.w3.org/pub/WWW/TheProject.html HTTP/1.1 GET http://www.google.com/search?q=Tomcat HTTP/1.1转载 2017-01-09 23:28:31 · 1118 阅读 · 0 评论 -
web.xml中配置session属性
为什么要在web.xml配置JSP属性在许多情况下,都可以在Java EE中直接使用HTTP会话,不需要添加显示地配置。不过可以在部署描述符中配置它们,并且出于安全地目的也应该配置。在部署描述符中使用标签配置会话。样例[html] view plain copy session-config> session-timeout>30ses转载 2017-01-10 00:01:12 · 4511 阅读 · 0 评论 -
js转成tsd,也就是d.ts文件
近期在学习angularjs2的时候,遇到在typescript中引入第三方库的问题,需要tsd文件,在TypeSearch中有的可以找到,有的则找不到,遇到找不到的又不想自己去写的,于是我就需要自动将通过js转换出tsd文件,解决方案如下:首先你得有node环境,其次进入终端,输入:npm i dtsmake -g,然后有两种转换方式:1.[java] vie转载 2017-03-05 20:37:17 · 9503 阅读 · 4 评论 -
TypeScript 使用方法
TypeScript 使用方法标签(空格分隔): TypeScript1.安装有几个关键的npm包需要安装到电脑中npm install tsc -g //执行typescript到js的编译npm install tsd -g //用来下载typescript的声明文件xx.d.ts,使IDE对第三方包提供智能提示npm install gulp -g //构建工具,转载 2017-03-05 20:44:56 · 2377 阅读 · 0 评论 -
Sass/Scss、Less是什么?
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。Sass与Scss是什么关系?Sass的缩排语法,对于写惯css前端的web开发者来说很不直观,也不能将css代码加入到Sass里面,因此sass语法进行了改良,S转载 2017-03-05 20:59:33 · 1051 阅读 · 0 评论 -
Vue.js vs React vs Angular 深度对比
这个页面无疑是最难编写的,但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框架解决了。你来这里的目的是看看 Vue 是否有更好的解决方案。这也是我们在此想要回答的。客观来说,作为核心团队成员,显然我们会更偏爱 Vue,认为对于某些问题来讲用 Vue 解决会更好。如果没有这点信念,我们也就不会整天为此忙活了。但是在此,我们想尽可能地公平和准确地来描述一切。其他的框架也有显著的优转载 2017-06-08 19:13:39 · 3112 阅读 · 0 评论 -
vue +bootstrap 写的小例子
vue和angular非常像都是MVVM。道理都是想通的,就是语法的差异我觉得vue和angular区别:1.vue更轻,更便捷,适用于移动开发2.vue更简单。。angular和vue指令的差别大致就是 ng-xxx和v-xxx。vue是用过new Vue创建实例,然后在属性data绑定数据,在属性methods里添加方法。vue的循环遍历是 v-for=“” ,事件是转载 2017-06-08 20:03:23 · 4757 阅读 · 1 评论 -
前端框架天下三分:Angular React 和 Vue的比较
前端这几年的技术发展很快,细分下来,主要可以分成四个方面:1.开发语言技术,主要是ES6&7,coffeescript,typescript等; 2.开发框架,如Angular,React,Vue.js,Angular2等;3.开发工具的丰富和前端工程化,像Grunt,Gulp,Webpack,npm,eslint,mocha这些技术; 4.前端开发范围的扩展,如服务端的nod转载 2017-06-08 20:11:18 · 1788 阅读 · 0 评论 -
Vue.js 很好,但会比 Angular 或 React 更好吗?
Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起,它也可以成为一个新“框架”。通过阅读我们最近一次在 ValueCoders 上发表的 文章, 你会了解到 Vue.js 是顶级的 JavaScript 框架之一,它在许多场景中可以被用来替换 Angular 和 React。这就引出了本文要讨论的话题 “Vue.js 是不错,但能比 Angular 或转载 2017-06-08 20:30:36 · 9370 阅读 · 1 评论 -
前端框架大比拼:Angularjs vs Reactjs vs Vue.js
导读:本文作者Payson Wu,硕士研究方向二维PDE数值解析算法,五年前端开发经验,现就职于Microsoft。无论前端后端还是全栈工程师,一定是经常听说 Angular 和 React 的。Vue相对来说貌似没有那么朗朗上口,但其实Vue早在2013年就有了第一次release。好的前端框架是经得起时间检验的,不过一般也熬不太长,两年是一个大坎。这三个framework都经过了多年考验。转载 2017-06-08 20:33:54 · 18298 阅读 · 1 评论 -
vue.js组件化开发实践
前言公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子。后来接到一个基于模板的活动设计系统的需求,便有了下面的内容。借油开车。 组件化需求一到,接就是怎么实现,技术选型自然成为了第一个问题。鉴于目前web前端mvvm框架以及组件化开发方式的流行,决定技术栈采用:vue + es6 + 组件化。这里首先简单说下web前端组件化开发方式的历程:最早的组件转载 2017-06-08 20:49:23 · 1800 阅读 · 0 评论 -
基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
摘要:初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会伴随着登录、注册、用户信息等等,常常会让我们很头疼。既然还没人用vue写过这样的项目,那不如我转载 2017-07-20 14:53:33 · 733 阅读 · 0 评论 -
Vue.js:轻量高效的前端组件化方案
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,转载 2017-07-21 20:54:51 · 839 阅读 · 0 评论 -
Vue 爬坑之路(三)—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo,但是博客中的这个案例被我删掉了,我只好随手写了一个超简单的 demo转载 2017-07-19 21:20:17 · 28195 阅读 · 4 评论 -
mac 上node.js环境的安装与测试
一 摘要如何大家之前做过web服务器的人都知道,nginx+lua与现在流行的node.js都是可以做web服务器的,前者在程序的写法和配置上要比后者麻烦,但用起来都是差不多.在这里建议大家如果对lua脚本语言不了解,可以多了解这门脚本语言,他号称是所有脚本语言执行效率是最高的一门脚本语言.底层是基于C语言的,非常好用,跨平台! 下面我就来给大家配置一下node.js环境.二转载 2016-10-21 10:33:16 · 5384 阅读 · 0 评论 -
JQuery Plugin - DataTable学习笔记
耽误了好几天,因为要做一个嵌入式的实验-Android内核编译与裁剪,很久之前装的wubi不知道为什么运行出错了,然后看着当前的win7系统觉得有点讨厌了,也是因为快1年半没装机了,所以就重新装机了,结果就各种杯具,统计装了2次win7,2次win8,2次wubi,期间碰到了不知多少问题,另一方面限于这可恶的网速,着实让我蛋疼了一把,然后又是各种压力,本人大三了,到了要找实习单位的时候,还有是否决转载 2016-11-04 21:33:09 · 492 阅读 · 0 评论 -
+++JavaScript split() 方法+++
http://www.w3school.com.cn/jsref/jsref_split.asp定义和用法split() 方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)参数描述separator必需。字符串或正则表达式,从该参数指定的地方转载 2016-03-15 23:02:00 · 431 阅读 · 0 评论 -
+++AJAX POST&跨域 解决方案 - CORS+++
跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一。 和大多数跨域的解决方案一样,JSONP也是我的选择,可是某天PM的需求变了,某功能需要改成支持POST,因为传输的数据量比较大原创 2016-03-18 02:41:25 · 491 阅读 · 0 评论 -
++++++jquery相关基础知识++++++
$("#输入框id").keyup(function(){ if(event.keyCode == 13){ //这里写你要执行的事件; } });转载 2016-02-25 15:50:46 · 720 阅读 · 0 评论 -
firefox浏览器不能使用window.close的解决方案
javascript中window.close()函数用来关闭窗体,而且IE、google、firefox浏览均支持,但由于firefox浏览器dom.allow_scripts_to_close_windows参数默认值为false,故close不启作用。 首先在firefox地址栏中输入about:config然后找到dom.allow_scripts_to_close_wind转载 2016-03-23 21:27:01 · 2389 阅读 · 0 评论 -
CSS3 中关于 select 下拉列表的样式
http://www.oschina.net/code/snippet_12_46548代码片段(2)[全屏查看所有代码]1. [图片] Styling_SELECT.jpg 2. [代码]test.html ?123456789转载 2016-03-24 00:32:37 · 5857 阅读 · 0 评论 -
HTML DOM display 属性
http://www.jb51.net/w3school/htmldom/prop_style_display.htm定义和用法display 属性设置元素如何显示。语法:Object.style.display=valuePossible Values值描述none此元素不会被显示。block转载 2016-04-26 17:55:49 · 1012 阅读 · 0 评论 -
+++用纯css改变下拉列表select框的默认样式+++
http://ourjs.com/detail/551b9b0529c8d81960000007在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。问题的提出事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计。一切看转载 2016-03-24 00:34:02 · 6839 阅读 · 0 评论 -
JQuery.Ajax之错误调试帮助信息
http://www.cnblogs.com/NaughtyBoy/archive/2013/03/25/2980812.html原文:http://mybloggers.blog.163.com/blog/static/1003865092010111631741468/下面是Jquery中AJAX参数详细列表:参数名类型描述转载 2016-03-18 02:12:40 · 486 阅读 · 0 评论 -
JS methods - escape()、encodeURI()、encodeURIComponent()区别详解
JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串转载 2016-07-30 16:22:36 · 332 阅读 · 0 评论 -
浏览器加载和渲染html的顺序
1.浏览器加载和渲染html的顺序浏览器加载和渲染html的顺序IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完)如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析,解析过程中,停止页面所有往下元素转载 2016-09-08 23:38:28 · 326 阅读 · 0 评论 -
【译】提高网站访问速度的34条军规
原文:best practices for speeding up your web site提高网站访问速度的34条军规 1-3减少HTTP请求数量使用内容分布式网络给头部添加一个失效期或者cache-control提高网站访问速度的34条军规 4-6压缩组件把样式表放于前面把脚本放在最后提高网站访问速度的34条军规 7-10不使用转载 2016-09-09 14:46:58 · 331 阅读 · 0 评论 -
user agent stylesheet 处理
今天在处理项目页面样式,发现原本同样两个页面,但展示样式风格就是不一样,一个字体大一个小;有user agent stylesheet样子正常样子经过chrome查看样式,发现多出了一个user agent stylesheet样式,覆盖了原来样式经查询,原来user agent stylesheet是浏览器自带样式;转载 2016-09-07 23:30:38 · 4788 阅读 · 0 评论 -
user agent stylesheet对格式的影响
在调整网页的格式发现网页底部总是有一个10像素左右的空格。通过用Chrome流浪器的审查元素发现有一个叫user agent stylesheet设置整个form的margin-botton:1em;通过上网查资料发现这个user agent stylesheet是流浪器的一些默认样式。如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性,因为u转载 2016-09-07 23:36:40 · 881 阅读 · 0 评论 -
浏览器的User Agent Stylesheet
大家通常看到一个没有带任何CSS样式文件的HTML却带有不错的样式,这是由于在W3C的HTML标准里,一些HTML标签自带一些CSS样式。 不同的浏览器把实现这些HTML自带样式的模块称作User Agent Stylesheet。 不同的浏览器实现的User Agent Stylesheet不一,但大部分都能遵循W3C的标准。 个人认为chrome实现的User Agent St转载 2016-09-07 23:51:51 · 1610 阅读 · 0 评论 -
Vue.js vs React vs Angular 深度对比
这个页面无疑是最难编写的,但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框架解决了。你来这里的目的是看看 Vue 是否有更好的解决方案。这也是我们在此想要回答的。客观来说,作为核心团队成员,显然我们会更偏爱 Vue,认为对于某些问题来讲用 Vue 解决会更好。如果没有这点信念,我们也就不会整天为此忙活了。但是在此,我们想尽可能地公平和准确地来描述一切。其他的框架也有显著的优转载 2018-01-10 19:31:42 · 590 阅读 · 0 评论