安庆魔指仙境得JS转给我看的，很有才气_用户_新浪博客
安庆魔指仙境得JS转给我看的，很有才气
安庆魔指仙境得JS转给我看的，很有才气
不随便夸奖人，但是这个技师真的挺不过错的，长得小家碧玉型的，说话吴语浓侬的样子。这都不是关键，关键是很有才气。这么好的我肯定不会放过了，加了她的微信看她的朋友圈。分享的都是一些很有内涵和品味的文章，连我这种总经理级别都觉得不错，不像一些女孩子都是分享一些很肤浅的自我秀。来之前还特意喷了黑岛力，就希望能碰到这种类型的爽一把。又得多加一个小时的时间了，钱无所谓就是要彼此玩的都要爽！
在甜点激战区的东京，是否要将甜点排进行程，是不用考虑的；但要在有限的行程里选择去哪一家，才是真正值得思考的问题。
数不清自己跑了几次日本，可wishinglist上永远有一大长串想去的店，永远期待下一次。无关政治，一个国家，因为某一个领域，值得我们一次又一次的去体验和学习，一定是有原因的。答案，Connie从每一次赴日拜师学艺，品尝每一位大师的镇店美味，或者探寻街边的幸福小店，搜罗好用又好品质的烘焙工具中，已经渐渐的找到了。别人说的再神乎其神，欺骗不了的是自己的味蕾。
西点起源于西方（不然怎么叫“西”点呢...），但很多时候所谓的“原汁原味”，在甜度和口感上，国人也只能停留在“膜拜”的程度。而接受西方甜点比较早的日本甜点师，将东方文化与西方在“洋果子”领域进行了完美容和，外加之日本人深入精髓的“匠人精神”，早已有了累累硕果。每一次吃到比期待中还惊喜的口味，都会感叹其背后匠人为追求完美而付的无限努力。要向他们学习！可是，向高手们学习，先要搞清楚高手在何方？今天，Connie要为大家介绍的是三位当下东京人气网红甜点店和他们的大师主厨。川村英树和他的atessouhaits菅又亮辅和他的Ryoura金子美明和他的ParisS’eveille「川村英树atessouhaits!」川村英树川村英树主厨于1971年出生在日本新泻县。高中毕业后，进入东京王子饭店工作长达11年之久。在1994年举办的法国杯世界大赛日本预赛中获胜；1997年第16届法国杯世界大赛再次获奖。2000年在世界美食大赛巧克力部门获第一名。
从2001年起担作atessouhaits!担任西点主厨。东京的吉祥寺，Connie每去必逛。就连吉祥寺地铁站里的店铺，Connie就可以逛上一整天。。。就更别提吉祥寺那些惬意的，琳琅满目的小店和街边美食了～但有一家甜点店，值得你放弃半天的时间去探索一番。从吉祥寺的中心地带乘公车或暴走半小时即可达到，存在于一个安静的居民区角落的这家atessouhaits！是日本的大众点评Tabelog上东京排第一名的甜品店！&tessouhaits在法语里的大概意思是“愿美梦成真”，据说在法国如果打喷嚏的话周围的人就会说这句“&tessouhaits”。名字好贴切，可以到达这里尝到美味的甜点，真的是美梦成真呀！第一名的店面真的很低调，自己赶到的时候已经是雨后的傍晚，依然有客人在排队。店内的装修很简约明亮，醒目的位置摆放着主厨川村英树的获胜奖杯，店里不允许拍照（东京的甜点店和商场大多有这样的规定），也没有堂吃，只有门口的两张小小桌椅。生果子冷柜常温蛋糕琳琅满目口味繁多店里的磅蛋糕很漂亮，摆在一起特壮观！透明的玻璃窗后忙碌的团队（在打电话的那位对不住了....）店里展示的获胜奖杯由于只能外带回酒店，Connie选了几款打包：经典的日式草莓蛋糕，泡芙和栗子卷。虽然照片有点惨不忍睹，可现在还忍不住对着照片流口水...草莓蛋糕轻盈奶香浓郁，并没有太多突出表现，个人感觉不及神户名店御影高杉家。栗子卷泡芙口感浓郁，好吃！但大概因为对“第一名”抱有太高的期望值，所以反而觉得没有太多的惊喜，是不是自己太鸡蛋里挑骨头呢？不过带回国的常温礼盒倒是很美味，长辈们很是喜欢。在网上有看到过川村英树的糖艺作品，非常的震撼，因为自己在翻糖领域摸爬滚打，深知用白砂糖来做造型是多么的不容易！离开的时候天都快黑了，附近的居民还是络绎不绝的进店，每个人都大包小包收获满满，甜点柜几乎已经空了。
来的时候很匆忙，临走又开始恋恋不舍，于是前坐在门口留个张影。最后奉上川村英树九宫格最爱哪一个？atessouhaits！営業時間：11：00?19：00月曜定休（月曜祝日の場合は火曜お休み）地址：180-0002東京都武蔵野市吉祥寺東町3-8-8，カサ吉祥寺2tel.8「菅又亮辅Ryoura」菅又亮辅1976年出生于新泻日式点心家族。26岁时远赴法国，在诺曼底、巴黎等地从师名厨。成为大师PierreHerme的爱徒。回到日本后，在PierreHermeSalondeThe担任主厨。2007年12月在东京人气名店D'euxPatisserie-Cafe担任6年主厨。2015年在东京开设自己的店铺PatisserieRyoura法式洋菓子專賣店著有《奶油&裝飾應用教科書》《費南雪:法式經典甜點,貴氣金磚蛋糕》《幸福洋菓子：東京甜點主廚的馬卡龍筆記》《プロのための製菓技法クリーム―クリームの扱い?製法、それぞれの方法》看了照片是不是就对这位chef印象很深刻了呢～没错，帅锅一枚。长着一张娃娃脸的他，却拥有着非常资深的烘焙经历，更是法国鼻祖级甜点大师PierreHerme的爱徒，担任东京PierreHerme店副厨师长多年。
经过了多年的实战积累，2015年菅又亮辅终于有了属于自己的PatisserieRyoura法式洋菓子甜点店，揉合法日技巧的优点与推陈出新，他美妙而符合日本人口味的法式甜品，在東京甜点界人气一天比一天旺，成为日本甜点界名副其实的网红。NHK电视台经常看到他的节目，各大咖啡甜点杂志的甜品特辑里，总会找到Ryoura的新品。日本版大众点评tabelog上，Ryoura更是3.59的高分。于是，打着去探店的旗号，实则去看帅哥的行程那是绝不能错过滴！位于东京世田谷区用賀的Ryoura的主色调是清新的水蓝色，刚入眼帘就有一种超想进去看个究竟的冲动。店铺内虽然不大但却很宽敞明亮，生果子冷柜区，常温蛋糕和酱类一目了然。生果子冷柜里的甜点种类很多，一眼望去颜色都非常的清新靓丽，更加印证了“帅锅的小清新店”的名副其实！趁着口水没有留下来，买买买！店里的招牌好多种，没有堂食，Connie挑了几种外带。看这颜色，心情有木有顿时也跟着靓丽起来？简直要边哼着歌边泡茶了！口味嘛..你猜？每一个都好吃到哭！！菅又chef真的是表里如一啊，点心好吃人又帅，本人特别开朗外向，还很逗逼，这样的性格在甜点师里还真是少见呢。最后，店里的常温点心也不容错过，别忘了菅又chef有出版一本热卖的常温点心书——人见人爱的《費南雪:法式經典甜點,貴氣金磚蛋糕》，已有台湾中文翻译的版本，很方便可以购买。菅又亮辅九宫格透露着满满幸福感的甜点，想吃哪一个？Ryoura店舗地址〒158-0097東京都世田谷区用賀4-29-5グリーンヒルズ用賀ST1F東急田園都市線「用賀駅」より徒歩約3分営業時間11:00～19:00（日曜日?祝日は変動あり）日曜日営業不定休電話03-「金子美明atessouhaits!」金子美明先后在RestaurantPACHON、PatisserieLePetitBedon担任主厨后1999年渡法，在巴黎三星级餐馆AlainDucasse内修业，于2003年回国后独立开店ParisS'eveille。自由之丘是个好地方，也是东京甜点激战区核心。除了有个听上去就很“大胃王”的“甜点森林”之外，还有各种隐藏在各个巷子里的精致小店。
比起自由之丘另一家赫赫有名的MontSt.Claire，Connie更喜欢这家ParisS'eveille。本身它是在自己的计划之外的，可偶遇了之后深深感到“来了绝对不后悔，来了绝对不吃亏”，总之是个惊喜就对了。ParisS'eveille是一首歌的名字，意思是巴黎早晨的美景。店铺装修是华丽丽的欧洲风，也就预示着甜点本身也是非常传统的法式西点。到达店门口的时候，发现这根本不是什么美丽的早晨，而是一个挤爆了的下午！那个木门里面已经几乎被客人塞满了...于是，Connie暗下决心，今天决定无论如何也要吃上他家的点心～这，就是吃货的雄心壮志！好不容易挤进门，排到生菓子柜前，场景是这样的：冷柜里的甜点揭开庐山真面目，两个字：精致。靠窗的货架上陈列着有很有质感的果酱（ParisS'eveille的招牌产品之一）与很多西点店不同的是，他们家还做各式各样的面包，因为刚好在季节，一个非常美丽的国王派映入眼帘。终于排到自己点单。
店员说如果堂食大概要在另一排等大约一小时...放弃之，外带回宾馆。于是....看看Connie点了啥：最爱是右上角图二，一块巨大的金箔华丽丽的，颜值有点让人不忍下手。但吃到嘴里的第一秒，我发誓一辈子都不会忘记这个瞬间。店里其实还有卖它的整块版本，可见果然是店里的经典之一。有个小细节，不知道大家留意到了嘛？从自由之丘回市中心的宾馆，中间步行还搭乘了地铁，一路担心甜点会不会被撞坏。回到房间打开盒子的一瞬间，感动的要哭。店员用红色的贴纸把每个甜点的垫片牢牢粘在了底板上，每块甜点虽然贴的很近但丝毫没有被碰坏，在国内没有一家甜点店可以做到这一点，真的让人敬佩啊！对于patisserieParisS'eveille，想用四个字来总结就是“意犹未尽”。如果再逛自由之丘，一定要早些到达，去店里安安稳稳吃个下午茶。
patisserieParisS'eveille东京都目黑区自由が丘2-14-5東京都目黒区自由が丘2-14-5館山ビル1F10:00～20:00提供午餐,星期天照常营业吃，是一种态度。日本食肆的品格更是让人敬畏，重要的并不是地段还是装修，而是对待食物的态度以及顾客的心情，即便是隐匿在不起眼的社区中也会闪闪发光受到全世界的瞩目。正如店名所意，为梦想而生活着的人们，美梦也一定会成真。今天的三家店，不知道你更喜欢哪一家呢？不过，在最后，Connie倒是要给大家一个大大的惊喜：惊喜以上三位日本甜点大师中，近期将有其中一位来到我们的甜点学院ConnieHeCakeCollege（CHCC）亲自为大家授课，并带来亲手制作的西点给大家品尝！大家猜猜，会是哪一位呢？
博客等级：
博客积分：0
博客访问：242
关注人气：0
荣誉徽章：在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
对其他框架我是佩服，对vue.js我则是爱。我就是一眼看上了vue.js,于是用它做各种东西，反反复复多次，然后觉得有些融会贯通，然后，我稍微细的思量了下，到底vue.js靓丽在哪？
还是上案例对比说明。这次的案例，UI看起来是：
一个span，两个按钮，点击按钮会让span加1或者减1。它简单到你不需要分心关注，但是由足够说明典型的html场景——就是既有数据呈现也有按钮操作。
vanilla.js
首先出场的是vanilla.js(vanilla.js的意思是，不使用任何框架） ，代码是这样的：
&div id="app"&
&p&&span id="count"&0&/span&
&button id="inc"&+&/button&
&button id="dec"&-&/button&
var counter = document.getElementById('count');
var btn1 = document.getElementById('inc');
var btn2 = document.getElementById('dec');
var count = 0;
btn1.addEventListener('click',function (){
counter.innerHTML = ++
btn2.addEventListener('click',function (){
counter.innerHTML = --
代码行数倒是不算多，但是看起来的感受是:
使用了多个DOM API(getElementById,innerHTML)
DOM API设计的复合词太长
我偏爱简洁的代码，而使用DOM API就构成了一种代码的臭味，让我喜欢不起来。
第二个出场的是jquery。我个人认为前端历史上来说，有几个标志性事件
微软加入了XMLHttpRequest。从此Ajax技术一发而不可收
jquery。简单的Selector，精简的API，令世人只有有jquery，不知道有Vanilla.js
Vue.js等相类似的框架。引入了数据绑定，以及组件技术到前端开发所有，jquery当然是排的上好的技术了。那么，使用jq，效果如何呢？
src="/jquery-3.1.1.js"
integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
crossorigin="anonymous"&&/script&
&div id="app"&
&p&&span id="count"&0&/span&
&button id="inc"&+&/button&
&button id="dec"&-&/button&
var count = 0
$('#inc').click(function(){
$("#count").html(++count)
$('#dec').click(function(){
$("#count").html(--count)
分析一下：
jquery的选择器比起原生的更好，即使和querySelector相比也更简洁
使用精简的API替代Vanilla的。比如.html()比起.getElementById（）来说，是要看着舒服点的
然而，内核基本不变：依然是添加EventListener，命令式的取值和修改值，依然你得懂得DOM的节点选择、事件监听、回调函数等。
最后出场的是vue，代码是这样的：
&script src="/vue/dist/vue.js"&&/script&
&div id="app"&
&p&{{count}}
&button @click="inc"&+&/button&
&button @click="dec"&-&/button&
el:'#app',
methods: {
this.count++
this.count--
第一感觉就是：
规整。数据（data），方法(methods)放置的工工整整，一目了然。它充分的利用js的字面量对象的语法
整个应用接口设计，基本上采用的都是简单。一眼看过去，一个复合词也没有（比如getElementById就是4个复合词）
现在，你不需要挂接EventListener，使用@click语法自动绑定事件，使用{{}}自动绑定数据
你不需要DOM的一系列的知识就可以构造此程序；对初学者来说，这个门槛真是降低太多
Vue.js的优美和简约，来源于声明式编程的理念。就是说我不需要通过一系列的函数调用来完成一件事儿，而是直接声明想要什么事儿。比如：
程序员直接声明{{count}}，告诉Vue，此处使用Vue实例中的data对象内的count属性来填充。而不是调用.getElementById,.textContent来设置。
程序员通过@click直接声明点击事件指向位置为Vue实例内对象methods对应的方法。而不是通过调用.addEventListener，传入回调函数的方式来实现事件监听
整个Vue.js的应用接口设计的非常优美，但是能量巨大，做到这一点需要很多功力。这就是我佩服的设计哲学。把麻烦留给自己，让开发者感受简洁。
作者：刘传君
创建过产品，创过业。好读书，求甚解。可以通过
bootstrap小书 http小书 Git小书
0 收藏&&|&&13
你可能感兴趣的文章
1 收藏，527
11 收藏，1.1k
3 收藏，519
怎能没了 React 版本：
import React from 'react';
import ReactDOM from 'react-dom';
class Counter ponent {
this.setState({
count: this.state.count + 1
this.setState({
count: this.state.count - 1
render() {
{this.state.count}}
&button onClick={this.inc}&+&/button&
&button onClick={this.dec}&-&/button&
ReactDOM.render(&Counter /&, document.getElementById('app'));
怎能没了 React 版本：
```javascript
import React from 'react';
import ReactDOM from 'react-dom';
class Counter ponent {
this.setState({
count: this.state.count + 1
this.setState({
count: this.state.count - 1
render() {
{this.state.count}}
&button onClick={this.inc}&+&/button&
&button onClick={this.dec}&-&/button&
ReactDOM.render(&Counter /&, document.getElementById('app'));
&div id="app"&
&p&&span id="count"&0&/span&
&button onclick="inc()"&+&/button&
&button onclick="des()"&-&/button&
var $display = document.querySelector('#count');
var count = 0;
function inc(){
$display.innerHTML = ++
function des(){
$display.innerHTML = --
我写了个vanilla版的。vue.js确实很棒，但是文章中很多没说到点上。很多时候，是因为你写原生或者jQuery的时候少了一些思考，这几个版本之间的差异并不只是实现方式上的差异，更多的是思维方式的差异。
&div id=&app&&
&p&&span id=&count&&0&/span&
&button onclick=&inc()&&+&/button&
&button onclick=&des()&&-&/button&
var $display = document.querySelector('#count');
var count = 0;
function inc(){
$display.innerHTML = ++
function des(){
$display.innerHTML = --
我写了个vanilla版的。vue.js确实很棒，但是文章中很多没说到点上。很多时候，是因为你写原生或者jQuery的时候少了一些思考，这几个版本之间的差异并不只是实现方式上的差异，更多的是思维方式的差异。
parseInt($("#count").html())直接改成$("#count").html()-0啊；而且jquery和vue根本不能做对比的好吗
parseInt($(&#count&).html())直接改成$(&#count&).html()-0啊；而且jquery和vue根本不能做对比的好吗
哇~ 看了好心动呀~ 好想学vuejs~
哇~ 看了好心动呀~ 好想学vuejs~
你可以试试angular 版本再某些方面更爽
你可以试试angular 版本再某些方面更爽
可以不定义两个方法，定义一个方法然后把-1和1当做参数传进去
可以不定义两个方法，定义一个方法然后把-1和1当做参数传进去
支持支持。。学习angularjs....
支持支持。。学习angularjs....
作者你真好意思写出来，vue最大的问题就是学习成本高，他跟angular一样发明了很多新概念，相当于给标准html加了不少自定义内容。
作者你真好意思写出来，vue最大的问题就是学习成本高，他跟angular一样发明了很多新概念，相当于给标准html加了不少自定义内容。
也好意思出来？数据绑定是vue.js 第一个引入的？
也好意思出来？数据绑定是vue.js 第一个引入的？
咱两谁该不好意思啊。
咱两谁该不好意思啊。
你在那里看到我说vue.js是第一个引入数据绑定的？教教我你的逻辑。另外不要随便道德判断
你在那里看到我说vue.js是第一个引入数据绑定的？教教我你的逻辑。另外不要随便道德判断
初学。谢指教。如何在进一步说到点之上呢？
初学。谢指教。如何在进一步说到点之上呢？
没法一口吃成胖子，首先要改变编程的思维。你想一下，你的第一个例子为什么需要parseInt，真的是必须要用吗？为什么vue的例子中不需要？核心差异在于你的数据在哪里，vue的例子中，数据是在变量中的，而第一个例子中，你的数据是在页面上，需要不断地取回来处理完再放回去。这才是导致代码风格差异的核心原因。你再看看我写的版本，是不是跟vue的例子完全是一样的套路？看起来还有那种乱糟糟的感觉吗？
回到问题本身，vue，或者说框架的确可以帮助你规范一部分的代码，那是因为框架框住了你编辑所能使用的模式。这个简单的例子中，如果限定你只能用数据驱动UI更新的时候，用什么写都很清晰。
没法一口吃成胖子，首先要改变编程的思维。你想一下，你的第一个例子为什么需要`parseInt`，真的是必须要用吗？为什么vue的例子中不需要？核心差异在于你的数据在哪里，vue的例子中，数据是在变量中的，而第一个例子中，你的数据是在页面上，需要不断地取回来处理完再放回去。这才是导致代码风格差异的核心原因。你再看看我写的版本，是不是跟vue的例子完全是一样的套路？看起来还有那种乱糟糟的感觉吗？
回到问题本身，vue，或者说框架的确可以帮助你规范一部分的代码，那是因为框架框住了你编辑所能使用的模式。这个简单的例子中，如果限定你只能用数据驱动UI更新的时候，用什么写都很清晰。
哦，我以为是什么高大上的思维呢。且让小僧伸伸脚。
哦，我以为是什么高大上的思维呢。且让小僧伸伸脚。
这个反应就聊不下去了，希望你研究高大上愉快。
这个反应就聊不下去了，希望你研究高大上愉快。
我没办法装一个白痴 ，去耐心听你讲这些本来一句话就可以清晰的常识。对不住。
我没办法装一个白痴 ，去耐心听你讲这些本来一句话就可以清晰的常识。对不住。
知道是常识还花这么大一篇文章来混淆视听？
知道是常识还花这么大一篇文章来混淆视听？
请指教。我如何以及混淆了谁的视听？毫无依据，你就张嘴就来。你问问他们，他们认不认。你问问你自己，我都能混淆得了你？
多大篇幅我爱意，我有时间，我爱浪费，不关你事。
你要是这次逻辑能清晰点（就事论事，不随意生发、不答非所问），我愿意听听。但我告诉你：
parseInt的事儿，一遍就够。
一个bug，你一会儿到思维转变，一会一口一个胖子，再一会儿我就混淆视听。这就是我说你随意生发
我问题是如何”说到点子上“讲的是我的文章的feature，你又再次盯着parseint，复读机回放一遍，这就是你的答非所问；
你想要当老师，我给你支个招，你出门去，然后可以看到一个大大的牌子，叫SegmentFault问答区。
请指教。我如何以及混淆了谁的视听？毫无依据，你就张嘴就来。你问问他们，他们认不认。你问问你自己，我都能混淆得了你？
多大篇幅我爱意，我有时间，我爱浪费，不关你事。
你要是这次逻辑能清晰点（就事论事，不随意生发、不答非所问），我愿意听听。但我告诉你：
parseInt的事儿，一遍就够。
一个bug，你一会儿到思维转变，一会一口一个胖子，再一会儿我就混淆视听。这就是我说你随意生发
我问题是如何”说到点子上“讲的是我的文章的feature，你又再次盯着parseint，复读机回放一遍，这就是你的答非所问；
你想要当老师，我给你支个招，你出门去，然后可以看到一个大大的牌子，叫SegmentFault问答区。
看你的回复真是……无知不可怕，无知还自大才可怕。
你的文章题目叫《为什么vue.js一眼看上去那么美》，并举出了vanilla.js的版本，然后说有臭味。然后同一个例子，你举了vue的版本。根据你的标题和行文，我推导出：你觉得同一个例子，按你写的代码，vue.js实现出来比vanilla.js实现出来更美，这个结论没问题吧？
接下来我说你的这个更美没有问题，但是更美并不是因为vue.js实现就比vanilla.js更美，vanilla.js如果换一种思路来写，同样可以达到同样程度的美。这是我说“更多来自于思维方式差异”以及说你的文章没写到点上的原因，因为你的vanilla.js的实现思路不对，所以看起来一团糟，本来可以不必写成一团糟的。
不管是你做什么科学研究和对比，都得保证在其它条件相同的情况下来比较吧，你拿了两个思路完全不同的版本来比较，然后得出，vue.js写出来真美啊，这个没有任何说服力。
然后你问怎么说到点到，我以为你在真心求教，于是提醒你注意parseInt出现的原因，如果你认真思考一下，就能知道第一个例子中的parseInt并不是必要的。parseInt是你思路不同的一个反映，如果相同的思路的话，在两边都是不必要的。
没想到你对此不以为然，然后发动嘲讽技能。说这些是常识。
那接下来我的反应，既然你把这叫常识了，那么你就应该知道这两段代码最深刻的差异并不在vanilla.js还是vue.js来实现，而是因为vue.js的版本中应用了这个常识，而vanilla.js中没有应用。而你却把观感差异归结到vanilla.js和vue.js上，这是我说你混淆视听的原因。
言尽于此，我无法叫醒一个装睡的人。
另外不要老是攻击别人，像我脾气这么好的人真的不多。愿意跟你长篇大论解释是希望你放下成见，好好聚焦到知识的讨论上。古人还说不耻下问呢，你这是不是下问都不确定就开始攻击起人来了的习惯真的不好。
看你的回复真是……无知不可怕，无知还自大才可怕。
你的文章题目叫《为什么vue.js一眼看上去那么美》，并举出了vanilla.js的版本，然后说有臭味。然后同一个例子，你举了vue的版本。根据你的标题和行文，我推导出：你觉得同一个例子，按你写的代码，vue.js实现出来比vanilla.js实现出来更美，这个结论没问题吧？
接下来我说你的这个更美没有问题，但是更美并不是因为vue.js实现就比vanilla.js更美，vanilla.js如果换一种思路来写，同样可以达到同样程度的美。这是我说“更多来自于思维方式差异”以及说你的文章没写到点上的原因，因为你的vanilla.js的实现思路不对，所以看起来一团糟，本来可以不必写成一团糟的。
不管是你做什么科学研究和对比，都得保证在其它条件相同的情况下来比较吧，你拿了两个思路完全不同的版本来比较，然后得出，vue.js写出来真美啊，这个没有任何说服力。
然后你问怎么说到点到，我以为你在真心求教，于是提醒你注意`parseInt`出现的原因，如果你认真思考一下，就能知道第一个例子中的`parseInt`并不是必要的。`parseInt`是你思路不同的一个反映，如果相同的思路的话，在两边都是不必要的。
没想到你对此不以为然，然后发动嘲讽技能。说这些是常识。
那接下来我的反应，既然你把这叫常识了，那么你就应该知道这两段代码最深刻的差异并不在vanilla.js还是vue.js来实现，而是因为vue.js的版本中应用了这个常识，而vanilla.js中没有应用。而你却把观感差异归结到vanilla.js和vue.js上，这是我说你混淆视听的原因。
言尽于此，我无法叫醒一个装睡的人。
另外不要老是攻击别人，像我脾气这么好的人真的不多。愿意跟你长篇大论解释是希望你放下成见，好好聚焦到知识的讨论上。古人还说不耻下问呢，你这是不是下问都不确定就开始攻击起人来了的习惯真的不好。
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。&>&JS 二级下拉菜单。很漂亮，就是没实现三级下拉
JS 二级下拉菜单。很漂亮，就是没实现三级下拉
上传大小：170KB
实现的二级下拉菜单，很漂亮。伸缩。但是没有实现三级下拉噢。上传这里，希望爱好者可以扩展为三级纵向下拉
综合评分：4（18位用户评分）
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, _username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click",'.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有18条
还可以！！！
不是我要的效果
凑合用吧，自己改改再用就行
上传者：yuan2121241
上传时间：积分/C币：3
上传者：qingyedetian
上传时间：积分/C币：3
上传者：new_passport
上传时间：积分/C币：3
上传者：cl_ghost
上传时间：积分/C币：3
上传者：wanganlin21
上传时间：积分/C币：5
上传者：ynsky
上传时间：积分/C币：3
上传者：shylock08
上传时间：积分/C币：3
上传者：ubuntulinuxjava
上传时间：积分/C币：3
上传者：ynsky
上传时间：积分/C币：3
上传者：xuqinasa
上传时间：积分/C币：3
上传者：ynsky
上传时间：积分/C币：3
上传者：lee140729
上传时间：积分/C币：3
上传者：alan_wdd
上传时间：积分/C币：3
上传者：AsiaHT
上传时间：积分/C币：3
上传者：dongguozh
上传时间：积分/C币：3
上传时间：积分/C币：3
上传者：tanglingbo
上传时间：积分/C币：3
上传者：szbijc
上传时间：积分/C币：3
上传者：c212610
上传时间：积分/C币：3
上传者：qq
上传时间：积分/C币：3
审核通过送C币
node.js视频教程
创建者：love
js常用插件库
创建者：yxys01
前端开发必备书籍
创建者：guanxi2010
上传者其他资源上传者专辑
java用数组实现约瑟夫环
通过点击添加按钮即可自动添加一行点击删除即可自动删除一行
又一个很好的js控制实现动态拖动表格宽度的例子
js控制弹出对话框js控制弹出对话框
下拉复选框和表格的结合
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
扫码关注并点击右下角获取下载码
输入下载码
为了良好体验，不建议使用迅雷下载
JS 二级下拉菜单。很漂亮，就是没实现三级下拉
会员到期时间：
剩余下载个数：
剩余C币：593
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励5下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
JS 二级下拉菜单。很漂亮，就是没实现三级下拉