前端
文章平均质量分 67
javascript、css、vue
suanday_sunny
晒太阳吧~
展开
-
display:flex 和 flex-direction:column-reverse
display:flex 和 flex-direction:column-reverse,在table上的使用主要是IE11中table的布局问题,为了适应IE11,增加tr的样式.table tbody tr{ width: 100%; float:left;}如果是div的布局<!DOCTYPE html><html><h...原创 2018-12-12 15:32:29 · 3276 阅读 · 0 评论 -
div水平垂直居中(不知宽高情况下)
在不确定div宽高的情况下,我们可以使用css3css3#container{ position:relative;}#center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}flex#container{ dis...转载 2019-12-23 11:13:04 · 277 阅读 · 1 评论 -
css透明
注意,在IE中,同一个element,只能写一处filter,在多处css对同一个element定义filter,会出现不正常现象。{ filter:alpha(opacity=50); 搜索 -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }原创 2015-01-21 15:56:15 · 346 阅读 · 0 评论 -
CSS改变图片颜色之filter属性
一般提到对对图片的处理,都会想到PS。但,其实在前端,CSS也有一些属性起到相同的效果。在CSS中有着CSS滤镜之称的filter属性,他可以让图片模糊,锐化等。filter属性支持一下关键字:none():没有任何效果,默认为none;img{ width: 300px; filter: none;} 效果图...转载 2019-11-22 09:42:26 · 537 阅读 · 0 评论 -
兼容IE的滚动条css
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author&转载 2019-01-08 14:03:21 · 550 阅读 · 0 评论 -
node-sass 安装失败 win32-x64-57_binding.node
用这行命令:node -p "[process.platform, process.arch, process.versions.modules].join('-')"复制输出的结果,去 Release 列表 找到对应的版本,Ctrl+F 粘贴,找到那个文件,下载(必要的时候挂代理,浏览器下载通常都比 node 下载更快更稳定),然后文件存到一个稳定的路径,并复制路径设置sa...转载 2020-05-07 09:07:21 · 518 阅读 · 0 评论 -
vue/cli4跑单个组件测试
正常的命令是这样的vue serve src/components/demo1.vue输出提示:Command vue serve requires a global addon to be installed.Please run npm i -g @vue/cli-service-global and try again.再次安装npm i -g @vue/cli-service-global再次执行命令INFO Starting development server…(no原创 2021-06-07 12:09:32 · 347 阅读 · 0 评论 -
断网情况下,在vue项目中使用scss指南
断网时安装sass,总是提示下载xxx_binding.node下载失败根据失败提示的路径,在上网机上下载需要的文件,比如:http://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-64_binding.node下载下来后,放在当前用户下的缓存目录中C:\Users\Administrator\Ap...原创 2020-05-07 10:25:44 · 283 阅读 · 0 评论 -
IDEA中Vue的安装和使用
一、必须软件:1、开发工具:Idea安装插件:settings>plugins中安装vue.js插件2、下载并安装nodejshttps://nodejs.org/zh-cn/检查nodejs安装结果node -vnpm -v3、安装 cnpmnpm i -g cnpm --registry=https://registry.npm.taobao.org...原创 2020-04-22 23:22:42 · 1354 阅读 · 0 评论 -
vue开发环境准备
vue环境准备,一、安装node.js,本地安装目录 D:\dev\nodejs官网:https://nodejs.org/en/download/二、设置nodejs prefix(全局)和cache(缓存)路径1、在nodejs安装路径下,新建node_global和node_cache两个文件夹2、设置缓存文件夹 & 设置全局模块存放路径npm config set cache "D:\dev\nodejs\node_cache" npm config set prefix "原创 2021-06-07 12:26:46 · 199 阅读 · 0 评论 -
jQuery验证控件jquery.validate.js使用说明+中文API
http://blog.csdn.net/windxxf/article/details/7520340官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明 转载自:http://blog.sina.com.cn/s/blog_608转载 2016-11-03 11:18:51 · 398 阅读 · 0 评论 -
AJAX提交数据时,参数与file一同提交
提交数据时,参数与file一同提交1、ajaxurl:A_Url,contentType: false,processData: false,mimeType: "multipart/form-data",type:"POST",data:formData 2、datavar formData = new FormData();formData.append('file...原创 2018-09-10 14:11:04 · 2483 阅读 · 0 评论 -
使用select2分批异步加载大量数据
//select2选项 var select2Conf = {"allowClear":allowClear,width:"100%"}; //select2使用data list,还是ajax if(select2Data.length<=100...原创 2018-11-02 14:26:04 · 3049 阅读 · 2 评论 -
javascript内存清理,尤其是iframe以及页面定时刷新
关于IE崩溃的问题,现在找到以下几个原因1,事件绑定,不要跨html,如$("#showBody" , parent.document) 2,在iframe中使用mCustomScrollbar,页面关闭时需要释放$("body").mCustomScrollbar("stop"); $("body").mCustomScrollbar("destroy"); 3、事件...原创 2018-11-14 17:37:20 · 1550 阅读 · 1 评论 -
clearAndSetFrame--不好用
function clearAndSetFrame(url){ //销毁 tempFrame.src = blankPageURL; var tempFrame = document.getElementById("iframeConent"); if(tempFrame){ tempFrame.contentWindow.destroy...原创 2018-11-27 18:17:59 · 148 阅读 · 0 评论 -
dataTable筛选后的数据 dataTable.rows({search:'applied'} ).data()
dataTable.rows({search:'applied'} ).data()参照:https://datatables.net/reference/type/selector-modifierhttps://datatables.net/reference/type/row-selector原创 2019-02-21 15:07:32 · 1201 阅读 · 0 评论 -
echart双坐标,一侧实际数值,一侧百分比
option = { tooltip : { trigger: 'axis' }, legend: { data:['num1','num2','percent'] }, toolbox: { show : true, feature : { mark : {...原创 2019-02-21 11:24:37 · 1848 阅读 · 0 评论 -
angular开发环境配置
一、安装nodejs无论windows还是linux,都是首先安装nodejs。Ubuntu apt-get安装的版本的4.x,版本过低,所以到nodejs官网下载源代码自己编辑安装在https://nodejs.org/en/download/下载源代码自己编译./configure./makesudo make install二、cnpm安装cnpm(中国境...原创 2019-06-03 15:56:31 · 548 阅读 · 0 评论 -
angularjs的$on、$emit、$broadcast
$on 监听,父监听子,子接收父$emit 子向父传递,多对1$broadcast 父向所有子传递 ,1对多父和子监听的event不能有同名的,同名会造成无限循环如何在作用域之间通信呢? 1.创建一个单例服务,然后通过这个服务处理所有子作用域的通信。 2.通过作用域中的事件处理通信。但是这种方法有一些限制;例如,你并不能广泛的将事件传播到所有监控的作用域中。...转载 2019-06-19 17:42:17 · 221 阅读 · 0 评论 -
09Vue.js实现tab切换效果
利用Vue实现简易tab切换效果1.1 在我们平时浏览网站的时候,经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后,开始要写出一些简单的特效。1.2 实现思路是点击上方的标题,下方的内容随之发生改变,上方和下方用的是两个块,是兄弟节点,所以需要点击tab标题和下方内容一一对应,基予两个模块若下标相同是一个内容实现的。1.3 tab切换第一步先要把...转载 2019-06-21 09:59:27 · 148 阅读 · 0 评论 -
dataTable一些使用方法
行选择$(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { $(this).toggleClass('selected'); } ); $('#bu转载 2016-01-14 16:45:00 · 654 阅读 · 0 评论