window.onload = function(){
var sector = document.getElementById('sector');
var oli = document.getElementsByTagName('li');
for (var i = 0; i < oli.length; i++) {
oli[i].style.cssText += 'transform:rotate('+( i*36 )+'deg) skew(54deg)';
console.log(oli[i]);
}
};
#1369
#1370
—鲁迅《拿来主义》
#1371
#1372
1. Bootstrap Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 官方网站: http://twitter.github.com/bootstrap/ github: https://github.com/twitter/bootstrap 2. Foundation Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。 官方网站: http://foundation.zurb.com/ github: https://github.com/zurb/foundation 3. Skeleton Skeleton 是一个小的 JS 和 CSS 文件的集合，可帮你快速开发漂亮的网站，适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。 官方网站: http://www.getskeleton.com/ github: https://github.com/dhgamache/Skeleton 4. Less Framework Less框架是一个用于设计自适应网站的CSS网格系统，它包含4个布局和3套预设布局，这些都以一个单一网格为基础。Less框架的目标是更高效地创建多布局网站，并在布局之间保持一致。 官方网站: http://lessframework.com/ github: https://github.com/jonikorpi/Less-Framework 5. ResponsiveAeon ResponsiveAeon 是一个HTML5/CSS3的框架，可以非常快速的创建响应的布局。它有一个网格系统是基于总1104px宽度12列，提供了3个非常容易理解的基本类供 使用。该框架使使用@mediaqueries的，支持任何尺寸的设备。除了网格系统，也有排版，列表，表格，按钮和表格的样式。 官方网站: http://www.newaeonweb.com.br/responsiveaeon/ github: https://github.com/newaeonweb/ResponsiveAeon-Cssgrid 6. Gumby Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架，支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap，它包括一个Web UI工具包，有好看按钮，表格，导航+标签和一个很小的JavaScript文件。 官方网站: http://www.gumbyframework.com/ github: https://github.com/dsurgeons/Gumby 7. Gridpak Gridpak 的目的是实现了响应式的 Web 页面设计，提高工作流程，节省了时间。通过生成PNG图像，CSS和JavaScript,让 Gridpak 创建响应式的简单界面。Gridpak 产生的CSS 兼容 IE 8+，但它使用很多实验性的CSS属性，如媒体查询，盒大小和背景剪辑属性，所以建议结合 Modernizer 来使用，确保向后兼容性。 官方网站: http://gridpak.com/ 8. Responsive GS Responsive GS 是一个流体网格 CSS 框架，用于快速开发响应式的 Web 网站。 Responsive GS 提供三种风格：12、16 和 24 列，使用 media queries 支持所有标准设备。 官方网站: http://responsive.gs/ github: https://github.com/StudioSnapsize/responsive-gs 9. Amazium Amazium 是一个基于 960 Grid System 的响应式 CSS 框架，使用 960px 宽度，以适应大多数 1024*768 分辨率的屏幕。Amazium 使用 4 个主要的 media queries 来调整所适应的分辨率大小。 官方网站: http://www.amazium.co.uk/ 10. Golden Grid System Golden grid system是为增强网页兼容性设计的折叠式grid。具有四个特征：列、跨页、底线、script。 官方网站: http://goldengridsystem.com/ github: https://github.com/jonikorpi/Golden-Grid-System 11. Centurion Centurion 是一个基于 SASS 和 CSS3 构建的响应式 Web 框架。 官方网站: http://jhough10.github.com/Centurion/ github: https://github.com/jhough10/Centurion 12.inuit.css 该框架用于使用较少的代码实现在较小屏幕（平板电脑、手机）上运行的项目，支持IE6+。 官方网站: http://inuitcss.com/ github: https://github.com/csswizardry/inuit.css 13. Fluid Baseline Grid Fluid Baseline网格系统是一个HTML5 & CSS3开发工具包，为网站快速设计提供了坚实的基础。 官方网站: http://fluidbaselinegrid.com/ github: https://github.com/thedayhascome/Fluid-Baseline-Grid 14. HTML5 Boilerplate HTML5 Boilerplate基于HTML/CSS/JS模板，可以帮助开发者使用HTML5技术快速开发稳健、功能齐全的网站。你可以把它当作自己的新项目模板，在此基础上建立自己的项目。 该模板包含了帮助开发HTML5站点和应用程序的组件和一些优秀的最佳实践，只需开发者最少的前期工作，就能为项目提供一个非常稳固的基础。另外，该模板是高度可定制，可轻松删除不需要的一些特性。 官方网站: http://html5boilerplate.com/ github: https://github.com/h5bp/html5-boilerplate 15.Semantic Semantic UI是完全语义化的前端界面开发框架，支持 Sass 和 LESS 动态样式语言,文档和演示非常完善,易于学习和使用,配备网格布局,有一些非常实用的附加配置，例如inverted类。 有一个非常好的按钮实现，情态动词，和进度条。在许多功能上使用图标字体。 官方网站: http://semantic-ui.com/ github: https://github.com/semantic-org/semantic-ui/ 16.Zui ZUI继承了Bootstrap 3中的大部分基础内容作了相应的改进，简单美观，易于使用，快速构建简洁大方的现代web应用。 采用HTML5且支持所有流行的移动及桌面浏览器平台，一些旧的浏览器也能够降级支持，轻快独立稳定，最佳的可用性能，最大限度的不依赖于外部组件，全平台响应，一次编写，响应任何尺寸的设备。 官方网站: http://www.zui.sexy/ 17.Amaze Amaze UI 是一个轻量级、采用mobile first理念的前端框架，中国首个开源 HTML5 跨屏前端框架，适配所有屏幕，可快速构建界面出色、体验优秀的跨屏页面，可提升开发效率，对于常用浏览器及App内置浏览器提供更好的兼容性支持，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备。 官方网站: http://amazeui.org/ github: http://git.oschina.net/amazeui/amazeui 18.MUI MUI（Mobile User Interface）是一套基于Html5的，遵循Html5+规范的,用于手机端界面开发的一套框架,是目前最高性能和最接近原生体验的手机端框架,体积小不到100k,可直接使用class编写，性能远高于data-方式，又通过代码块的编写方式降低了编码的复杂度。 例如在HBuilder里敲m，会拉出一排控件mList、mButton等，选一个回车，就会自动产生div和class。 19.OniUI OniUI是基于avalon的UI库，是一个MVVM架构的前端框架，兼容主流浏览器。 官方网站: http://ued.qunar.com/oniui/home.htm github: https://github.com/RubyLouvre/avalon.oniui 20.Vanilla JS Vanilla JS 是一个快速、轻量级、跨平台的JavaScript框架，也是浏览器内置框架。 官方网站: http://vanilla-js.com/ 21.Zepto Zepto是专门为移动 WebKit 浏览器，如 Chrome 和 Safari 打造的。凭借其独特的简约发展的特点，它可以帮助开发人员轻松地完成他们的工作。Zepto 最大的特点是保持事情的简单性。这个框架的目标是精确的，便于下载和快速执行。 官方网站: http://zeptojs.com/ 22.Framework7 Framework7 是免费开源的 HTML 移动端框架，用来开发混合移动端应用或者 iOS 7 的 Web 应用，并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。 官方网站: http://www.idangero.us/framework7/ github: https://github.com/nolimits4web/framework7/ 25.Ionic Ionic是一个前端的框架，帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。js部分是基于AngularJS框架，大量使用了Css3，css生成基于Sass，构建工具基于最新的gulp，版本升级基于bower，原生层无缝封装了cordova。使用Ionic框架，可以有效利用AngularJs的特性，极大的提供HTML5应用开发效率，质量，模块化程度。 官方网站:http://ionicframework.com/ github:https://github.com/driftyco/ionicjQuery Mobile和Zepto是移动端的js库。jQuery Mobile相当于PC端的jQuery UI，它提供了很多页面的UI库，能够很快的开发出漂亮的界面，适合公司没有UI设计师的前端开发人员来进行移动端的开发。Zepto相当于PC端的jQuery，它提供了很多方法和功能，能够很快的实现各种需求和功能，适合公司有UI设计师的前端开发人员来进行移动端的开发。 jQuery Mobile性能上没有zepto好。 zepto.js是一个专为mobile WebKit浏览器(如：Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念，能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架，是超轻量级的，只有5KB。zepto.js的语法借鉴并且兼容jQuery。 jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。 jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新，但开发人员可以用jQuery Mobile为许多移动设备（包括智能手机和平板电脑）开发网站应用程序，RSS阅读器等应用。 jQuery Mobile是目前最流行的一个移动开发的框架，文档丰富，社区活跃，有很多的UI控件供我们使用，并且提供对多页面的支持（通过Ajax方式读取内容，并提供页面切换的过渡动画）。我认为jQuery Mobile的最强大之处就在于其UI方面的支持，但这一部分恰恰不是我所需要的，它对UI的限制比较多。Sencha Touch是ExtJs的移动版，对于不熟悉ExtJs的人来说有一定的学习成本。 jQuery Mobile的缺点，主要有两点：一是重，二是UI限制太大。 我们选择了zepto.js作为底层库，使用sea.js进行模块的管理和发布，当然也可以使用requirejs来进行模块的管理和发布， requirejs比seajs的对应的工具多一些，因为requirejs是外国的，而其他相应的工具也是外国的，因此使用seajs，相对应的工具会少一些。但是开发起来容易一些，都是中文资料。此外，我们使用backbone.js为基础的MVC架构，用来剥离应用的数据部分；使用underscore.js做为前端模板引擎（backbone重度依赖）；使用iScroll.js为我们提供模拟滚动的功能（此库在低端移动设备上，反应慢）。这些都是一些专业的“小库”，很适合移动端的开发。当然，具体情况需要具体分析，没有万能的框架，只有万能的开发者。如果时间允许，也可以自己来定制一套满足自身需求的基础库。毕竟在移动端，一切以 “精简”为主。 对于单页应用来说，iScroll确实是一个非常优秀的解决方案，但是iScroll却有一个最大的缺陷——慢，滚动的性能与浏览器原生实现相比，在低端的移动设备上有明显卡顿。 不过要兼容低端的移动设备，原生的滚动还是有优势的。尝试放弃使用iScroll组件，使用原生的Scroll。因为较新的浏览器已支持 {overflow: scroll; -webkit-overflow-scrolling: touch;}。 iScroll的诞生，主要是因为早期的webkit内核浏览器没有一种原生支持固定高度的容器。到目前为止，iScroll最大的问题就是慢，在千元以下Android设备上表现尤为突出。使用局部滚动来替代iScroll滚动是最好的一种方式，但很可惜，现在只有iOS5、6支持局部滚动，并且支持程度并不好，而Android压根就不打算支持。这样，我们就不得不使用iScroll。 问题来了，现在到底使用iScroll呢？还是不使用？使用的话，大部分Android设备在滚动时会很卡，如不使用，部分功能又实现不了。其实，这个问题也不必太纠结。 首先， 对于header、footer需要固定位置的页面，可以直接使用position:fixed实现。部分不支持fixed定位的浏览器问题也不大，这部分设备一般都是Android2.x的系统，配置也较低，相对交互而言，速度显然更加重要； 对于需要依赖固定高度实现切换动画效果的交互，应尽量保证滚动条在页面顶部时处理。必要时做出一些牺牲，舍弃部分影响用户使用流畅的交互； 尽量使用浏览器原生支持代替iScroll； 如果必须使用iScroll才能实现的功能，一定要控制在最小范围，不要在常用场景应用iScroll； 虽然iScroll在iOS下表现得非常出色，但是都应当尽量使用浏览器原生支持特性来实现功能，这样才能最大化保证交互操作的流畅性。 很长一段时间都有一个争论，有页面跳转是不是WebApp？我认为单独讨论single page webapp还是页面跳转是没有意义的，所有产品都是建立在用户需求之上。对于现有的single page webapp产品，浏览器没有准备好，硬件配置也没有准备好，函数运算效率、页面渲染都跟不上，尤其是Android设备。基于用户需求出发，一些意识形态的东西该抛弃就抛弃，放开的使用页面跳转，只要能让程序运行流畅的东西，就应该毫不犹豫的使用。 但凡事也没有绝对，在一定的功能范围之内，也可以使用炫一些的切换动画，在一个页面实现多个子功能。 基于以上对移动端浏览器混乱程度的理解，移动web产品要做到全平台适配，工作量无遗是巨大的，并且，由于HTML5的支持程度，也会导致大部分低端用户无法使用到一些高级特性，或表现效果不佳。而且，没必要为了适应低端Android用户让高端iOS用户也忍受着简陋无比的交互及界面。那么，将iOS、Android、Windows Phone分为不同的版本，做相应的功能适配还是很有必要的。 在iOS下，自由度比较高，能随意发挥，很多有创意的交互及设计，都能在Safari下表现得比较好； Android下由于设备硬件配置及浏览器版本差异比较大，就会选择相应保守的方式，舍弃部分影响用户使用流畅的交互，以及影响页面渲染的界面设计； 对于Windows Phone我们是从WP8起步，这样会更好做浏览器兼容。 做分版本适配的目的，是为了在保证功能交互的前提下让每个用户都能得到最流畅的操作体验。 用原生控件做外壳和交互，保证流畅的用户体验和完整的推广渠道；使用HTML5来展示内容，保证内容的迅速迭代更新，即时响应用户需求。于是就诞生了Hybrid App，这也是目前最流行最合适的一种App形式。 下面提出我个人的建议： 如果你的团队刚刚组建或者框架知识了解不深入，那么开发移动端，使用单一的库就行了。 比如：jQuery mobile或Zepto。 使用jQuery mobile可以省略很多UI设计或者说重构的一些工作，在公司团队中，如果没有这方面的成员时，可以使用此库。但是此库性能不好，兼容性一般，UI限制大，请慎重使用。 使用Zepto开发，性能上最好的，而兼容性比较好，跟jQuery有同样的API，只是需要自己设计UI，以及重构。touch功能上有一定的兼容性问题。推荐使用此库，这样你可以任意发挥你的想法。 如果你的团队具有一定的框架基础，像模块化开发的代表requirejs和seajs，那么，完全可以把这个项目进行模块化开发，把这两个库的任意一个加入到项目中，将对你项目的协同开发，以后的代码维护都将有很好的贡献。这两个库的学习成本不大，很容易上手。 如果你的团队，个个都是高手了，那么就可以进行mvc模式的开发了。在你的项目中，加入backbone+underscore，这是目前为止，最简单的mvc模式的开发组合。但是大家都知道，使用backbone，你就必须按照backbone的模式来进行项目的开发，具有一定的限制。也就是说，开发和维护，都需要了解backbone这个框架。 如果你的团队，个个是大牛的话，那么就可以使用angularjs或react了。这种模式的开发，现阶段是前端开发的最新研究成果了。此种框架，学习成本大，但是代表着公司的实力和创新。 当然，除了以上这些基础库和基础框架，我们可能还需要添加一些第三方库，比如iscroll，此库兼容性好，唯一缺点就是在低端设备上，会卡，所以项目不能全局使用iscroll实现滚动效果。我们需要添加原生的scroll来实现项目中的滚动效果，如果使用原生scroll不能实现的，那么才使用iscroll来实现。 比如：faskClick，它解决点击事件延迟的bug，当然zepto的touch模块也可以解决。 比如：模板引擎，像underscore，handlerbars等。 比如：HTML5的application cache本地缓存机制。 移动开发总结： （1）jQuery mobile或者Zepto+自己设计UI （2）seajs或requirejs+Zepto （3）seajs或requirejs+Zepto+Backbone+underscore （4）angularjs或react 我个人希望能够使用第三种，然后项目成熟了，再使用第四种。毕竟新技术的实践，还是很有想象空间的。 当然，如果对技术不需要深入，只要实现功能，那么使用第二种我觉得还是不错的。 至于第一种，我个人觉得模块化开发还是非常必要的，之前在公司里面看之前的前端负责人开发的一套系统，代码写的太混乱了，简直看不得，维护起来非常不方便，所以模块化开发，我个人觉得，必须使用。 关于移动端的UI组件，我推荐腾讯的frontUI。百度的gmu很久没更新了，也没人维护了，而且耦合性比frontUI大，不推荐。 关于移动端的调试工具，我暂时只用过weinre。由于公司网络不行，我使用的是低版本的weinre，只支持safari调试，而且反应比较慢。但是，还是能够解决问题的，只是效率不高。网上有很多教程，百度一下就知道怎么用了。#1373
这是通过纯css实现的步骤流程效果，扩展性强，可以随意增加减少数量，兼容性ie6+。
<style type="text/css"> ul{margin:0px; padding:0px; list-style:none;} .wrap{width:960px; height:auto; line-height:30px; margin:100px auto 0;} .step-case{height:40px;} .step-case li{ float:left; margin:0px; width:12.5%;position:relative; cursor:pointer;} .step-case li span{display:block; background-color:#ccc; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold;} .step-case b{position:absolute; font-size:0px; line-height:0px; top:0px;} .step-case .b-l{border-width:2px 2px 2px 0; border-style:dashed solid dashed dashed; border-color:transparent #ccc transparent transparent; height:36px; left:-2px;} .step-case .b-r{border-width:2px 0 2px 2px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #ccc; height:36px; right:-2px;} .step-case .b-1{border-width:20px 0 20px 20px; border-style:solid dashed solid solid; border-color:#ccc transparent #ccc #ddd; left:-20px;} .step-case .b-2{border-width:20px 0 20px 20px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #ccc; left:-21px;} /*当前状态*/ .step-case .s-cur span{background-color:orange;} .step-case .s-cur .b-l{border-right-color:orange;} .step-case .s-cur .b-r{border-left-color:orange;} .step-case .s-cur .b-1{border-color:orange orange orange #FABF55;} .step-case .s-cur .b-2{border-left-color:#FADBA5;} /*当前状态后*/ .step-case .s-cur-next .b-2{border-color:transparent transparent transparent orange;} /*完成的状态*/ .step-case .s-finish span{background-color:#FADBA5; color:#000;} .step-case .s-finish .b-l{border-right-color:#FADBA5;} .step-case .s-finish .b-r{border-left-color:#FADBA5;} .step-case .s-finish .b-1{border-color:#FADBA5 #FADBA5 #FADBA5 #FABF55;} .step-case .s-finish .b-2{border-left-color:#FADBA5;} </style> <script type="text/javascript"> window.onload = function(){ var step = document.getElementById("step"),li = step.getElementsByTagName("li"); for(var i = 0;i<li.length;i++){ //(function(i){ li[i].index = i; li[i].onclick = function(){ var i = this.index; for(var j = 0;j<i;j++){ li[j].className = "s-finish"; } for(var j = li.length;j>i;){ li[--j].className = ""; if(j==i+1){ li[j].className = "s-cur-next"; } } this.className = "s-cur"; } //})(i); } }; </script> <div class="wrap"> <ul class="step-case" id="step"> <li class="s-finish"><span>第1步</span><b class="b-l"></b></li> <li class="s-finish"><span>第2步</span><b class="b-1"></b><b class="b-2"></b></li> <li class="s-finish"><span>第3步</span><b class="b-1"></b><b class="b-2"></b></li> <li class="s-finish"><span>第4步</span><b class="b-1"></b><b class="b-2"></b></li> <li class="s-cur"><span>第5步</span><b class="b-1"></b><b class="b-2"></b></li> <li class="s-cur-next"><span>第6步</span><b class="b-1"></b><b class="b-2"></b></li> <li><span>第7步</span><b class="b-1"></b><b class="b-2"></b></li> <li><span>第8步</span><b class="b-1"></b><b class="b-2"></b><b class="b-r"></b></li> </ul> </div>#1374
是配置php环境变量导致,删除去掉即可.
#1375
#1376
#1377
#1378
#1379
假装自己是个病毒
#1380
#1381
#1382
code#1383
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <style> #sector { position: relative; overflow: hidden; width: 200px; height: 100px; margin: 150px auto; background-color: #ddd; border-top-left-radius: 100px; border-top-right-radius: 100px; } #sector ul li { list-style: none; position: absolute; width: 200px; height: 100px; right: 50%; top: 0; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #sector .sector1 { background-color: #fef4ac; -webkit-transform: skew(54deg); -moz-transform: skew(54deg); -ms-transform: skew(54deg); transform: skew(54deg); } #sector .sector2 { background-color: #FCF6E6; -webkit-transform: rotate(36deg) skew(54deg); -moz-transform: rotate(36deg) skew(54deg); -ms-transform: rotate(36deg) skew(54deg); transform: rotate(36deg) skew(54deg); } #sector .sector3 { background-color: #faf2cc; -webkit-transform: rotate(72deg) skew(54deg); -moz-transform: rotate(72deg) skew(54deg); -ms-transform: rotate(72deg) skew(54deg); transform: rotate(72deg) skew(54deg); } #sector .sector4 { background-color: #f9f1e9; -webkit-transform: rotate(108deg) skew(54deg); -moz-transform: rotate(108deg) skew(54deg); -ms-transform: rotate(108deg) skew(54deg); transform: rotate(108deg) skew(54deg); } #sector .sector5 { background-color: #f5e79e; -webkit-transform: rotate(144deg) skew(54deg); -moz-transform: rotate(144deg) skew(54deg); -ms-transform: rotate(144deg) skew(54deg); transform: rotate(144deg) skew(54deg); } #sector ul li p { position: absolute; top: 50px; left: 150px; -webkit-transform: skew(-54deg) rotate(-70deg); -moz-transform: skew(-54deg) rotate(-70deg); -ms-transform: skew(-54deg) rotate(-70deg); transform: skew(-54deg) rotate(-70deg); } </style> </head> <body> <div id="sector"> <ul> <li class="sector1"><p>A</p></li> <li class="sector2"><p>B</p></li> <li class="sector3"><p>C</p></li> <li class="sector4"><p>D</p></li> <li class="sector5"><p>E</p></li> </ul> <a></a> </div> </body> </html>window.onload = function(){ var sector = document.getElementById('sector'); var oli = document.getElementsByTagName('li'); for (var i = 0; i < oli.length; i++) { oli[i].style.cssText += 'transform:rotate('+( i*36 )+'deg) skew(54deg)'; console.log(oli[i]); } };#1384
[].slice.call(document.getElementsByTagName('*')).forEach ((ele) => {ele.style.setProperty('border', '1px solid #' + Math.random().toString(16).slice(2, 8));})#1385
来源于金庸的小说《神雕侠侣》中，杨过得到一件神兵，是把厚重的铁剑，上铸八个字：“重剑无锋，大巧不工。” 意思是说真正的剑技不是要依靠剑锋，而是个人的修行。
重剑无锋，指天天崩，划地地裂，剑法中有“重、拙、大”三字真诀，讲究以简化繁，以重克轻，以拙胜巧，以大胜小，而能运用玄铁重剑之人必是天生神力，内功修为过人。大巧不工，指巧到极点为不巧即不工了，有点类似于大智若愚的意思。与重剑无锋合起来的意思就是表面上看来越愚笨越平凡的东西可能蕴涵着精巧的极致。只要运用得当必能以重克轻 克敌制胜，与重剑无锋是相辅相成的关系 。
#1386
大他我理解是为这些想象关系制定规则和边界的，自我始终受大他评判的。这个大他可能是一个制定规则公平又比较灵活的大他，也可能是一个专制迫害的大他。个体的自由更多的跟这个大他相连。
拉康认为,他者理论涉及"我们存在的核心"问题,即对我们自己存在的反思.在弗洛伊德之前,"有许多人都已经用那个'认识你自己'的无用格言这样做了,弗洛伊德要求我们重新检查的是通向这个核心的途径".可见,他让我们关注的,不是那个可以"成为认识对象的东西",而是他所说的"造成我的存在的那个东西".弗洛伊德并不是要引导我们去关注那个传统心理学和哲学研究的"我的规规矩矩的个性",而是让我们处处留心"我的任性使气,我的怪癖,我的恐惧以及我的迷恋",因为只有这些非意识对象的现象,才能透露出真相,这个真相就是:我,恰恰是一个并不是我的他者很阴险地构成的. "自我是在由无意识决定的新的主体布局中根据他者而构成的". 这是什么意思呢?
权且从弗洛伊德的精神分析出发来做点分析.在精神分析中,精神病患者总是通过向分析者言说来疏通自己梗阻的历史心路,而分析者则要通过病人的言说找到病人心中的那个并不浮在病人意识层面的伤痛融点和阴影."对别人的言说",在弗洛伊德这里是与不说话的分析者(聆听者)的面对,分析者必须不在,
我们隐去自己;我们不让他得到他在对话者脸上寻找的那种兴趣,同情和反应;我们避免显示任何个人的好恶.我们不作任何表露;我们将自己非个性化;我们的目的是使对方面对一个理想的沉静.
我们之所以消隐,是为着让病人能在无人的情境下,让被意识压抑的无意识来自由言说,我们在等待另一个不是病人自己,却又时时在迫害着他的非主体形象的出现.病人仿佛在自言自语,但实质上他始终在对一个不是分析者的"他"倾诉,告白,讨好和求饶,那个看不见的"他"就是拉康所说的大写的他者.拉康说,对病人来说,"即使他是'独白',他也是对着那个大写的他者讲的.这个他者的理论我们已经加强了.过去我们只使用主体间性这个术语,这个他者有助于重新启用这个术语".
弗洛伊德的发现在人身上揭示出彻底的他主性,这个他主性无法再掩盖起来,除非你竭尽欺诈之力.
我维系于他者比维系于自我更甚,因为在我承认的我的本性的深处是他在策动我,那么谁是这个他者呢?
根据拉康的说法,这个他者的前身是主体间性(intersubjectivité),即我们前面提到过的类关系,有时也被叫做理念或上帝的看不见的力量."这个他者就是大写的他者,甚至我的谎言也提出这个他者以作为它在其中存在的真理的保证." 大写的他者"就是那个由讲话的我和听话的他者组成的地方.一个所说的已经就是回答了,而他者决定听一下那一个是否已经讲过话了".
所以拉康说,"一个'我'对于相互主体的共同尺度的参照,或者可以说就被当作是他者的他者,即他们相互是他者". 人只能在他人身上认出自己,在此,他者是个象征性语言介体,个人只有通过这个介体才成为人.换句话说,"人在看自己的时候也是以他者的眼睛来看自己,因为如果没有作为他者的形象,他不能看到自己".
1, 一个人不知道什么是人.
2, 人们互相认出是人.
3,我断言自己是个人,因为怕人家证明我不是人.
这种认出即为主体际性的言说."我在言说中寻找的是别人的回答.使我成为主体的,是我的问题.为了使我为他人所认可,我是着眼于将至者而讲出已逝者.为了得到他,我用一个名字来叫他,为了回答我,他必须接受或拒绝这个名字." 接受或拒绝即是回应,这正是列维纳斯的他者观.
此处还应该对拉康镜像阶段中那个小写的他者(拉康用a来表示)做一个说明.在那里,拉康区分出一个非语言的小他者,即做了本是"空无"的自我的主人.此处,拉康与列维纳斯不同,后者的他者理论中有他人,也有作为面貌和语言的他者,但他并没有区分大写他者和小写他者.这种小他者起初是镜像中那个无语的影像,之后是母亲,父亲和其他亲人的面容(列维纳斯的"表情"),还包括一同玩耍的小伙伴的行为和游戏.伪自我正是在这种种非语言性的另一个(other)对象性关系中被现实地建构和肯定的.这里的非语言即是小写性,并且已经暗合了将来那个没有被象征化的残渣的对象a.小写他者总是与感性的他人面容为伍,可是我们切不可将拉康的他者简单地比做他人.小他者固然是以形象为介体的,但它并不是另一个或者其他的人,在拉康那里,他者恰是存在之缺失!小他者是那个"它"的缺失,以后的大写他者(象征性语言,拉康用A来表示)则将是物与人的缺失和死亡.
拉康认为,主体是被言说中的他性建构起来的.主体性何为?"在它所在的地方主体除了构成一个绝对的他者的主体性之外什么也得不到". 这个绝对的他者就是大写的他者.
于是,大写的他者就是那个由讲话的我和听话的他者组成的地方.一个所说的已经就是回答了,而另一个决定听一下那一个是否讲过话了.反过来,这个地方将延伸到主体中所有由言说法则统治的领域,远远超过了从自我那儿得到指令的话语的范围.
一切由象征性语言统治的地方,莫非大写他者的王土.人类主体,个体性的"我",其实都是被他者蹂躏的伪主体.波微曾经直言不讳:拉康的大写他者是"一个易变的和有时混乱的观点". 我倒不这样看.大写的他者是在个人之间通过语言和活的言说建立起来的,并不是我们的另一个我.他者,在英文中的那个other,也可以译成"另一个".它的存在形态很象黑格尔那个背后的理性之狡计和斯密那只在市场中的看不见的手.不同的是,它不是我之外的别物,而是被误认为我自己的那个投影.他者,是强加给我的非我,可是我并不知晓它是一种强制性的暴力,而是一厢情愿地认为它是应该中的我."他者作为绝对,也就是说作为一个自己可以取消主体的他者,其方式是与主体可由此对他的行动一样,也就是说化成对象来欺骗他." 由此,
主体最终不得不承认,他的存在只是想象的产物,这个产物使他什么都无法肯定.因为在为他者(pour un autre)重建的工作中,他重新找到了让他自己把重建当作他者(comme une autre)来做的根本性异化,这异化注定是要由他者(par un autre)来夺走他的重建的.
大写的他者,是由语言和言说话语构成的象征性的他者.明明是一种外部的东西,却被认定成自己最重要的事物.做与不做,说与不说都是由这个他者控制的.意识到的被认同为主体,意识不到的由是成为自己更隐秘的无意识.于是,无意识已经不是什么生发于本我的原欲,而是大写他者的隐性力量.波微的一段表述可谓入木三分:"无意识是大写他者执行其最隐秘使命的所在,就像一种侵占性力量或间谍组织". 也是在这个意义上,拉康那句"无意识是他者的话语"一语才能被理解.无意识不过是他者明目张胆强暴后的隐性牵挂而已.
在拉康这里,大写的他者是支配一切的神灵,他推动着一切.
#1387
PHP中的运算符 1.算数运算符： %：求模运算（取余数运算） /：除法运算（结果是商的值） 注意：以上两种运算除数不能为0，在PHP语言中会在运算前将%两边的操作数转换为整型。 2.字符串运算符 在PHP中字符串运算符只有一个，就是英文的句点（.），也称连接运算符 如果连接的是一个变量的话，需要在变量的两边加( . )且在外边都加上“” 3.赋值运算符：将左边的值和右边你的值运算后赋给左边 .= 的意义：将变量与所赋的值相连后的结果赋给变量 例子：$x.=3 等价于 $x=$x."3" 4.比较运算符：二元运算符 “=”，“==” ，“===”的 区别 “=” ：是一个赋值符号 “==”：是一个等号，当左边的操作数等于右边的操作数的时候，返回TURE ，反之返回FALSE “===”：当左边的操作数和右边的操作数相同，且他们的数据类型也是相同的才返回TRUE 5.逻辑运算符：用于判断对错 and或&&：两边的操作数为TRUE时，才返回TRUE or 或 || ：两边操作数为FASE时， 才返回FALSE not 或 ! : 当操作数为TURE的时，返回FALSE xor ：逻辑与或运算，只要一边的操作数为TRUE，就可以返回TRUE 6.位运算符： &：两个1才为1； | ：两个0才为0； ^ :两个操作数不同的时候，才为1 7.三元运算符：（exprl）？（exprl1）：（exprl2）类似与 “if...else”，但是三元运算符会显得更加的整洁 当experl的值为TRUE时，获取exprl1 的值，反之 取exprl2的值 8.执行运算符 ：反引号‘ ’ PHP将尝试将引号的内容作为操作系统命令来执行，并将其输出信息返回 9.错误输出控制符号：@ 将其放在一个PHP表达式之前，产生的任何警告信息都将被忽略，它只对表达式有效。 规则：如果能从某处取到值，就可以在它的前面加上@。不能放在函数和类的定义之前。 10.运算符的优先级 优 先 级 结合方向 运 算 符 附加信息 1 非结合 new new 2 左 [ array() 3 非结合 ++ -- 递增／递减运算符 4 非结合 ! ~ - （int） （float） （string） （array） （object） @ 类型 5 左 * / % 算数运算符 6 左 + - . 算数运算符和字符串运算符 7 左 << >> 位运算符 8 非结合 < <= > >= 比较运算符 9 非结合 == != === !== 比较运算符 10 左 & 位运算符和引用 11 左 ^ 位运算符 12 左 | 位运算符 13 左 && 逻辑运算符 14 左 || 逻辑运算符 15 左 ? : 三元运算符 16 右 = += -= *= /= .= %= &= |= ^= <<= >>= 赋值运算符 17 左 and 逻辑运算符 18 左 xor 逻辑运算符 19 左 or 逻辑运算符 20 左 , 多处用到