Sass

鉴于国内的环境，node-sass实在是太难安装了，可以直接通过淘宝的npm镜像来安装。 1.安装cnpm（https://npm.taobao.org/） npm install -g cnpm --registry=https://registry.npm.taobao.org 2.在项目文件夹下安装node-sass cnpm install --save-dev node-sass 说明：--save-dev自动将node-sass加入到项目文件夹下的package.json中 --------------------- 来源： oschina 链接： https://my.oschina.net/u/3371661/blog/4339331

Prepros 7 是一款非常好用的编程类的软件，我们的这款软件支持的编译格式有非常多种，其中就包括了Sass、Less以及Stylus等等，可以说是十分适合用户们用来做这个开发软件的前端，不过在相对与其他的那些编译工具复杂的界面来说，我们就拥有了一个相当的直观的界面，并且上手也是十分的简单又方便的。 教程 1、下载软件压缩包文件，首先点击“Prepros-Setup-7.2.9.exe”安装官方客户端程序 2、将crack文件夹下的复制到软件根目录下目标文件夹下，选择替换原文件即可 默认路径为：C:\Users\<"USERNAME">\AppData\Local\Prepros\app-7.2.9\resources 3、Prepros 7和谐完毕，请放心体验。资源地址: Prepros(前端编译工具)中文版 来源： oschina 链接： https://my.oschina.net/u/4293376/blog/4290016

目录 Jekyll on GitHub Pages Jekyll 的 Markdown 引擎 常规插件 静默增强插件 GitHub Pages 主题 总结 Jekyll on Gitee Pages GitHub 与 Gitee 提供的 Pages 服务中，均内嵌了 Jekyll 支持（Gitee 还提供了 Hugo 与 Hexo 支持）。所谓「支持」，即指这些生成工具挂在云端；你只需要提供原始代码（如 Markdown 文档、Sass/Stylus/Less 样式表），再由 Pages 服务自动编译、部署即可。这样，搭建网站的技术门槛进一步下降，你只需要会两件事就能搭建网站了： 会写 Markdown 文档； 注册 GitHub 或 Gitee 账号，点点鼠标，在你的代码仓库中启用 Pages 服务。 因为技术门槛如此之低，导致不少用户压根就意识不到 Pages 服务内置了 Jekyll 工具，甚至以为每一个 Markdown 文档理所当然地就能变成一个网页。此外，另一个常被忽视的问题是：由 Pages 服务调用的 Jekyll 工具，并非最新版本，而且隐性地增添了许多插件，这可能使用户在本地使用 Jekyll 或迁移平台时碰上「不协调」的问题。最常见的一个问题就是：在 GitHub Pages 上正常生成的代码仓库，到 Gitee Pages 上就变得一团糟。这不是因为

众所周知，开源项目对软件发展来说至关重要，但仍有人认为用开源项目来赚钱是对开源项目的一种亵渎。 HashiCorp联合创始人兼 CTO Armon Dadgar、Databricks CEO Ali Ghodsi 和 a16z 的普通合伙人 Peter Levine 齐聚一堂，详细阐述开源项目变成商业项目的必要性。 本文讲述开源开发者最关心的几个问题：如何开始一家开源公司？如何从管理开源社区到商务化？在开展业务时如何保持社区参与度？Sass 提供了哪些新的机会？ 以下为译文： 1 如何开始开源公司？ Das： 纵观开源代码的发展史，如何用开源代码赚钱一直是个有争议的话题，众说纷纭。请问 Ali 和 Armon，你们是如何看待开源项目商业化的？你们选择将开源项目商业化的原因是啥？ Armon ：我们开始时并没有打算把开源商业化，在我们看来，DevOps 工具在云基础架构中配置内容方面存在明显的市场空缺。如果只支出却没有盈利，就很难成就大型的可持续项目。 如果你还是一名大学生，或许会有一些奖金可以支撑你的开源项目。又或是两三个人在周末搞的一个业余小项目。但是如果你想解决一个难题，就需要有一个由几十人、几百人、几千人组成的团队。这时你需要考虑盈利和创造营收来赚取利润。否则，意义不大了。 “我们对科技充满热情，对未知世界充满期待，期望坚持下去”。想要长期运作开源项目下去的唯一办法就是盈利。

CＬＩ工程 全局安装vue-cli 1 npm install -g @vue/cli 通过cli创建uni-app项目 1 vue create -p dcloudio/uni-preset-vue uni-app 选择项目模板，可自由选择如下图：👇 使用vscode打开创建的项目 安装vue语法提示插件👇 cli工程自带uni-app&5+app语法提示 安装组件语法提示 1 npm i @dcloudio/uni-helper-json 从 git 下载 uni-app 代码块 ，放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。 使用scss样式 1 # 先安装node-sass 2 npm install node- sass 3 # 然后安装sass-loader，这里安装7.3.1版本，版本可选择性更新，因为高版本可能会报错 4 # 使用 cnpm 会快一些 5 cnpm install sass-loader@7.3.1 运行项目 1 npm run dev:%PLATFORM% 发布项目 1 npm run build:%PLATFORM% %PLATFORM% 可选值参见package.json中的scripts HBuilderX 工程 HBuilderX 创建的工程默认不带 types 语法提示，在 vscode

以上均为个人汇总，如有不对欢迎指出！ 小程序个人看法 可能今天在很多人眼中，小程序已经成为别人印象中的app，功能齐全，且可以完成各种功能以及业务。但是个人从小程序的诞生使用至今，在我眼中他依然是个轻量级应用，虽逐步的壮大，一些功能还是有所限制，但是从功能上的角度却无法与app相媲美。以微信小程序为例，也许今天大小限制8M，页面栈已经是15层，大小可开发约50~70个页面，的确已经很好的支持业务的开发以及功能的扩张。但是在小程序开始之初，页面栈仅为5，包大小限制1M，很多业务的确无法扩展。小程序也因业务的扩展，逐步逐渐支持工程化，如当前支持npm包。但我们从小程序的产品整体设计上，还是不能忘记这个限制，无止境的叠加页面以及业务。 小程序的编译原理 简单的借助大神的思路，描述一下小程序的编译原理。 我们都知道，小程序页面由View（视图层）,App Service(逻辑层)组成。它们在两个线程中运行（我们传统的h5,是单线程运行）。他们之间是由系统的JSBridage（常用于原生与h5交互的工具，可自行百度）进行交互的。 视图层使用 WebView 渲染，iOS 中使用自带 WKWebView，在 Android 使用腾讯的 x5 内核（基于 Blink）运行。 逻辑层使用在 iOS 中使用自带的 JSCore 运行，在 Android 中使用腾讯的 x5 内核（基于 Blink

1、首先执行下面的语句安装node-saas npm install -- save node - sass -- registry = https : / / registry . npm . taobao . org -- disturl = https : / / npm . taobao . org / dist -- sass - binary - site = http : / / npm . taobao . org / mirrors / node - sass 2、然后执行 npm install 或 yarn install 来源： oschina 链接： https://my.oschina.net/weibangbang/blog/4437496

VUE学习目录汇总 一、vue基础 “Vue2.0”跟俺一起全面入坑 01 “Vue2.0”跟俺一起全面入坑 02 “Vue2.0”跟俺一起全面入坑 03 “Vue2.0”跟俺一起全面入坑 —— 自定义便签 超好用的VueJs调试工具——vue-devtools Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） Vue2.0史上最全入坑教程（中）—— 脚手架代码详解 Vue2.0史上最全入坑教程（下）—— 实战案例 Vue2.0史上最全入坑教程（完）—— 实战案例 vue-cli中配置sass 和 利用SASS函数功能实现px转rem 二、vue提高 Vue2.0生命周期和钩子函数的一些理解 ===》 推荐 用webpack（2.x语法）手动搭建Vue项目 全面解析vue-cli生成的项目中使用其他库（js库、css库） Vuex从入门到入门 ===》 大中型项目复杂逻辑会用到 Vuex从入门到熟练使用 Vuex从入门到熟练使用 vue与服务端通信—vue-resource vue开发过程中跨域最简单解决方案 富文本编辑器Ueditor如何在Vue中使用？ 三、vue 1.x和vue 2.x的区别 到了Vue2.x有哪些变化？—— 知识点 到了Vue2.x有哪些变化？—— 组件通信 四、其他必备知识点 ES6入门（一） ES6快速入门（二） ES6快速入门

随着网络时代的壮大，前端也成为了很多企业不可缺少的一部分。前端的人才也日益扩大，前端的技术也在日益更新，如何成为一名合格的前端工程师，应该怎么学习才有效果呢？ 首先、前端工程师学习分为几种：自学、系统培训班、线上教学等。 其次、学习前端几种方法的利弊： 1.自学，自学相对于很多学生来说是特别难的，自学要有足够的韧劲和坚持，自学过程中会遇到很多难点，需要自己去逐步查资料等解决，而且自学最后要走向工作时，没有一个实战经验，对以后参加工作来说是一个很大的问题。 2.系统培训班，最快也是最有效的方法就是去培训班学习了，爱创课堂培训班教学思路都是比较清晰的，给学生的知识传递也非常明确，而且爱创培训班有实战教学，在参加工作的时候帮助很大。 3.线上教学，像今年线上教学是非常重要的，很多学生迫于无奈只能线上学习。线上教学也是一个不错的方法，线上老师讲解也特别清楚，与培训班线下教学的差别就是不能面对面，但知识点都是一样的。爱创也有线上教学，老师讲解特别清楚。 最后、哪家培训班教学好？ 爱创课堂是由前百度前端架构师，张容铭老师亲自带队授课全程面授、爱创是崇尚实战化教学，通过实战经验让更多前端学员思维变通，而不是一贯的学习死知识，不懂得变换，爱创课堂目前开设小班教学，一个班20-30人左右，老师针对全班每位学生，手把手教学，确保每位学员都能学会在爱创培训的所有知识。并且爱创对学员是非常负责任的

1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会话重定向到 /login 用 vue-router 的 beforeEach 实现 beforeEach 方法接收三个参数： to: Route: 即将要进入的目标 路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。 修改 src/main.js 加入 router.beforeEach((to, from, next) => { if(to.path === '/login'){ sessionStorage.removeItem('user'); } var user = sessionStorage.getItem('user'); if(!user && to.path !== '/login'){ next({ path: '/login' }) }else{ next(); } }) 3 编写首页 使用 elementui 的布局容器 <el