VS Code 中建立文件模板
做前端开发的同学都知道,我们在编辑器中输入一个 !
然后按下 tab
键就可以帮我们自动补全 html
结构,那么当我们写 Vue
或者是 React
的时候,页面其实都是有一个初始模板的,我们要怎样做到类似上面简单输入就可以得到文件模板呢,今天就以 Vue
为模板举栗给大家介绍 VSCode 上的一个很好用的功能,叫做 用户代码片段。
做前端开发的同学都知道,我们在编辑器中输入一个 !
然后按下 tab
键就可以帮我们自动补全 html
结构,那么当我们写 Vue
或者是 React
的时候,页面其实都是有一个初始模板的,我们要怎样做到类似上面简单输入就可以得到文件模板呢,今天就以 Vue
为模板举栗给大家介绍 VSCode 上的一个很好用的功能,叫做 用户代码片段。
很多同学在做项目的时候都遇到过多语言的需求,或者说已经实践过了,这篇文章主要讲的是通过 vue-i18n 来进行 Vue 项目的多语言配置,它的功能十分丰富,在我目前为止的项目开发中都是可以满足需求的使用的,文档地址 ,文档对于一些基础的使用方法都做了详细的介绍
写在前面:这个功能我周末**写了两天,其实页面开发也就一个小时,剩下的时间都在 Debug
,做这个功能我是真的佛了,中间都想放弃了,但是实在是不甘心,周一晚上下班回来搞到两点,终于解决了,虽然最后的方案已经远远不是我最开始的时候采用的方法了。我的 PHP
代码写的很渣,不要喷我,我已经尽力了。先贴上 我的代码
问题:在 less 中使用 calc ,转为 css 时 calc(50% - 40px) 被转为 calc(10%) ,解析时忽略了单位直接计算再加百分号;
原因:less 的计算方式和 calc 方法有重叠,两者在一起有冲突;
解决:width: e("calc(50% - 40px)");
或 width: calc(~"100% - 40px");
引申:在 scss 中使用 width: calc(#{$thirdWidth} - #{$padding});
解决问题
之前一直没注意这个事情,今天一看文章中的链接和评论中的链接点击都是从本窗口跳转,这怎么能行,这流量流失的也太具体了吧,在网上查询之后找到办法——修改 Typecho
源码
本文针对的是 版本 1.1 (17.10.30)
,而网上的大多答案都是 0.x
版本的 Typecho
,其实都是改源码的方式,只不过 1.1 版本的目录结构和旧版的 不同而已
蛤蛤蛤,一还没有写,一的话是一些总结的小东西,从二开始是比较重要的,比较需要记住的东西,同时也相当于随堂笔记的样子吧
部分摘抄自 官方文档
target | currentTarget | |
---|---|---|
定义 | 触发事件的组件的一些属性值集合 | 当前组件的一些属性值集合 |
dataset | 事件源组件上由 data- 开头的自定义属性组成的集合 | 当前组件上由 data- 开头的自定义属性组成的集合 |
现在的前端开发中我们已经习惯了使用 npm
包,但是微信小程序的目录结构显然与我们开发的普通 Vue
项目是不一样的,那么如果我要在微信小程序中使用一个 npm
包的话,我们应该如何操作呢,其实也很简单
在小程序中组件的使用是很方便的,但是有的时候我们想要强制调用组件的某个方法来刷新值或者进行其他的操作,而组件并未直接向外部暴露出方法来,该怎么办呢
小程序的 onLaunch
和页面级的 onLoad
异步执行,这两个的执行顺序是不一定的,在 onLaunch
中请求还未返回的时候, onLoad
可能就执行了,需要加判断
封装一个全局方法,便于其他页面使用,我们的业务逻辑是只有当用户执行到下单或分享等必须操作时才需要用户登录,用户登录需要先授权个人信息,如果用户授权过个人信息,下次进入的时候就直接登录,登录成功后会赋值 getUserInfoFlag
为 true
。