安装 下载ruby并且安装 点击这里 打开命令行输入 gem install sass 我使用的是sublime text3 还需要下载三个插件 sass -- 可以帮助你语法高亮 sass build -- 可以通过Ctrl+B来编译文件 SublimeOnSaveBuild -- 帮助你在保存的时候编译 4.编译的命令 单个文件转换 sass style.scss style.css 单文件监听 sass --watch style.scss:style.css 文件夹监听 sass --w…

1.安装ruby http://rubyinstaller.org/downloads/ 2.安装SASS gem sources --remove https://rubygems.org/ gem sources -a https://ruby.taobao.org/ gem sources -l…

AOP: 原理:底层利用动态代理(两种动态代理技术都使用了) 两种实现方案: 第一种:JDK动态代理技术 实现的InvocationHandler接口,要想实现某个类的动态代理对象,必须有接口有实现类. 第二种:cglib动态代理技术(需要导入spring包--4个核心包) 实现了MethodInterceptor接口,原理是继承要代理的类. 第一步:导入包  4+2+2+2 第二步:准备肉鸡 编写一个接口UserService  和 UserServiceImpl,具体详见代码 第三步:编写通…

一,使用vue-baidu-map 1.下载相关包依赖 npm i vue-baidu-map   2.在main.js中import引入相关包依赖,在main.js中添加如下代码: import BaiduMap from 'vue-baidu-map'; Vue.use(BaiduMap,{ ak:'你在百度地图官网申请的apk' })   3.在页面中引入,只需在页面中添加如下代码: <baidu-map class="bm-view" :center="cent…

对于nuxt.js从未接触,对于项目需要进行零散了解,作此归纳,以下都是一个新手的拙见与理解,有不同意见欢迎提出,但请勿喷. 一.项目创建 npx create-nuxt-app projectName npx在NPM版本5.2.0以上默认安装,而安装node.js时会自带安装npx. 项目创建完成之后进入对应文件路径的cmd窗口,运行命令npm run dev启动项目.项目启动成功之后输入127.0.0.1:3000进入项目(nuxt项目由于是运用了SSR渲染,所以在项目创建之初就自带了一个基…

DR(Instantaneous Decoding Refresh)--即时解码刷新. I和IDR帧都是使用帧内预测的.它们都是同一个东西而已,在编码和解码中为了方便,要首个I帧和其他I帧区别开,所以才把第一个首个I帧叫IDR,这样就方便控制编码和解码流程.IDR帧的作用是立刻刷新,使错误不致传播,从IDR帧开始,重新算一个新的序列开始编码.而I帧不具有随机访问的能力,这个功能是由IDR承担.IDR会导致DPB(DecodedPictureBuffer参考帧列表——这是关键所在)清空,而I不会.…

//获取所有name='id'.被选择的的多选框var idArr = $("input[type='checkbox'][name='id']:checked");//将这些多选框的id值(实际上是个数组)组合成以‘,’分隔的字符串var ids = "";$.each(idArr,function(index,o){ ids = ids + $(o).val()+",";});ids = ids.substring(0,ids.length-…

1).Hive中Select Top N的实现 Hive中使用 Order by + Limit 可以很容易地实现Select Top N. 但是在Hive中Order by只能使用1个Reduce,如果表的数据量很大,那么Order by就会力不从心.相对的,Sort by可以启动多个Reduce,每个Reduce做局部排序. 从执行计划explain中可以看出Sort by Limit N启动了两个MR Job.第一个Job是在每个Reduce中做局部排序,然后分别取Top N.假设启动了M…

web.xml部分 1.欢迎界面 <welcome-file-list> <welcome-file>/views/login.jsp</welcome-file> </welcome-file-list> 2.字符编码过滤器 <filter> <filter-name>CharacterEncoding</filter-name> <filter-class>org.springframework.web.f…

阅读目录 1. 了解RGB和HSL颜色标准 2. RGB函数 3. HSL函数 4. Opacity函数 5. 其他颜色函数 6. 一个简单的应用 在Sass中,定义了很多现成的函数,可供我们使用.在最初使用Sass的时候,用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount),对于其他的函数,少之又少,真是弱爆了,有木有. 切图的时候,我的颜色全部是通过PS的吸管工具获取的,之后复制粘贴即可.如果我们熟悉了颜色标准,那以后我们对颜…

现在整理博客的时间少了,大多是在用为知笔记收藏和整理,一次集中发点Linux相关随笔整理和一个目录,是按时间顺序来的.每一篇都是自己用过之后整理的,应用场景已经尽可能的说明了,不明白的可以Q我,上班时间请尽量避免. ========目录========= centos6.5安装mongodb2.6 Linux下DB2数据库安装教程 [Installing Metasploit Framework on CentOS_RHEL 6]在CentOS_RHEL 6上安装Metasploit的框架[翻译…

Sass简介 Sass是CSS的预处理语言:提供了变量定义.函数定义.函数调用.类继承.嵌套(CSS层级关系)及代码引入功能. Sass安装指南 MAC OS X 10.10.3   终端 -> gem -v -> sudo gem install sass -> sass -v Sass (Selective Steve) WIN Windows 7 x64 需要安装ruby,然后就可以使用gem了.ruby传送门:http://rubyinstaller.org/ 命令行 ->…

Sass是什么? Sass是"Syntactically Awesome StyleSheets"的简称.那么他是什么?其实没有必要太过于纠结,只要知道他是“CSS预处理器”中的一种即可,简单点说,Sass就是“CSS预处理器”,你可以称其是工具或者是语言.如果你实在想知道他是什么?可以看Sass官网上的一段描述. Sass is an extension of CSS that adds power and elegance to the basic language. It all…

VScode三个关于sass的插件 .vscode-Sass------sass/scss文件语法提示.(sublime text也有) .vscode-Easy Sass------scss编译成css,min.css.(不错的一个sass编译工具) .vscode-Sass Formatter---------scss自动格式 缩进 下面是关于转载 sass 关于 VScode的一些配置 前端项目自然少不了和 Sass 打交道,VSCode 提供了丰富的相关插件来帮助我们处理 Sass 相关…

点击标题即可进入相关随笔. DE-SOC开发板VrilogHDL开发相关部分: (本过程需要Verilog HDL 的基本语言基础) 1.FPGA的发展史及FPGA 的基础架构 2.首先看一下友晶DE-SOC开发板的user manual 3.用VerilogHDL设计一个与门逻辑,并进行前仿和后仿 4.点亮一个LED灯 5.3-8 译码器的设计 6.计数器设计与应用 7.利用IP核设计高性能的计数器 8.设计一个BCD码计数器. 9.用一个例子来学习阻塞赋值和非阻塞赋值 10.状态机的设计实例…

Sass带来的变革 作者:大漠 日期:2014-11-17 点击:5291 sass scss 接触Sass差不多有一个年头了,在这一年来的时间中,也花了不少心思在Sass的学习上.同时也让自己喜欢上了Sass,目前在自己的私人项目中,我一直都在使用Sass做为前端开发,用来处理CSS.同时今年自己创建了下Sass中国网站来做Sass相关的技术分享.其实,在W3cplus站点上,已经发布了近一百篇有关于Sass方面的教程(教程有自己的学习心得.有译文,也有其他同学的使用经验分享).也自认自己是S…

本文总结sass相关核心知识点 说明:本文的内容是,我在开发实践中总结的实用性比较强的sass知识点,其他未涉及的知识,如果对你有作用请自行查阅 sass知识目录 嵌套 注释 SassScript @规则 Mixin指令 嵌套 一般写法 div{ p {} } &父选择器引用 div{ &:hover {} &-span { background:red; } } 相同前缀的css样式简写形式 div{ font: { family: fantasy; size: 30em; we…

已经安装了 sass相关依赖包 npm  install sass-loader --save-devnpm install node-sass --sava-dev 并且在build文件下webpack.base.conf.js文件中 添加   {         test: /\.scss$/,         loaders: ["style", "css", "sass"]    }, 但是还是报错 查找原因:是因为默认安装的sass是最…

pip 是 Python 包管理工具,该工具提供了对Python 包的查找.下载.安装.卸载的功能. 但是,由于pip使用的pip仓库默认为:http://pypi.python.org/ 是国外的 所以pip 下载安装第三方库的时候速度惊人的慢,1kb\s,2kb\s是家常便饭,更要命的是下到一半忽然报错,和Github直接下载有得一拼 因此在这里,我觉得有必要写一篇相关随笔,整理一下网上罗列的各种办法. pip换源 将pip默认仓库改为国内的网站,从国内的网站下载镜像 目前国内的一些比较靠谱…

程序员优雅哥简介:十年程序员,呆过央企外企私企,做过前端后端架构.分享vue.Java等前后端技术和架构. 本文摘要:主要讲解webpack 5 如何高效处理CSS 资源.scss/sass 资源.less 资源. stylus 资源这里是引用 在前端开发中,样式是必不可少的一部分.编写样式最早是使用最原始的 css,随着前端工程化的发展,逐渐出现了很多 css 预处理器,如 scss/sacc.less.stylus 等.通过这些 css 预处理器,是通过对应的语言为 css 添加编程特性,帮…

这篇随笔对应的.Net命名空间是System.Xml.Serialization:文中的示例代码需要引用这个命名空间.   为什么要做序列化和反序列化? .Net程序执行时,对象都驻留在内存中:内存中的对象如果需要传递给其他系统使用:或者在关机时需要保存下来以便下次再次启动程序使用就需要序列化和反序列化.   范围:本文只介绍xml序列化,其实序列化可以是二进制的序列化,也可以是其他格式的序列化.   看一段最简单的Xml序列化代码 1 2 3 4 5 6 7 8 9 10 11 12 clas…

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…

精简CSS代码可以帮助减小样式文件的大小,使代码清晰,方便维护. 使用简写属性及默认值 .header { margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; } /* 可以使用简写属性 margin */ .header { margin: 10px 20px 30px 40px; /* 4个值分别对应方向为 top right bottom left */ } /* ==========…

先看一个最简单的inner join,在读取Student表时inner join Class表取的对应的Class信息: static void Main(string[] args) { using (var writer = new StreamWriter(WatchSqlPath, false, Encoding.UTF8)) { using (DbAppDataContext db = new DbAppDataContext()) { db.Log = writer; //inne…

XPath语法 在C#中使用XPath示例   XPath可以快速定位到Xml中的节点或者属性.XPath语法很简单,但是强大够用,它也是使用xslt的基础知识. 示例Xml: <?xml version="1.0" encoding="utf-8" ?> <pets> <cat color="black" weight="10"> <price>100</price>…

内存映射文件是利用虚拟内存把文件映射到进程的地址空间中去,在此之后进程操作文件,就 像操作进程空间里的地址一样了,比如使用c语言的memcpy等内存操作的函数.这种方法能够很好的应用在需要频繁处理一个文件或者是一个大文件的场合, 这种方式处理IO效率比普通IO效率要高 共享内存是内存映射文件的一种特殊情况,内存映射的是一块内存,而非磁盘上的文件.共享内存的主语是进程(Process),操作系统默认会给每一 个进程分配一个内存空间,每一个进程只允许访问操作系统分配给它的哪一段内存,而不能访问其他进…

less是前端开发CSS的神器,但如何让less代码语法高亮,智能提示,快速编译及格式化,这不是一般的IDE的less插件能做到.下面是我搜刮到的一些工具 Codekit - incident57又一华丽丽的工具,目前是beta,官网上介绍中罗列了这些功能特性: 自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件 致力于js文件合并和压缩,以及js语法错误检查 同时还支持Compass(Sass伴侣,官网地址:compass-style.or…

需要引用的命名空间:   using System.Xml.Linq; 常用的类:XDocument.XElement.XAttribute 创建 XDocument对象. XDocument.Load():从文件.URI 或流中读取 XML 文档 XDocument.Parse():从一个字符串加载 XML 文档 一.使用Linq to xml创建xml文档 XDocument xml = new XDocument( new XElement("configuration", ne…

为什么要做序列化和反序列化? 一个回答: 我们都知道对象是不能在网络中直接传输的,不过还有补救的办法.XML(Extensible Markup Language)可扩展标记语言,本身就被设计用来存储数据,任何一个对象都可以用XML来描述.XML是可以作为对象信息的载体在网络中传输,因为它是文本形式的.怎么进行XML文档与对象的相互转换呢?XmlSerializer类就是干这个活的.命名空间:System.Xml.Serialization程序集:System.Xml(在 system.xml.…

XPath可以快速定位到Xml中的节点或者属性.XPath语法很简单,但是强大够用,它也是使用xslt的基础知识. 示例Xml: <?xml version="1.0" encoding="utf-8" ?> <pets> <cat color="black" weight="10"> <price>100</price> <desc>this is a…