- tailwindcss在vue2中安装配置流程
Zeng
vue.jscss3
vue版本不一样配置也不一样tailwindcss官网v2当前node(16.17.0)vue-cli(5.0.0)1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^92.初始化配置会自动生成一个tailwind.conf
- 【CSS】Vue2使用TailwindCSS方法及相关问题
SZnA1
css前端vue.js
一.安装1.npm安装TailwindCSSnpminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^92.创建配置文件npxtailwindcssinit3.创建postcss.config.js文件//postcss.config.jsmod
- 移动端适配方案 postcss-px-to-viewport
有没有认真工作
postcssjavascript前端
安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度,对应的是我们
- h5兼容性总结
大超-无痕
问题总结javascriptcsstypescript前端
在解决问题方面,尤其是在解决兼容性方面,兼容ios10以及Android5,做了些总结:CSS添加前缀,可以利用postcss-loader,新建postcss.config.js,添加‘autoprefixer’:{},配置;然后新建.browserslistrc文件,配置兼容浏览器,ios以及Android的版本范围。引入postcss-loader:use:['postcss-loader'
- vue工程中postcss的基本使用
insist_life
vue.jspostcss前端
首先我们要知道:在Vue.js项目中,@vue/cli-service已经将postcss-loader包含在内;所以我们在使用postcss中的插件的时候,我们只需要直接安装对应的插件即可在这边我们以postcss中的插件autoprefixer和pxtorem为例:注意:autoprefixer是vue/cli预先内置的,我们不需要安装;查看的方式如下:npmlistautoprefixer结
- vue3.0+vite实现移动端自适应布局
贵贵贵子
1安装postcss-pxtoremnpmipostcss-pxtorem-D2新建postcss.config.js配置文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31","ff>31","ie>=8","last10versions",//所有主流浏览器
- Vue - 配置vue的jsx写法以及postcss
廖马儿
安装:npmipostcss-loaderautoprefixerbabel-loaderbabel-core有可能我们的node_modules中已经安装了上面的一些包。我们在工程目录根目录创建:.babelrcpostcss.config.js如果有就不需要创建。一个是给babel用的,一个是个postcss用的。在postcss.config.js中写:constautoprefixer=r
- 初识PostCss
前白
Less和Sass主要是解决了一个模块化的问题,但是还有一个全局的样式的污染问题。我今天个人分享的就是关于PostCss的一些个人理解。PostCssPostCss是Autoprefixer的开发者AndreySitnik开发的,它最初是一个通过JavaScript来处理CSS的方法。可以理解为一种插件系统(类似于css领域的webpack),它本身只是一个API,作为一个API它可以创建任何需要
- 改变目标浏览器的自动前缀
奚落大神
ChangetargetbrowsersforAutoprefixer改变目标浏览器的自动前缀Currently,theCLIusesAutoprefixertoensurecompatibilitywithdifferentbrowserandbrowserversions.Youmayfinditnecessarytotargetspecificbrowsersorexcludecertain
- vue开发的PC端项目使用postcss-to-viewport适配移动端
永不满足的求知者
Vue前端vue.jspostcss前端
开发PC端项目,突然有一天产品说,手机打开样式错乱了,适配一下1.安装依赖"postcss-px-to-viewport":"^1.1.1",2.项目根目录创建并配置postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位,默认
- 「nuxt2配置tailwindcss」nuxt2添加tailwindcss详细步骤!解决版本不对称各种报错~~
Amodoro
nuxtnuxt2tailwindcss
- vite初始化tailwind(ts)
秋色暮光
笔记前端
tailwind依赖根据官网提示,tailwind需要搭配postcss和autoprefixernpminstall-Dtailwindcsspostcssautoprefixer引入tailwind配置根据官网的简易生成所需文件命令npxtailwindcssinit-p之后你的项目根目录下就有tailwind.config.js和postcss.config.js配置文件。ps:以下为强迫症
- webpack 进阶用法
阿畅_
自动清除构建目录安装npmiclean-webpack-plugin-D修改webpack.config.jsplugins:[newCleanWebpackPlugin()]CSS自动补全前缀信息postcss-loaderautoprefixernpmipostcss-loaderautoprefixer-Dmodule:{rules:[{test:/.js$/,use:'babel-load
- Ubuntu 上升级nodejs 版本
haiyu柠檬
rubyonrails开发语言rubyubuntu
代码版本一直升级,需要升级nodejs的版本收到的错误信息:ActionView::Template::Error(Yournodejsbinaryfailedtoloadautoprefixerscriptfile,pleasecheckifyou'rerunningasupportedversion(10,12,14+)开整,查看我当前的node版本$node-vv8.10.0删掉旧版本sud
- CSS样式设置省略号和换行
魔主恋上九尾狐
/*换行*//**多行省略号*/.ellipsis-2-pk{/*autoprefixer:off*/overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.ellipsis-3-pk{/*autoprefixer:off*/overf
- vue项目中px单位转rem插件
葫芦娃y
vue.jsjavascript前端
一、安装插件:"postcss-px2rem":"^0.3.0","postcss-px2rem-exclude":"0.0.6",二、新建postcss.config.jsmodule.exports={plugins:{autoprefixer:{},"postcss-px2rem-exclude":{"remUnit":192,//尺寸1920"exclude":/test/i//不转rem
- bootstrap警告 autoprefixer: Replace color-adjust to print-color-adjust.
sherlyxoxo
bootstrapvue.js前端
问题描述:vue项目里安装最新版bootstrap,启动后发出这样一段警告:warningin./node_modules/bootstrap/dist/css/bootstrap.min.cssModuleWarning(from./node_modules/postcss-loader/dist/cjs.js):Warning(6:29521)autoprefixer:Replacecolor
- vu2 下载使用tailwind css
Sengoku_Xingzi
css前端tailwind
命令#Vue2#安装talwindcsspostcssautoprefixernpminstalltailwindcss@npm:@tailwindcss/postcss7-compat@tailwindcss/postcss7-compatpostcss@^7autoprefixer@^9-D#生成tailwind.config.js和postcss.config.jsnpxtailwindcs
- sublim安装Autoprefixer插件
Newbie@man
前端php前端
有时候在写css样式的时候,分不清哪些属性需要前缀,哪些不需要写前缀,sublimetext这款编辑器下安装autoprefixer这款插件可以省去很多问题,写起来也很方便。1确保系统已经安装node.js可直接去官网上下载并安装,我的系统是win7只能安装低版本的node.js官网:https://nodejs.org/en/download老版本:https://nodejs.org/en/a
- webstorm自动补全css,Webstorm配置CSS/SCSS自动补全兼容前缀autoprefixer插件
大乘虚怀苦
webstorm自动补全css
关于AutoprefixerAutoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器。它适用于普通的CSS,可以实现css3代码自动补全。也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行。详情见,https://github.com/postcss/autoprefixer当Autoprefixer添加前缀到你的CSS,还不会忘记修复语法差异
- [译]Autoprefixer:用最可行的方式处理浏览器前缀的CSS后处理器
weixin_30347009
数据库人工智能ruby
Autoprefixer,通过CanIUse数据库来确定哪些浏览器前缀是需要的,然后解析CSS文件,将前缀添加到CSS规则里。你所要做的就是添加你的资源构建工具(比如:Grunt),然后你就可以忘记CSS前缀了,按照最新的W3C标准尽情书写无前缀的CSS,像这样:a{transition:transform1s}Autoprefixer使用一个浏览器流行度和属性支持度的数据库来给你的CSS添加前缀
- Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序_宿雪家的小镇_新浪博客...
你猜不到喔
htmlcsspythonjavajavascript
[译]Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用CanIUse的数据来决定哪些前缀是需要的。所有你需要做的就是把它添加到你的资源构建工具(例如Grunt)并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写你的CSS而不需要浏览器前缀。像这样:a{transition:trans
- Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序
飞翔的熊blabla
每个项目产品都会让你加埋点,你是愿意花几天一个个加,还是愿意几分钟一个小时加完去喝茶聊天?来试试这520web工具,高效加埋点,目前我们公司100号前端都在用,因为很好用,所以很自然普及开来了,推荐给大家吧http://www.520webtool.com/自己开发所以免费,埋点越多越能节约时间,点两下埋点就加上了,还不会犯错,里面有使用视频,反正免费http://www.520qiubite.c
- webpack升级后发现-webkit-box-orient 属性 丢失
姝光
webpack前端node.js
原因:升级webpack5后webpack认为-webkit-box-orient是过时属性,所以被autoprefixer给杀掉了,所以浏览器css里就没有显示这个属性目前的解决方法添加/*autoprefixer:ignorenext*/注释让autoprefixer不杀掉这个属性现象属性丢失导致没有出现省略号属性丢失页面不报错,但是导致页面内容为空PS:如果使用autoprefixer的块级
- css原子化的框架Tailwindcss的使用教程(元素html和vue项目的安装与配置)
萧寂173
vuecsscsshtmlvue.js
安装教程中文官网教程原始的HTML里面使用新建文件夹npminit-y初始化项目安装相关依赖npminstall-Dtailwindcsspostcss-cliautoprefixer初始化两个文件npxtailwindcssinit-p根目录下新建src/style.css@tailwindbase;@tailwindcomponents;@tailwindutilities;tailwind.
- 文本溢出隐藏显示省略号失效
b867891ccce8
之前百试百灵的代码,在这次却不生效了,找了半天都没找到失效原因,唉,惆怅附上之前的代码:后面看到了某博客,瞎猫碰死耗子,试了一下:说是项目中装了autoprefixer管理浏览器前缀的插件,导致-webkit-box-orient:vertical;属性不见了这个插件不仅能够帮你加-webkit-之类的前缀,同时还会帮你删除在less,css,sass中的样式。你会发现你在less文件中写的-we
- Error: No PostCSS Config found in... 报错 踩坑记
798b6b7c244d
vuecli3.0新建项目可能会遇到这个报错Error:NoPostCSSConfigfoundin...解决方案在项目根目录新建postcss.config.js文件,并对postcss进行配置:module.exports={plugins:{'autoprefixer':{browsers:'last5version'}}}之后重新运行项目。ok报错原因:postcss原本是配置在webpa
- React使用TailwindCSS
田本初
Reactreact.js前端前端框架
React中使用TailwindCSSTailwindCSS是下载及初始化可以查看官网对照自己使用的框架进行配置npminstall-Dtailwindcsspostcssautoprefixer下载完毕后执行如下命令npxtailwindcssinit-p可以发现项目中多了两个文件其中默认已经进行了配置,我们需要将tailwind.config.js更改配置为如下:/**@type{import
- 入职之前,狂补技术,4w字的前端技术解决方案送给你(vue3 + vite
不爱敲代码的小胡
tensorflow人工智能python
定制化、高可用前台样式处理方案企业级项目下css处理痛点统一的变量维护困难。大量的className负担。HTML,CSS分离造成的编写负担。响应式,主题切换实现复杂。针对上述问题,我们可以通过tailwindcss来进行解决。下面我们来看其具体用法。安装yarnaddtailwindcsspostcssautoprefixer-D初始化tailwindcss.config.js配置文件,并且也会
- Error: No PostCSS Config found in...
躺在家里干活
vue项目打包时报了如下错误:Error:NoPostCSSConfigfoundin...bug3没有postCss配置因此添加一个postcss.config.js文件放在根目录下postcss-loader是为了兼容css3,自动给css添加前缀的webpack插件module.exports={plugins:{'autoprefixer':{browsers:['last5version
- mongodb3.03开启认证
21jhf
mongodb
下载了最新mongodb3.03版本,当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题,现总结如下:
(百度上搜到的基本都是老版本的,看到db.addUser的就是,请忽略)
Windows下我做了一个bat文件,用来启动mongodb,命令行如下:
mongod --dbpath db\data --port 27017 --directoryperdb --logp
- 【Spark103】Task not serializable
bit1129
Serializable
Task not serializable是Spark开发过程最令人头疼的问题之一,这里记录下出现这个问题的两个实例,一个是自己遇到的,另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在,至少目前阶段碰到此类问题,没有什么章法
1.
package spark.exampl
- 你所熟知的 LRU(最近最少使用)
dalan_123
java
关于LRU这个名词在很多地方或听说,或使用,接下来看下lru缓存回收的实现
1、大体的想法
a、查询出最近最晚使用的项
b、给最近的使用的项做标记
通过使用链表就可以完成这两个操作,关于最近最少使用的项只需要返回链表的尾部;标记最近使用的项,只需要将该项移除并放置到头部,那么难点就出现 你如何能够快速在链表定位对应的该项?
这时候多
- Javascript 跨域
周凡杨
JavaScriptjsonp跨域cross-domain
 
- linux下安装apache服务器
g21121
apache
安装apache
下载windows版本apache,下载地址:http://httpd.apache.org/download.cgi
1.windows下安装apache
Windows下安装apache比较简单,注意选择路径和端口即可,这里就不再赘述了。 2.linux下安装apache:
下载之后上传到linux的相关目录,这里指定为/home/apach
- FineReport的JS编辑框和URL地址栏语法简介
老A不折腾
finereportweb报表报表软件语法总结
JS编辑框:
1.FineReport的js。
作为一款BS产品,browser端的JavaScript是必不可少的。
FineReport中的js是已经调用了finereport.js的。
大家知道,预览报表时,报表servlet会将cpt模板转为html,在这个html的head头部中会引入FineReport的js,这个finereport.js中包含了许多内置的fun
- 根据STATUS信息对MySQL进行优化
墙头上一根草
status
mysql 查看当前正在执行的操作,即正在执行的sql语句的方法为:
show processlist 命令
mysql> show global status;可以列出MySQL服务器运行各种状态值,我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
- 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名
aijuans
Spring 3
本文介绍如何给Spring的Bean配置文件的Bean定义别名?
原始的
<bean id="business" class="onlyfun.caterpillar.device.Business">
<property name="writer">
<ref b
- 高性能mysql 之 性能剖析
annan211
性能mysqlmysql 性能剖析剖析
1 定义性能优化
mysql服务器性能,此处定义为 响应时间。
在解释性能优化之前,先来消除一个误解,很多人认为,性能优化就是降低cpu的利用率或者减少对资源的使用。
这是一个陷阱。
资源时用来消耗并用来工作的,所以有时候消耗更多的资源能够加快查询速度,保持cpu忙绿,这是必要的。很多时候发现
编译进了新版本的InnoDB之后,cpu利用率上升的很厉害,这并不
- 主外键和索引唯一性约束
百合不是茶
索引唯一性约束主外键约束联机删除
目标;第一步;创建两张表 用户表和文章表
第二步;发表文章
1,建表;
---用户表 BlogUsers
--userID唯一的
--userName
--pwd
--sex
create
- 线程的调度
bijian1013
java多线程thread线程的调度java多线程
1. Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。
2. 多数线程的调度是抢占式的(即我想中断程序运行就中断,不需要和将被中断的程序协商)
a) 
- 查看日志常用命令
bijian1013
linux命令unix
一.日志查找方法,可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log
二.查看日志常用命令1.grep '关键字' error.log:在error.log中搜索'关键字'2.grep -C10 '关键字' error.log:显示关键字前后10行记录3.grep '关键字' error.l
- 【持久化框架MyBatis3一】MyBatis版HelloWorld
bit1129
helloworld
MyBatis这个系列的文章,主要参考《Java Persistence with MyBatis 3》。
样例数据
本文以MySQL数据库为例,建立一个STUDENTS表,插入两条数据,然后进行单表的增删改查
CREATE TABLE STUDENTS
(
stud_id int(11) NOT NULL AUTO_INCREMENT,
- 【Hadoop十五】Hadoop Counter
bit1129
hadoop
1. 只有Map任务的Map Reduce Job
File System Counters
FILE: Number of bytes read=3629530
FILE: Number of bytes written=98312
FILE: Number of read operations=0
FILE: Number of lar
- 解决Tomcat数据连接池无法释放
ronin47
tomcat 连接池 优化
近段时间,公司的检测中心报表系统(SMC)的开发人员时不时找到我,说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作,发现用户不能登录时,都是在Tomcat中将这个项目Reload一下就好了,不过只是治标而已,因为大概几个小时之后又会 再次出现无法登录的情况。
今天上午,开发人员小毛又找到我,要我协助将这个问题根治一下,拖太久用户难保不投诉。
简单分析了一
- java-75-二叉树两结点的最低共同父结点
bylijinnan
java
import java.util.LinkedList;
import java.util.List;
import ljn.help.*;
public class BTreeLowestParentOfTwoNodes {
public static void main(String[] args) {
/*
* node data is stored in
- 行业垂直搜索引擎网页抓取项目
carlwu
LuceneNutchHeritrixSolr
公司有一个搜索引擎项目,希望各路高人有空来帮忙指导,谢谢!
这是详细需求:
(1) 通过提供的网站地址(大概100-200个网站),网页抓取程序能不断抓取网页和其它类型的文件(如Excel、PDF、Word、ppt及zip类型),并且程序能够根据事先提供的规则,过滤掉不相干的下载内容。
(2) 程序能够搜索这些抓取的内容,并能对这些抓取文件按照油田名进行分类,然后放到服务器不同的目录中。
- [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费
comsci
资源
降低通讯服务资费,就意味着有更多的用户进入,就意味着通讯服务提供商要接待和服务更多的用户,在总体运维成本没有由于技术升级而大幅下降的情况下,这种降低资费的行为将导致每个用户的平均带宽不断下降,而享受到的服务质量也在下降,这对用户和服务商都是不利的。。。。。。。。
&nbs
- Java时区转换及时间格式
Cwind
java
本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用,以及不同时区时间相互转化的方法和原理。
问题描述:
向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如,服务器位于东八区(北京时间,GMT+8:00),而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
- readonly,只读,不可用
dashuaifu
jsjspdisablereadOnlyreadOnly
readOnly 和 readonly 不同,在做js开发时一定要注意函数大小写和jsp黄线的警告!!!我就经历过这么一件事:
使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能,有的就不行,而且函数readOnly有黄线警告!!!就这样被折磨了不短时间!!!(期间使用过disable函数,但是发现disable函数之后后台接收不到前台的的数据!!!)
- LABjs、RequireJS、SeaJS 介绍
dcj3sjt126com
jsWeb
LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块化开发变得更
- [应用结构]入口脚本
dcj3sjt126com
PHPyii2
入口脚本
入口脚本是应用启动流程中的第一环,一个应用(不管是网页应用还是控制台应用)只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。
Web 应用的入口脚本必须放在终端用户能够访问的目录下,通常命名为 index.php,也可以使用 Web 服务器能定位到的其他名称。
控制台应用的入口脚本一般在应用根目录下命名为 yii(后缀为.php),该文
- haoop shell命令
eksliang
hadoophadoop shell
cat
chgrp
chmod
chown
copyFromLocal
copyToLocal
cp
du
dus
expunge
get
getmerge
ls
lsr
mkdir
movefromLocal
mv
put
rm
rmr
setrep
stat
tail
test
text
- MultiStateView不同的状态下显示不同的界面
gundumw100
android
只要将指定的view放在该控件里面,可以该view在不同的状态下显示不同的界面,这对ListView很有用,比如加载界面,空白界面,错误界面。而且这些见面由你指定布局,非常灵活。
PS:ListView虽然可以设置一个EmptyView,但使用起来不方便,不灵活,有点累赘。
<com.kennyc.view.MultiStateView xmlns:android=&qu
- jQuery实现页面内锚点平滑跳转
ini
JavaScripthtmljqueryhtml5css
平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”。
效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码:
&
- kafka offset迁移
kane_xie
kafka
在早前的kafka版本中(0.8.0),offset是被存储在zookeeper中的。
到当前版本(0.8.2)为止,kafka同时支持offset存储在zookeeper和offset manager(broker)中。
从官方的说明来看,未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话,可以考虑在合适
- android > 搭建 cordova 环境
mft8899
android
1 , 安装 node.js
http://nodejs.org
node -v 查看版本
2, 安装 npm
可以先从 https://github.com/isaacs/npm/tags 下载 源码 解压到
- java封装的比较器,比较是否全相同,获取不同字段名字
qifeifei
非常实用的java比较器,贴上代码:
import java.util.HashSet;
import java.util.List;
import java.util.Set;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import net.sf.json.JsonConfig;
i
- 记录一些函数用法
.Aky.
位运算PHP数据库函数IP
高手们照旧忽略。
想弄个全天朝IP段数据库,找了个今天最新更新的国内所有运营商IP段,copy到文件,用文件函数,字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件,直接用phpmyadmin导入.csv文件的形式导入。(生命在于折腾,也许你们觉得我傻X,直接下载人家弄好的导入不就可以,做自己的菜鸟,让别人去说吧)
当然用到了ip2long()函数把字符串转为整型数
- sublime text 3 rust
wudixiaotie
Sublime Text
1.sublime text 3 => install package => Rust
2.cd ~/.config/sublime-text-3/Packages
3.mkdir rust
4.git clone https://github.com/sp0/rust-style
5.cd rust-style
6.cargo build --release
7.ctrl