[{"data":1,"prerenderedAt":261},["ShallowReactive",2],{"navigation":3,"index":14,"index-blogs":191},[4],{"title":5,"path":6,"stem":7,"children":8,"page":13},"Blog","/blog","blog",[9],{"title":10,"path":11,"stem":12},"关于这个博客的背景和思路","/blog/01","blog/01关于这个博客",false,{"id":15,"title":16,"about":17,"blog":20,"body":23,"description":27,"experience":139,"extension":147,"faq":148,"hero":165,"meta":175,"navigation":176,"path":177,"seo":178,"stem":179,"testimonials":180,"__hash__":190},"index/index.yml","坐和放宽，我是金金",{"title":18,"description":19},"关于金金","金金，一个全栈工程师，喜欢写点代码，更喜欢玩游戏。LOL 大乱斗选手。事实上，和生活的对线已经耗尽他的精力。\n",{"title":21,"description":22},"最近的一些文章","写作的真正艺术不是表达思想，而是通过写作来发现和形成思想。 -- 蒙田",{"seo":24,"title":16,"description":27,"hero":28,"about":53,"experience":54,"testimonials":73,"blog":98,"faq":99},{"title":25,"description":26},"金金同学的博客","欢迎来到金金同学的博客，全栈工程师，java全家桶、vue、react、taro、uniapp以及flutter","个人自留地，全干工程师，写点代码除了谋生，也为取悦自己。",{"links":29,"images":34},[30],{"label":31,"to":32,"color":33},"博客模板自取","https://github.com/nuxt-ui-templates/portfolio","neutral",[35,38,41,44,47,50],{"src":36,"alt":37},"https://oss.jinjin-bao.top/i/2026/02/07/qvld3j.jpg","Random Image 1",{"src":39,"alt":40},"https://oss.jinjin-bao.top/i/2026/02/07/qvkpcx.jpg","Random Image 2",{"src":42,"alt":43},"https://oss.jinjin-bao.top/i/2026/02/07/qv85ij.jpg","Random Image 3",{"src":45,"alt":46},"https://oss.jinjin-bao.top/i/2026/02/07/h6r3mg.jpg","Random Image 4",{"src":48,"alt":49},"https://oss.jinjin-bao.top/i/2026/02/07/qz378d.jpg","Random Image 5",{"src":51,"alt":52},"https://oss.jinjin-bao.top/i/2026/02/07/qz5owc.jpg","Random Image 6",{"title":18,"description":19},{"title":55,"items":56},"工作经验",[57,63,68],{"position":58,"date":59,"company":60},"web developer at","2025 - Present",{"name":61,"color":62},"HXL","#00DC82",{"position":58,"date":64,"company":65},"2021 - 2025",{"name":66,"color":67},"YMM","#FF6363",{"position":58,"date":69,"company":70},"2018 -2021",{"name":71,"color":72},"unknown","#5E6AD2",[74,82,90],{"quote":75,"author":76},"Emma's approach to UX design completely transformed our product. She has a rare ability to balance beautiful aesthetics with functional simplicity. The redesign not only looked better, but it reduced our customer support tickets by 40% and increased conversion rates across all key metrics.",{"name":77,"description":78,"avatar":79},"Sarah Chen","Product Director at Bloom Finance",{"src":80,"srcset":81},"https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":83,"author":84},"Working with Emma was the best decision we made for our startup. She didn't just deliver designs—she challenged our assumptions, conducted thorough user research, and created an experience that truly resonated with our audience. Her technical knowledge of front-end development meant the handoff to our engineering team was seamless.",{"name":85,"description":86,"avatar":87},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":88,"srcset":89},"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":91,"author":92},"Emma stands out in her ability to translate complex sustainability data into intuitive interfaces. Her work on EcoTrack wasn't just visually stunning—it fundamentally changed how our users interact with environmental information. She approaches each problem with both creativity and analytical rigor, which is exactly what we needed.",{"name":93,"description":94,"avatar":95},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":96,"srcset":97},"https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"title":21,"description":22},{"title":100,"description":101,"categories":102},"Frequently Asked Questions","Answers to common questions about my process and services.",[103,115,130],{"title":104,"questions":105},"Services & Process",[106,109,112],{"label":107,"content":108},"What services do you offer?","I specialize in UX/UI design and front-end development. This includes user research, wireframing, interactive prototyping, creating intuitive user interfaces, building responsive websites and web applications (especially with Vue.js/Nuxt.js), and developing design systems. My goal is to create seamless digital experiences from concept to deployment.\n",{"label":110,"content":111},"What is your design process like?","My process is collaborative and iterative, typically involving stages like Discovery & Research, Ideation & Prototyping, User Testing, Visual Design, and close collaboration with development teams during implementation. I tailor the process based on project needs, always focusing on user-centered solutions.\n",{"label":113,"content":114},"Do you work with startups?","Absolutely! I enjoy working with startups to help shape their product vision and create user-friendly interfaces from the ground up. I can adapt my process to fit the fast-paced startup environment.\n",{"title":116,"questions":117},"Pricing & Timelines",[118,121,124,127],{"label":119,"content":120},"How much does a project typically cost?","Project costs vary based on scope, complexity, features, and timeline. For comprehensive UX/UI design and front-end development projects, my engagements typically start around $5,000, with average projects ranging between $8,000 and $25,000. For consulting or specific design tasks, my day rate is $700.\n",{"label":122,"content":123},"What are your payment terms?","I generally require a 40% deposit to schedule the project and begin work, with the remaining 60% due upon successful project completion and delivery. I accept payments via bank transfer and Stripe.\n",{"label":125,"content":126},"How long does a typical project take?","Timelines depend heavily on the project's scope and complexity. Smaller projects might take 3-4 weeks, while larger, more involved projects can range from 2 to 4 months. I always provide a detailed timeline estimate after the initial discovery phase.\n",{"label":128,"content":129},"Do you offer retainers or ongoing support?","Yes, for clients needing ongoing design support, feature development, or maintenance, I offer monthly retainer options tailored to specific needs. Let's discuss if this is something you're interested in.\n",{"title":131,"questions":132},"About Me",[133,136],{"label":134,"content":135},"What do you enjoy most about your work?","I love the challenge of solving complex problems through design and technology. It's incredibly rewarding to see people interact with something I've created and find it genuinely useful and easy to navigate. Bridging the gap between user needs and technical possibilities is what truly excites me.\n",{"label":137,"content":138},"What are your hobbies outside of work?","When I'm not designing or coding, I enjoy exploring Boston's neighborhoods, trying out new coffee shops, and hiking in the nearby reservations. I'm also passionate about photography and occasionally contribute to open-source projects.\n",{"title":55,"items":140},[141,143,145],{"position":58,"date":59,"company":142},{"name":61,"color":62},{"position":58,"date":64,"company":144},{"name":66,"color":67},{"position":58,"date":69,"company":146},{"name":71,"color":72},"yml",{"title":100,"description":101,"categories":149},[150,155,161],{"title":104,"questions":151},[152,153,154],{"label":107,"content":108},{"label":110,"content":111},{"label":113,"content":114},{"title":116,"questions":156},[157,158,159,160],{"label":119,"content":120},{"label":122,"content":123},{"label":125,"content":126},{"label":128,"content":129},{"title":131,"questions":162},[163,164],{"label":134,"content":135},{"label":137,"content":138},{"links":166,"images":168},[167],{"label":31,"to":32,"color":33},[169,170,171,172,173,174],{"src":36,"alt":37},{"src":39,"alt":40},{"src":42,"alt":43},{"src":45,"alt":46},{"src":48,"alt":49},{"src":51,"alt":52},{},true,"/",{"title":25,"description":26},"index",[181,184,187],{"quote":75,"author":182},{"name":77,"description":78,"avatar":183},{"src":80,"srcset":81},{"quote":83,"author":185},{"name":85,"description":86,"avatar":186},{"src":88,"srcset":89},{"quote":91,"author":188},{"name":93,"description":94,"avatar":189},{"src":96,"srcset":97},"7OQrifmnwmYIuRgeMahx5uCbu9dL0FnOLZvN--cQUik",[192],{"id":193,"title":10,"author":194,"body":198,"date":253,"description":254,"extension":255,"image":256,"meta":257,"minRead":258,"navigation":176,"path":11,"seo":259,"stem":12,"__hash__":260},"blog/blog/01关于这个博客.md",{"name":195,"avatar":196},"金金",{"src":197,"alt":195},"https://images.unsplash.com/photo-1701615004837-40d8573b6652?q=80&w=1480&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",{"type":199,"value":200,"toc":245},"minimark",[201,222,226,233,236,239,242],[202,203,204,205,209,210,213,214,217,218,221],"p",{},"陆陆续续用了几个博客的模板。有纯手搓的，如 ",[206,207,208],"code",{},"java+vue"," 一把梭。也有懒人专用的，如 ",[206,211,212],{},"halo"," 那一套的，直接快速搭建。还用过基于 ",[206,215,216],{},"nextjs"," ，写完放在 vercel 上跑的。现在突然又开始折腾这个 ",[206,219,220],{},"nuxt","，想想也是挺有劲（有劲这个词是我老家的方言，就是形容一个人非常能折腾）。",[223,224,225],"h2",{"id":225},"背景",[202,227,228,229,232],{},"对于vue，向来评分两极分化。拜托，在AI已经如火如荼的今天，还有必要针对技术方向吵的不可开交么。我是从数据分析转的前端开发，最早接触的就是 ",[206,230,231],{},"vue","。从一个菜鸟的角度来看，vue的起手真的非常简单易学。\n你不用考虑用哪种状态库、哪种路由组合和代码的组织方式，只要按照官方文档的流程，就可以快速搭建一个项目。而且大概率，菜鸟的代码也不会惨不忍睹。template、script、style三个区块，紧紧有条。",[202,234,235],{},"我的博客之旅，说实话也不顺利。一个字就是懒，而且实话实说，人很菜的时候，不敢妄言。",[223,237,238],{"id":238},"思路和流程",[223,240,241],{"id":241},"坑",[223,243,244],{"id":244},"感想",{"title":246,"searchDepth":247,"depth":247,"links":248},"",2,[249,250,251,252],{"id":225,"depth":247,"text":225},{"id":238,"depth":247,"text":238},{"id":241,"depth":247,"text":241},{"id":244,"depth":247,"text":244},"2025-12-23T00:00:00.000Z","为啥要创建这个博客，在AI如此大行其道的今天，还有没有必要创建个人博客？","md","https://images.pexels.com/photos/1050312/pexels-photo-1050312.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",{},1,{"title":10,"description":254},"SLFGP0EpOi7UgqcJTAVlyP6xYQxhKi-bNDxYrGVGEZ8",1770616413718]