欢迎来到 艾瑞可erik 的魔法世界 🧙‍♂️

给我一个需求,还你一个项目——别管它是什么。这就是全栈。

📚 291 篇文章 🏷️ 504 个标签 📂 90 个分类

🔥 最新文章

推荐13款优秀的Bootstrap JavaScript插件

Bootstrap是基于HTML,CSS和JavaScript的简洁灵活的流行前端框架及交互组件集,由微博先驱Twitter在2011年8 月开源的整套前端解决解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。 Twitter Boostrap的口号是适用于任何场景,适用于每一个人,如今越来越多的开发者开始积极使用Boostrap,就在几周前,Bootstrap发布了最 新版本,改进了许多新特性。Bootstrap是迄今为止最全面的前端框架及真正适用于快速成型和后端/CMS开发工具。本文收集了13款非常不错的 Twitter bootstrap JavaScript扩展插件,利用Boostrap开发者可以节省大量的时间修复跨浏览器布局问题,实现各种形式的Web界面。

1. Fuel UX Fuel UX是Twitter Bootstrap的一款轻量级插件。组件包括ComboBox, Datagrid, Pillbox, Search 和Spinner等一些实用的插件。

2. BootMetro BootMetro可以将bootstrap转换成Microsoft Metro UI。此外,BootMetro附带的JavaScript插件能够很好的支持Metro性能。

3. WYSIHTML5 WYSIWYG HTML5非常漂亮的一款Web编辑器,拥有比较全面的配置和事件能够满足你的需求。

4. jqBootstrap Validation 我非常喜欢Bootstrap默认的风格。如果你想要个与众不同的主题,那么这个插件可以帮助你。

5. ColorPicker 这个插件允许你添加颜色字段,支持多种色彩风格。

6. DatePicker Datepicker允许添加文本或者任意元素,它常被用作组件可支持多种日期格式。

7. TimePicker 如果你拥有一款日期选择器,那么你肯定想自定义编辑日期。这款插件只需利用鼠标或者箭头键即可轻松输入文本。

8. DateRange Picker 如果你曾用过Google Analytics(谷歌分析器),这款Javascript插件你肯定会很熟悉。DateRange非常适用于生成报表或者收集预约日期。

9. Bootbox JS 利用Twitter Boostrap现有模式创建编程式对话框。bootbox是一款非常灵活的且强大的JavaScrip对话框。

10. jQuery UI Bootstrap 这款拥有和Twitter Boostrap相似的主题,最重要的是如果你想将bootstrap和jQuery UI集成在一起,这个主题将会使它们看起来更加一致。

11. jQuery File Upload 基于HTML5 Ajax文件上传。基本的实现方式还是不错的,这里还有许多示例演示。

12. DataTables DataGrid与Fuel UX相似,支持排序,分页,搜索等功能。

13. Bootsnipp Bootsnipp不同于任何一款JavaScript插件,复制和粘贴布局代码段。它集合了常用的UI,包括登陆屏,窗口模式,表,导航栏等等,你可以获取代码并立即使用。

13 Excellent Bootstrap JavaScript Plugins

Bootstrap is a clean, flexible and popular front-end framework and collection of interactive components built on HTML, CSS and JavaScript. Open-sourced by Twitter — the microblogging pioneer — in August 2011 as a complete front-end solution, it ships with very thorough and detailed documentation; with it, web developers can easily put together clean-styled interfaces and achieve great interaction effects. Twitter Bootstrap’s slogan is that it fits any scenario and fits everyone, and more and more developers are actively adopting Bootstrap today. Just a few weeks ago Bootstrap released its latest version with many improved and new features. Bootstrap is by far the most comprehensive front-end framework and is genuinely suited to rapid prototyping and back-end/CMS development tools. This article collects 13 excellent Twitter Bootstrap JavaScript extension plugins — with Bootstrap, developers can save a great deal of time fixing cross-browser layout problems and build web interfaces of every kind.

1. Fuel UX Fuel UX is a lightweight plugin for Twitter Bootstrap. Its components include a number of practical plugins such as ComboBox, Datagrid, Pillbox, Search and Spinner.

2. BootMetro BootMetro can turn Bootstrap into a Microsoft Metro UI. In addition, the JavaScript plugins that come with BootMetro support Metro behaviour very well.

3. WYSIHTML5 WYSIWYG HTML5 is a very attractive web editor, with fairly comprehensive configuration and events that can meet your needs.

4. jqBootstrap Validation I really like Bootstrap’s default style. If you want a theme that stands out from the crowd, this plugin can help you.

5. ColorPicker This plugin lets you add color fields and supports a variety of color styles.

6. DatePicker Datepicker lets you attach it to text or any element, and it is often used as a component supporting multiple date formats.

7. TimePicker If you have a date picker, you will certainly want to edit the date yourself. This plugin makes it easy to enter text using just the mouse or the arrow keys.

8. DateRange Picker If you have ever used Google Analytics, this JavaScript plugin will feel very familiar. DateRange is extremely useful for generating reports or collecting appointment dates.

9. Bootbox JS Create programmatic dialogs using Twitter Bootstrap’s existing patterns. Bootbox is a very flexible and powerful JavaScript dialog library.

10. jQuery UI Bootstrap This one has a theme similar to Twitter Bootstrap, and most importantly, if you want to integrate Bootstrap with jQuery UI, this theme will make them look far more consistent.

11. jQuery File Upload HTML5 Ajax-based file upload. The basic implementation is quite good, and there are plenty of examples to demonstrate here.

12. DataTables DataGrid is similar to Fuel UX, supporting sorting, paging, search and other features.

13. Bootsnipp Bootsnipp is unlike any JavaScript plugin — you copy and paste layout code snippets. It gathers commonly used UI pieces, including login screens, window modes, tables, navigation bars and much more; you can grab the code and use it immediately.

4个方法帮你成为创意高产达人

chuangyi

1、联想思维

第一个创意方法,就是联想思维。这是每个人在思考时都会潜移默化使用到的一个方法。有点像头脑风暴,以一个核心事物为起点,将与之有关的元素进行联 想,以一种放射性的方式向外延展。思维联想听起来是个很简单的方法,但是大多数时候,思维在大脑中流窜,是杂乱无序、没有逻辑的,所以我们需要一些系统化 的方法将思维沉淀下来,为思路找一个清晰的方向。如果不知道从哪里入手,我们可以从三方向进行思考:横向联想、纵向联想和关联联想。 横向联想是指围绕核心事物进行发散,只考虑与核心事物有直接关联的,也就是一度关联的事物。

4 Methods to Help You Become a Creative Powerhouse

chuangyi

1. Associative thinking

The first creative method is associative thinking. This is a method everyone uses more or less unconsciously when thinking. It’s a bit like brainstorming: you take a core thing as a starting point, associate the elements related to it, and extend outward in a radial way. Thinking by association sounds like a very simple method, but most of the time thoughts race around in the brain in a messy, disordered and illogical way, so we need some systematic methods to settle our thinking down and find a clear direction for our ideas. If you don’t know where to start, we can think from three directions: horizontal association, vertical association and relational association. Horizontal association means diverging around the core thing, only considering things directly related to the core thing, that is, things associated at one degree of separation.

Installing SVN on CentOS

Lately I’ve been trying to learn more about servers, so here is installing svn on CentOS
rpm -qa subversion checks the installed version; if it exists, remove it
Remove yum remove subversion
Install svn command yum install httpd httpd-devel subversion mod_dav_svn mod_auth_mysql confirm the installed modules
Enter the directory cd /etc/httpd/modules
Confirm with the command ls | grep svn
Check the installed version svnserve —version

国内不如国外吗

从成长的时间里我总是听着别人去抱怨中国国情不如美国、瑞士……其他国家,于是我就跟着这种环境的滋养长大了。 中国,国内到底哪点比不上国外,又或者说差别在哪里?这是一连串的的疑问,这答案从哪里找到呢。 在成长中我知道,一个国家的发展离不开底层的人民智慧,创造事物,建设家园,经营贸易……这一切活动的基础条件又是什么?安定繁荣的秩序。对,这就是答案,我恍惚知道了什么…… 翻翻历史祖国的成长得从1840年的前和后来分析。

Is China Really Inferior to Other Countries?

Growing up, I always heard people complaining that China’s national conditions were inferior to America, Switzerland… and other countries, and so I grew up nourished by that kind of environment. China — in what way exactly is it inferior to foreign countries, or rather, where does the difference lie? This is a string of questions. Where do we find the answers? Growing up I learned that a country’s development is inseparable from the wisdom of the people at the bottom — creating things, building homes, running trade… and what is the basic precondition for all these activities? A stable and prosperous order. Yes, that’s the answer. I seemed to vaguely understand something… Flipping through history, our motherland’s growth must be analyzed from before and after 1840.

centos中软件安装

在centos中我们想要安装软件,一般都是用yum,在安装软件前首先是查询软件
例如安装 samba网上邻居
查询: rpm -qa | grep -i samba

查询一下相关软件 yum search samba 找到后,就安装 yum install samba 安装完毕,
要修改配置文件,就需要找到文件路径 执行 rpm -qc samba samba-common

接下来要启动软件,先查询一下启动方式 rpm -ql samba | grep ‘/etc’

红线部分为启动路径 接下来就是具体启动操作

加入开机启动 执行 vi /etc/profile 按下方向键到底部
然后按i键写入 /etc/init.d/smb start /etc/init.d/nmb start 然后保存并退出
执行 source /etc/profile 修改生效 重启一下软件就是开机启动

Installing Software on CentOS

On CentOS, when we want to install software we generally use yum. Before installing, the first step is to look up the package.
For example, to install samba (Windows network neighborhood):
Query: rpm -qa | grep -i samba

Look up the related packages with yum search samba. Once found, install with yum install samba. After installation,
to modify the config file you need to find the file path. Run rpm -qc samba samba-common

Next you need to start the software. First look up how it starts with rpm -ql samba | grep ‘/etc’

The part in the red line is the startup path. Next comes the actual startup operation.

To add it to the boot startup, run vi /etc/profile and press the arrow key to go to the bottom.
Then press i to insert /etc/init.d/smb start and /etc/init.d/nmb start, then save and exit.
Run source /etc/profile to make the change take effect. Reboot and the software will start on boot.

centos搭建svn服务器

在centos中搭建svn服务器 在终端输入 yum install subversion 安装完毕

输入 subversion -v 判断是否安装成功 接着会出现提示 -bash: subversion: command not found

查找 输入 svnserve –version 出现提示 svnserve,版本 1.6.11 (r934486) 编译于 Feb 10 2015,22:08:22 版权所有 (C) 2000-2009 CollabNet。 Subversion 是开放源代码软件,请参阅 http://subversion.tigris.org/ 站点。 此产品包含由 CollabNet(http://www.Collab.Net/) 开发的软件。

Setting Up an SVN Server on CentOS

Setting up an svn server in centos. Type yum install subversion in the terminal and the installation is done

Type subversion -v to determine whether the installation succeeded, and the following prompt appears -bash: subversion: command not found

To find out, type svnserve –version and the prompt appears svnserve, version 1.6.11 (r934486) compiled Feb 10 2015, 22:08:22 Copyright (C) 2000-2009 CollabNet. Subversion is open source software, see the http://subversion.tigris.org/ site. This product includes software developed by CollabNet(http://www.Collab.Net/).

虚幻4引擎

虚幻引擎总是能赋予开发商更强的能力,所见即所得’的平台。要知道,很多早期的引擎还需要自己编辑文本文件,或者是无法预览效果。今年晚些时候,当人们欣赏到虚幻引擎4后,会被其深邃的特效所震撼到,”马克·瑞恩说道。正在进行的年度D.I.C.E峰会上,我们也希望了解到更多有关这款新引擎的情报。美国著名媒体《连线》日前有幸见识了Epic的旷世“新作”,虚幻引擎4的演示Demo,在大约2分半的演算动画里,浑身湿透,盛赞这是“异形”之父H. R. Giger和《冰与火之歌》作者“George R. R. Martin”的“私生子”。

Unreal Engine 4

Unreal Engine can always give developers stronger capabilities, a ‘what you see is what you get’ platform. You know, many early engines still required you to edit text files yourself, or couldn’t preview the results. Later this year, when people get to see Unreal Engine 4, they will be stunned by its profound special effects,” said Mark Rein. At the ongoing annual D.I.C.E. Summit, we also hope to learn more about this new engine. The famous American media outlet Wired recently had the honor of seeing Epic’s monumental “new work,” the demo of Unreal Engine 4. In about two and a half minutes of rendered animation, they were soaked through, and praised it as the “bastard child“ of H. R. Giger, the father of “Alien,” and “George R. R. Martin,” author of “A Song of Ice and Fire.”

session的相关介绍

1. 定义编辑

Session直接翻译成中文比较困难,一般都译成时域。在计算机专业术语中,Session是指一个终端用户与交互系统进行通信的时间间隔,通常指从注册进入系统到注销退出系统之间所经过的时间。以及如果需要的话,可能还有一定的操作空间。

具体到Web中的Session指的就是用户在浏览某个网站时,从进入网站到关闭这个网站所经过的这段时间,也就是用户浏览这个网站所花费的时间。因此从上述的定义中我们可以看到,Session实际上是一个特定的时间概念。

An Introduction to Session

1. Definition edit

Session is quite difficult to translate directly into Chinese, so it is generally translated as 时域 (time domain). In computer terminology, Session refers to the time interval during which a terminal user communicates with an interactive system, usually the time from logging into the system to logging out of the system. And if necessary, there may also be a certain amount of operating space.

Specifically for the Web, Session refers to the period of time from when a user enters a website to when that website is closed while browsing that website, that is, the time the user spends browsing the site. So from the definition above we can see that Session is actually a specific time concept.

Rediscovering thinkphp - the thinkphp configuration file

I’ve been doing thinkphp development for over a year now, and how should I put it — I’m pretty lousy at it…… I’ve always used version 3.0 or above, checking the manual, debugging, typing code. Then I happened to come across the 2.0 manual and was left completely speechless 2.0’s manual is all fundamentals; I had been using thinkphp with my head down the whole time, so today I sat down and read a good part of the configuration for config.php. Here is the reference the official docs give