- react antd less-loader 配置
mstark
reactconfigreact
问题说明由于react的版本不同,观看教程时react的配置文件无法对应,导致less-loader的配置出现问题,而且less版本3.0之后,在react加载less文件时会报出错误:.bezierEasingMixin();InlineJavaScriptisnotenabled.Isitsetinyouroptions?如何修改antd主题EONSPC错误问题解决安装less-loaderl
- uni-app解决在qq和微信浏览器两个标题情况
_当时只道是寻常
javascript前端vue.js
在main.js中配置以下代码就可以解决Vue.mixin({mounted(){//#ifdefH5if(this.isWeiXinBrowser()||this.isQQBrowser()){this.navTitle()}//#endif},methods:{//#ifdefH5isWeiXinBrowser(){letua=navigator.userAgent.toLowerCase()
- 【elementui】一招解决 el-table 重复写 loading 的问题
落落叶叶无声
elementuielementuiel-tableloading重复前端
问题项目中使用elementui开发表格的小伙伴知道,给el-table添加加载动画一般都是用v-loading指令,同时组建中添加loading变量来控制。可是当表格越来越多时,每次都必须加一个loading变量同时在请求数据的方法中必须耦合loading的控制逻辑。太多的重复工作,既降低效率,也使得代码难于维护。解决方法使用Mixin+Proxy第一步,创建loading.js作为mixin,
- CSS 预处理器语言Less
繁星学编程
CSScssless前端
文章目录概览Less是什么?Less安装通过[npm](https://www.npmjs.org/)安装Less转换为CSS变量(Variables)注释(Comments)混合(Mixins)嵌套(Nesting)1.选择器嵌套2.父选择器`&`@规则嵌套和冒泡运算(Operations)转义(Escaping)函数(Functions)命名空间和访问符映射(Maps)作用域(Scope)导入
- Django前后端分离之后端基础3
_pass_
djangopython后端
12案例:登录_哔哩哔哩_bilibili参考大佬的B站视频教程笔记登录接口的实现会话机制成功后的信息保存:生成随机字符串返回到用户的浏览器的cookie中存储到网站的session中随机字符串+用户标识中间件的使用,解决登录保护使未登录过的用户进行登录fromdjango.utils.deprecationimportMiddlewareMixinfromdjango.shortcutsimpo
- js+css 锚点菜单
bobringtheboys
javascriptcss开发语言
{{item.label}}我是内容1我是内容2我是内容3我是内容4我是内容5exportdefault{name:"",components:{},mixins:[],props:{},computed:{},watch:{},data(){return{//初始化菜单navList:[{label:"菜单1",},{label:"菜单2",},{label:"菜单3",},{label:"菜单
- scss配置主题
鸿是江边鸟,曾是心上人
scss前端css
$themes:(light:(font_color:#fff,),dark:(font_color:#000,),);@mixinthemeify{@each$theme-name,$theme-mapin$themes{//!global把局部变量强升为全局变量$theme-map:$theme-map!global;//判断html的data-theme的属性值#{}是sass的插值表达式/
- sass/scss基础使用(node|dart-sass区别、安装、搭配VScode的Easy Sass使用、基础语法、变量$、插值#{}、嵌套、父元素&、静默注释、数学运算、循环、混合、继承、函数)
YF-SOD
#Sass/ScssScssSass使用详解dartnodeSass区别Sass搭配VScod插件使用Sass基础语法详解插值混合继承内置函数
目录Sass|Scss介绍版本(node|dart-sass)区别安装搭配VScode使用EasySass注意设置常见报错Scss(Sass)基础语法变量插值(#{})嵌套伪类、伪元素|父元素表示(&)静默注释数学运算random()round(x)floor(x)ceil(x)max(x1,x2,...,xn)min(x1,x2,...,xn)循环混合(@mixin)混合参数条件判断(@if|e
- VUE复习笔记19(混入)
XKolento
混入基础混入(mixins)是一种分发vue组件可复用功能中一种特别灵活的方式。混入对象可以包含任意的选项,所有混入对象的选项将被混入该组件本身的选项。//定义一个混入对象varmyMixin={created:function(){this.hello()},methods:{hello:function(){console.log('hellofrommixin!')}}}//定义一个使用混入
- vue3 hooks
前端碎碎念
vuevue.jsjavascriptecmascript
Hooks是VUE3中利用组合式API响应式的特性的,实现简单高效的逻辑复用、提高开发效率、提高VUE模块可维护性的工具。Hooks的组合可以让组件低代价、高效率地实现高复杂度业务,Hooks之间通常相互独立,没有过度耦合,降低后期陷入维护地狱的风险,而且可以使得功能模块更加易于测试。在vue2中主要是使用mixin进行逻辑复用的,主要缺点为:不清晰的数据来源:当使用了多个mixin时,实例上的数
- less简单使用
miss-ddly
lesscss前端
1.介绍Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让CSS更易维护、方便制作主题、扩充。Less可以运行在Node或浏览器端。、】2.less使用1.创建index.less文件2.在vscode中使用插件自动生成index.css文件3.less编写1.less运算符.可以使用加(+)减(-)乘(*)除(./)等运算符div{width:
- VueCLI核心知识1:ref属性、props配置、mixin混入
是小蟹呀^
Vuevue.jsjavascript
1ref属性ref属性类似于js原生获取DOM元素点我输出上方的Dom元素importSchoolfrom'./components/Schoool'exportdefault{name:'App',components:{School},data(){return{msg:'欢迎学习Vue'}},methods:{showDom(){console.log(this.$refs.title)//
- restframework-视图
Yanl__
三种方式方式mixin类编写视图基于类的视图ModelViewSet的视图mixin类编写视图Author表示例url设计url(r'^authors/$',views.AuthorViewSet.as_view()),url(r'^authors/(?P\d+)/$',views.AuthorDetailView.as_view()),#不加pk会报错#AssertionError:Expect
- Django RESTful framework 笔记
LzSkyline
在serializer中使用request重写get_querysetrouter.register(r'^assistant',views.Assistant,basename='ClientUserinfo')classVuls(mixins.ListModelMixin,GenericViewSet):"""list:Returnvulswhichusermanaged."""seriali
- 【洛谷 P1208】[USACO1.3] 混合牛奶 Mixing Milk 题解(贪心算法+向量+结构体排序)
HEX9CF
AlgorithmProblems贪心算法算法
[USACO1.3]混合牛奶MixingMilk题目描述由于乳制品产业利润很低,所以降低原材料(牛奶)价格就变得十分重要。帮助Marry乳业找到最优的牛奶采购方案。Marry乳业从一些奶农手中采购牛奶,并且每一位奶农为乳制品加工企业提供的价格可能相同。此外,就像每头奶牛每天只能挤出固定数量的奶,每位奶农每天能提供的牛奶数量是一定的。每天Marry乳业可以从奶农手中采购到小于或者等于奶农最大产量的整
- vue3.0 和 2.0的差异
前端大镖客_
对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
- VUE中的mixins用法
得知此事须躬行
vuevuejsvue.jsjavascript
vue的mixins的使用mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期,混入对象会比组件的先执行。1.创建一个test.js,用export暴露出mixins对象exportconstmixinsTest={methods:{test1(){console.log("test1");}},created(){this.test1()}}2.在组件中引入这个mixins对象
- Web前端-移动web开发_rem布局
北方的南&
Web笔记前端
文章目录移动web开发之rem布局1.0rem基础1.1rem单位(重点)1.2em单位(了解)1.3媒体查询什么是媒体查询媒体查询语法规范1.4less基础维护css弊端Less介绍Less安装Less使用之变量使用node编译less的指令Less编译vocodeLess插件Less嵌套Less运算Less中的Mixin混入Less中的导入2.0rem适配方案2.1rem实际开发适配方案12.
- Jenkins的Lockable Resource插件 - 4:编程创建多个Lockable Resources
乱码奇糟
软件开发jenkinspython
在上一篇帖子:Jenkins的LockableResource插件-3:在FreestyleJob中实现根据参数动态绑定资源中需要创建8个LockableResource:IOS、IOS_MIXING、ANDROID、ANDROID_MIXING、MAC、MAC_MIXING、WIN、WIN_MIXING。通过Jenkins的UI创建这么多资源真是挺麻烦的,参考StackOverflow上的帖子:
- Mixin的混合机制及install全局组件
Hsugar
vueinstall-插件的运用应用一下Vue中插件的制作方法。封装的插件需要一个install的方法将插件装载到Vue上。创建插件之后,就可以Vue.use(myPlugin)来使用了。vue.use()源码functioninitUse(Vue){Vue.use=function(plugin){varinstalledPlugins=(this._installedPlugins||(thi
- OrderedDict.get方法
Alex·Fall
Python学习笔记python
OrderedDict.get方法OrderedDict.get方法是一个很简单的方法。考虑下面的例子:self.mixing_flag=self.opt['train']['mixing_augs'].get('mixup',False)opt是一个OrderedDict有序字典。上面代码是将opt中,有序字典train中的有序字典mixing_augs取出mixup键对应的值,然后赋给mixi
- 前端常见面试题⑥
前端你鹏哥
前端
51、CSS预处理器SASS/LESS有何用途?SASS和LESS等CSS预处理器用于通过添加变量、mixins、嵌套和函数等功能来增强CSS的功能。它们允许更高效和模块化的CSS开发,从而实现代码重用、改进的组织和更轻松的维护。52、事件循环如何处理微观和宏观任务?事件循环负责处理JavaScript中的微任务和宏任务。在事件循环的每次迭代期间,它首先处理所有微任务(例如Promise和排队回调
- vue 实例化几种方式_vue注册组件的几种方式总结
陈橙橙先生
vue实例化几种方式
vue注册组件的几种方式总结1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册varChild={template:'Acustomcomponent!'}newVue({//...components:{//将只在父模板可用'my-component':Child}})3、扩展实例//定义一个混合对象varmyMixin
- 关于 Mixin 和 ExinOne 的关系
ExinOne
亲爱的用户:MixinNetwork官网对于Mixin的定义是:“MixinisapubliclydistributedledgeraimedtohelpotherpubliclydistributedledgersgaintrillionsofTPS,achievesubsecondfinalconfirmations,zerotransactionfees,enhancedprivacy,an
- Vue基础(混入mixin、组件component、动态组件、组件通信传值/父子通信等、生命周期)
菜鸟_小卡酷谋
Vue—生命周期Vuevue
■目录混入(mixins)好处什么是组件,为什么要有组件&组件的好处(!!!)组件语法,创建父子组件组件传值/通信(!!!组件通信的语法(!!!生命周期&钩子函数概念&作用(!!!一、混入(Mixin!)明确需求说明:后期是多个页面,每个页面都newVue因此:就会出现举例普通方法冗余同一段代码写了多次解决:通过混入(mixin)从而提高代码复用性,减少冗余语法###局部const变量={data
- vue2混入声明组件、交互流程
合格的程序员
vue.js
vue2中可以使用混入,在当前页面中将混入中声明的组件进行注入写法父组件声明混入文件:importmixComponentfrom"@/mixins/mixComponent"exportdefault{mixins:[mixComponent]}mixComponent文件定义方式,类似于一个vue文件的script区域我的场景是这样的,在父组件使用混入,混入了一个文件,这个混入内又引用了两个组
- vue3:23—自定义hooks
有蝉
vue3vue.js前端javascript
正是因为有了hooks,组合式才发挥出了威力其实hooks和vue2中的mixin有点类似,但是相对mixins而言,hooks更清楚复用功能代码的来源,更清晰易懂。如何定义hooks具备可复用功能,才需要抽离为hooks独立文件函数名/文件名以use开头,形如:useXX引用时将响应式变量或者方法显式解构暴露出来;图片示例代码示例:person.vueimportuseSumfrom'@/hoo
- vue2学习笔记(2/2)
ps酷教程
#vue学习学习
vue2学习笔记(1/2)vue2学习笔记(2/2)文章目录1.初始化脚手架2.分析脚手架&render函数文件结构图示及说明main.jsindex.htmlApp.vueSchool.vueStudent.vue关于不同版本的Vue修改默认配置vue.config.js配置文件3.ref属性4.props配置5.mixin混入局部混入全局混入6.插件定义插件应用插件7.scoped样式8.To
- SASS - 函数
吴吃辣
SASS–简介SASS–环境搭建SASS–使用Sass程序SASS–SASS–语法SASS–SASS–变量SASS–局部文件(Partial)SASS–混合(Mixin)SASS–@extend(继承)指令SASS–操作符SASS–函数SASS–输出格式本文介绍Sass函数。Sass包含大量函数,本文介绍最重要最常用的函数,其他可以参考官方文档。颜色函数sass包含很多操作颜色的函数。例如:lig
- 2020-04-06
通行禁止831
ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种
- github中多个平台共存
jackyrong
github
在个人电脑上,如何分别链接比如oschina,github等库呢,一般教程之列的,默认
ssh链接一个托管的而已,下面讲解如何放两个文件
1) 设置用户名和邮件地址
$ git config --global user.name "xx"
$ git config --global user.email "
[email protected]"
- ip地址与整数的相互转换(javascript)
alxw4616
JavaScript
//IP转成整型
function ip2int(ip){
var num = 0;
ip = ip.split(".");
num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
n
- 读书笔记-jquey+数据库+css
chengxuyuancsdn
htmljqueryoracle
1、grouping ,group by rollup, GROUP BY GROUPING SETS区别
2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
- javaSE javaEE javaME == API下载
Array_06
java
oracle下载各种API文档:
http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html
JavaSE文档:
http://docs.oracle.com/javase/8/docs/api/
JavaEE文档:
ht
- shiro入门学习
cugfy
javaWeb框架
声明本文只适合初学者,本人也是刚接触而已,经过一段时间的研究小有收获,特来分享下希望和大家互相交流学习。
首先配置我们的web.xml代码如下,固定格式,记死就成
<filter>
<filter-name>shiroFilter</filter-name>
&nbs
- Array添加删除方法
357029540
js
刚才做项目前台删除数组的固定下标值时,删除得不是很完整,所以在网上查了下,发现一个不错的方法,也提供给需要的同学。
//给数组添加删除
Array.prototype.del = function(n){
- navigation bar 更改颜色
张亚雄
IO
今天郁闷了一下午,就因为objective-c默认语言是英文,我写的中文全是一些乱七八糟的样子,到不是乱码,但是,前两个自字是粗体,后两个字正常体,这可郁闷死我了,问了问大牛,人家告诉我说更改一下字体就好啦,比如改成黑体,哇塞,茅塞顿开。
翻书看,发现,书上有介绍怎么更改表格中文字字体的,代码如下
 
- unicode转换成中文
adminjun
unicode编码转换
在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符,这是unicode编码,使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。
/**
* unicode 转换成 中文
- 一站式 Java Web 框架 firefly
aijuans
Java Web
Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。
firefly-2.0_07修复了模版压缩对javascript单行注释的影响,并新增了自定义错误页面功能。
更新日志:
增加自定义系统错误页面功能
- 设计模式——单例模式
ayaoxinchao
设计模式
定义
Java中单例模式定义:“一个类有且仅有一个实例,并且自行实例化向整个系统提供。”
分析
从定义中可以看出单例的要点有三个:一是某个类只能有一个实例;二是必须自行创建这个实例;三是必须自行向系统提供这个实例。
&nb
- Javascript 多浏览器兼容性问题及解决方案
BigBird2012
JavaScript
不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题,毕竟这两中浏览器是占了绝大多数。
一、document.formName.item(”itemName”) 问题
问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
- JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误
bijian1013
junit4.11单元测试
下载了最新的JUnit版本,是4.11,结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误,上网查了一下,一般的解决方案是,换一个低一点的版本就好了。还有人说,是缺少hamcrest的包。去官网看了一下,如下发现:
- [Zookeeper学习笔记之二]Zookeeper部署脚本
bit1129
zookeeper
Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程,即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下,脚本中指定的名字是zookeeper的3.4.6版本,需要根据实际情况修改):
#!/bin/bash
#!!!Change the name!!!
#The zookeepe
- 【Spark八十】Spark RDD API二
bit1129
spark
coGroup
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
import org.apache.spark.SparkContext._
object CoGroupTest_05 {
def main(args: Array[String]) {
v
- Linux中编译apache服务器modules文件夹缺少模块(.so)的问题
ronin47
modules
在modules目录中只有httpd.exp,那些so文件呢?
我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了)
去make并且make install了。我希望在/apache2/modules/目录里有各种模块,
- Java基础-克隆
BrokenDreams
java基础
Java中怎么拷贝一个对象呢?可以通过调用这个对象类型的构造器构造一个新对象,然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式,这种方式称为
克隆。
Java提供了java.lang.
- 读《研磨设计模式》-代码笔记-适配器模式-Adapter
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 适配器模式解决的主要问题是,现有的方法接口与客户要求的方法接口不一致
* 可以这样想,我们要写这样一个类(Adapter):
* 1.这个类要符合客户的要求 ---> 那显然要
- HDR图像PS教程集锦&心得
cherishLC
PS
HDR是指高动态范围的图像,主要原理为提高图像的局部对比度。
软件有photomatix和nik hdr efex。
一、教程
叶明在知乎上的回答:
http://www.zhihu.com/question/27418267/answer/37317792
大意是修完后直方图最好是等值直方图,方法是HDR软件调一遍,再结合不透明度和蒙版细调。
二、心得
1、去除阴影部分的
- maven-3.3.3 mvn archetype 列表
crabdave
ArcheType
maven-3.3.3 mvn archetype 列表
可以参考最新的:http://repo1.maven.org/maven2/archetype-catalog.xml
[INFO] Scanning for projects...
[INFO]
- linux shell 中文件编码查看及转换方法
daizj
shell中文乱码vim文件编码
一、查看文件编码。
在打开文件的时候输入:set fileencoding
即可显示文件编码格式。
二、文件编码转换
1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式
&
- MySQL--binlog日志恢复数据
dcj3sjt126com
binlog
恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001,现在刷新了重新开启一个就多了一个mysql-bin.000002
- 数据库中数据表数据迁移方法
dcj3sjt126com
sql
刚开始想想好像挺麻烦的,后来找到一种方法了,就SQL中的 INSERT 语句,不过内容是现从另外的表中查出来的,其实就是 MySQL中INSERT INTO SELECT的使用
下面看看如何使用
语法:MySQL中INSERT INTO SELECT的使用
1. 语法介绍
有三张表a、b、c,现在需要从表b
- Java反转字符串
dyy_gusi
java反转字符串
前几天看见一篇文章,说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串,就是将一个字符串到过来啦,比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。
1、第一个念头就是直接使用String类的反转方法,对不起,这样是不行的,因为Stri
- UI设计中我们为什么需要设计动效
gcq511120594
UIlinux
随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的UI设计师们也开始投身动效设计领域。
但是说到底,我们到底为什么需要动效设计?或者说我们到底需要什么样的动效?做动效设计也有段时间了,于是尝试用一些案例,从产品本身出发来说说我所思考的动效设计。
一、加强体验舒适度
嗯,就是让用户更加爽更加爽的用
- JBOSS服务部署端口冲突问题
HogwartsRow
java应用服务器jbossserverEJB3
服务端口冲突问题的解决方法,一般修改如下三个文件中的部分端口就可以了。
1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml
2、./server/default/deploy/jbossweb.sar/server.xml
3、.
- 第三章 Redis/SSDB+Twemproxy安装与使用
jinnianshilongnian
ssdbreidstwemproxy
目前对于互联网公司不使用Redis的很少,Redis不仅仅可以作为key-value缓存,而且提供了丰富的数据结果如set、list、map等,可以实现很多复杂的功能;但是Redis本身主要用作内存缓存,不适合做持久化存储,因此目前有如SSDB、ARDB等,还有如京东的JIMDB,它们都支持Redis协议,可以支持Redis客户端直接访问;而这些持久化存储大多数使用了如LevelDB、RocksD
- ZooKeeper原理及使用
liyonghui160com
ZooKeeper是Hadoop Ecosystem中非常重要的组件,它的主要功能是为分布式系统提供一致性协调(Coordination)服务,与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper,第一部分介绍ZooKeeper的基本原理,第二部分介绍ZooKeeper
- 程序员解决问题的60个策略
pda158
框架工作单元测试
根本的指导方针
1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。
良好的单元测试
强制数据库约束
使用输入验证框架
避免未实现的“else”条件
在应用到主程序之前知道如何在孤立的情况下使用
日志
2. print 语句。往往额外输出个一两行将有助于隔离问题。
3. 切换至详细的日志记录。详细的日
- Create the Google Play Account
sillycat
Google
Create the Google Play Account
Having a Google account, pay 25$, then you get your google developer account.
References:
http://developer.android.com/distribute/googleplay/start.html
https://p
- JSP三大指令
vikingwei
jsp
JSP三大指令
一个jsp页面中,可以有0~N个指令的定义!
1. page --> 最复杂:<%@page language="java" info="xxx"...%>
* pageEncoding和contentType:
> pageEncoding:它