less

Easiest way to have a bootstrap layout where the burger menu is always visible

女生的网名这么多〃 提交于 2019-12-02 22:20:43
I have seen many people ask the opposite, to make the burger menu never appear , even in the small screen sizes, but I can't find how to easily always have the burger menu enabled . As it normally appears: This is assuming a standard Bootstrap 3 configuration, as generated by a Visual Studio 2013 Web Application project, so you should not need the standard Visual Studio MVC HTML or the Bootstrap CSS. As I would prefer it to appear: From generated master page from a VS 2013 Web Application Project <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar

webpack error in Cannot find module 'less'

我的梦境 提交于 2019-12-02 22:14:12
I'm trying to use less loader in webpack and the issues is - I've installed less loader locally, but when I try to compile everything using webpack command in bask, it prints out: "ERROR in Cannot find module 'less'". In my entry point I require some less file like require("./less_components/style.less"); Here is my webpack.config file module.exports = { entry: "./entry.js", output: { path: "./build", filename: "./bundle.js" }, module: { loaders: [ {test: /\.js$/, exlude: /node_modules/, loader: "babel-loader"}, {test: /\.less$/, loader: "style!css!less"} ] } } What's the matter and how I

Check if parent has class using LESS

不羁的心 提交于 2019-12-02 22:07:31
Example scenario: I would like to hide a sub-navigation menu if the user has javascript enabled so that it can be revealed on a click of a navigation link further up in the nav hierarchy. Modernizr adds a class 'js' to the html tag if javascript is enabled so I can use that for detection. In SASS I can do something like this: div.subnav{ display: block; html.js & { display: none; } } Can this be done using LESS? Can I target a parent from within another rule? zzzzBov Can this be done using LESS? Yes. The code you provided works in LESS. The & combinator works the same . In the end, the

MYSQL单行长度不能超过 65535

匿名 (未验证) 提交于 2019-12-02 22:06:11
mysql属于关系型,行式数据库, 规定单行长度不能超过65535一点都不过分。 你想当你超过65535后, 查询的iops怎么撑得住。 当我抓取日志入库的时候, 发现定义列太短了, 于是把varchar(50) 改为 varchar(150) . MySQL要求一个行的定义长度不能超过65535。 (1)单个字段如果大于65535,则转换为TEXT 。 (2)单行最大限制为65535,这里不包括TEXT、BLOB。 所谓单行最大限制指的就是一张表中所有字段的所设置的长度不得超过65535字节, 例如一个表中有三个varchar字段长度30000,那么这个表的单行长度为:30000*3=90000, 大于65535则报错不能建表,这里乘以3是因为数据库用的utf8编码,3个字节表示一个字符。 报错sql create table mw_logs ( MW_Name VARCHAR(500), MW_Host VARCHAR(500), LId Long, Log_Time DATETIME, Req_QueryId VARCHAR(150), UserId VARCHAR(50), Web_ModuleId VARCHAR(50), Web_Module_Name VARCHAR(50), Log_Line VARCHAR(500), Log_Level VARCHAR(50),

mysql 表分区、按时间函数分区、删除分区、自动添加表分区

匿名 (未验证) 提交于 2019-12-02 22:02:20
mysql 表分区的几种方式: RANGE分区:基于属于一个给定连续区间的列值,把多行分配给分区。 LIST分区:类似于按RANGE分区,区别在于LIST分区是基于列值匹配一个离散值集合中的某个值来进行选择。 HASH分区:基于用户定义的表达式的返回值来进行选择的分区,该表达式使用将要插入到表中的这些行的列值进行计算。这个函数可以包含MySQL中有效的、产生非负整数值的任何表达式。 KEY分区:类似于按HASH分区,区别在于KEY分区只支持计算一列或多列,且MySQL服务器提供其自身的哈希函数。必须有一列或多列包含整数值。 常用的按时间分区可以按照年、月、日等条件用来分区,因为是按时间条件分区所以选用RANGE分区方式。 分区的切条件判断: LESS THAN:如果是数值就是小于等于,时间则是小于。 LESS THAN MAX:不等于。 IN:包含于某某区间。 按实际分区的时间函数选用: 按日分区切分时的条件可以用day()、to_days()时间函数,需要注意的是必须是返回值是整形的。 按月分区采用month()时间函数; 其他条件分区时间函数可到我关于时间函数的博文查看: https://blog.csdn.net/qq_36216193/article/details/90404527 其中按时间字段create_date按天分区,首先需要把date字段改成主键

常用的Linux命令

匿名 (未验证) 提交于 2019-12-02 21:56:30
linux命令学习1 linux命令学习2 history history命令就是历史记录. 它显示了在终端中所执行过的所有命令的历史. 参考链接: 1. 对Linux新手非常有用的 20个命令 grep 管道, 过滤, 作为linux中最为常用的三大文本(awk, sed, grep)处理工具之一, grep命令的常用格式为: grep [选项] "模式" [文件] , grep家族总共有三个: grep , egrep , fgrep , 一般常用grep. 扩展选项如下:  -E : 开启扩展Extend的正则表达式. -i : 忽略大小写ignore case. -n : 显示行号 -w : 被匹配的文本只能是单词, 而不能是单词中的某一部分, 如文本中有liker, 而我搜寻的只是like, 就可以使用-w选项来避免匹配liker --color :将匹配到的内容以颜色高亮显示. 参考链接: 1. linux中grep命令的用法 awk 1. awkѧϰ sed 1. sedѧϰ xxx --help(man xxx) xxx --help, 是对xxx命令的常用选项和用法格式的一个介绍, man xxx也是介绍, man的内容比较复杂是详细介绍, xxx --help比较简洁, 简单介绍 pwd 当前路径(dirs) l(ls) 显示给出路径之中的文档列表 Usage:

Linux中more和less的区别

匿名 (未验证) 提交于 2019-12-02 21:56:30
more的源码量大约2000行; less的源码量大约27000行; more历史比less久; less功能比more多; 其实本质没啥太大区别,都是为了查看文件方便。 (完) 来源:博客园 作者: lishidefengchen 链接:https://www.cnblogs.com/lishidefengchen/p/11497345.html

React搭建项目(全家桶)

匿名 (未验证) 提交于 2019-12-02 21:53:52
安装React脚手架: npm install -g create-react-app 创建项目: create-react-app app app:为该项目名称 启动项目: cd appnpm start 项目创建完成,目录如下: 安装 Ant Design: npm install antd --save 或cnpm install antd --save cnpm i antd -S 没有权限请使用 sudo 配置 Ant Design 按需加载: babel-plugin-import (推荐)。 首先暴露配置文件: npm run eject NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html 该操作为永久性,不可逆的。 在 package.json 中配置 babel ( ) Error : Cannot find module 'babel-plugin-import' babel-plugin-import npm install babel-plugin-import --save-dev 或 cnpm

Remove LESS // comments on compile

心不动则不痛 提交于 2019-12-02 21:17:40
Is it possible to configure LESS to remove "// comments" when it compiles via JS? I want to remove them from the outputted less file. Less' single-line comments // are supposed to be silent, as per documentation states: Single-line comments are also valid in LESS, but they are ‘silent’, they don’t show up in the compiled CSS output: // Hi, I'm a silent comment, I won't show up in your CSS .class { color: white } See at LESS' website: http://lesscss.org/#-comments -x flag works on command line to output minified CSS (which will strip CSS comments), but in any way, double slash shouldn't appear

calc()在less中编译报错

匿名 (未验证) 提交于 2019-12-02 20:32:16
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢? calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如: width: calc(100% - 10px) ; 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则; 问题 width: calc(100vh - 50px); // 编译后 width: calc(50vh); 注:当时我就郁闷了,怎么会产生这样的现象呢?后来各种查,是由于less的计算方式跟calc方法有重叠,两者在一起有冲突 解决方法 width: calc(~"100vh - 50px"); 文章来源: calc()在less中编译报错