angular

Enable SASS in Angular4

If you use angular-cli to create an Angular4 project. The project will use css by default. If you want to use sass, you can do things like this:

In angular-cli.json: Revise apps.styles to be [“styles.scss”], and defaults.styleExt to be “scss”. This will enable you to generate .scss file instead of .css file when using command like “ng generate component componentName”.

javascript

一种字符串拼接的高效方法

经过在Chrome浏览器多次尝试,总的来说,testByForLoop1方法(用了ES6字符串模板的for循环)耗时最长,testByForLoop2方法(没用ES6字符串模板的for循环)耗时其次,testByArrayJoinMethod方法(利用了数组的join方法)耗时最短,它们的耗时在数组长度越长时越是差异显著。尤其是testByArrayJoinMethod方法简直是效果拔群。

css

CSS自定义属性(变量)

:root在html文档里对应的就是html标签选择器,:root伪类和html标签选择器这两个的区别基本上就是前者的优先级更高一些。但是,那些–color是什么东西?

根据文档https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables,这个叫CSS自定义属性(CSS变量),是具有继承性质的,在:root中定义CSS变量的话,等于是在定义全局变量,在其他具体的选择器(如上述代码中的.u-category-windows)里定义CSS变量等于是在该选择器及其后台选择器这个范围内定义了一个局部变量。

aisi

发布静态文件到服务器上的简化操作

Of course, you can use a client tool such as FileZilla to deploy your static files to the server. But you will certainly feel tired in the end if you need to repeat this work almost every day in case your target server is for test purpose. For me, I used webpack for local development, when I want to deploy something to the test server, I need to execute command “npm run build” first and then “npm run deployToTestServer”, it’s already very convenient, but things can be even convenient with only one command needed to type ^_^.

spring

Spring Web MVC系列

接下来会翻译一下spring官方的一些文档,此次为Spring Web MVC系列的内容。Spring Web MVC是建立在Servlet API之上的web框架,Spring框架很早就包含了Spring Web MVC。“Spring Web MVC”这个正式名称来源于其源模块“spring-webmvc”,但是它被大家所熟悉的叫法是“Spring MVC”。

friendship

自然科学的诞生和发展与faith的联系

我觉得,我们所说的科学,是基于理论证明和实践检验的对于客观事实、规律的一种总结。太多的变量会延缓甚至阻碍这种【总结】活动,而“神”就是一个影响因素很大的变量。如果认为存在有很多的神,有些有共同点但是表现略有差异的现象,可能就被解释成是因为不同的神参与其中才导致的不同,有这种先入为主的想法后,很多可以被早些总结的事实、规律被执行【总结】操作的可能性就大大降低/延迟了。

无题

虽然当我跟几个比较好的前端同行说起这个事情的时候,他们基本都是觉得我被贱卖了。。。但是也还好,毕竟跳槽也是有成本的,如果跳槽拿到的offer只有20k,那其实就不如呆在原公司拿15k的offer合算。在不跳槽的情况下,实现了每年涨薪五千的频率^_^。接下来就一心扑倒学习上了,争取明年年末后年年初的时候能有能力跳槽去冲刺下30k的月薪。因为至少说,到明年年底,我的水平结合现在公司愿意支付的薪资程度,我感觉20k是可以在不跳槽的情况下拿到的,明年年末公司应该也能给到我这个价位,但是现在要我预测明年这个时候只能拿到20k会觉得自己太low了的。

cloud-face

VueJS项目调试(debug)

启动服务后刷新页面(刷新前先把浏览器开发者工具打开),可以看到在程序进入App.vue组件mounted这个组件生命周期钩子里后,指定到debugger处时程序就被debug了。如下图所示,剩下的大家应该都很熟悉了。可以看到,此处显示的代码就是我们组件里的实际代码,并非被我们编译混淆后的那种代码,可读性非常好。

Charles,web请求代理工具

作为一名web程序员,不论你是前端、后端还是全栈,你肯定都会碰到http请求。如果我们只是在PC端常规的网页浏览器上发起http请求的话,通过浏览器开发者工具自带的network相关工具可以很方便的查看请求头、请求参数、请求方法、响应头、相应内容等数据。但是如果我们开发的页面是放在移动端比如微信里面使用的,有时候我们会需要可以直接在电脑上查看手机上发出的http请求和响应数据,或者至少这在很多情况下会让事情变得简单。Windows系统里我们可以用Fiddler,对于我们Mac系统用户而言,Charles这个软件可以帮你解决这个需求。