web前端
blueS~
这个作者很懒,什么都没留下…
展开
-
element table表格头部样式修改
方法有两种 header-cell-style 此种方法是直接返回样式 header-cell-class-name 只是返回一个classelement ui 官方文档 可详细阅读上面两种方法的用法 案例1.header-cell-style<el-table :data="datalist" :header-cell-style="styleFunc"></el-table> styleFunc({row,column,rowIndex原创 2021-02-22 16:25:20 · 5117 阅读 · 0 评论 -
vscode代码提示插件
打开vscode的设置输入框搜索prevent复选框打✔就可以了原创 2020-04-29 10:40:27 · 25094 阅读 · 2 评论 -
解决火狐不支持打开a链接
1.正常情况 你写的a链接<a href="link.com"></a>但是问题就来了 正常情况下写的这种链接在谷歌是可以正常点击的 但是 在火狐浏览器 就不行了 下面看解决方法<1.><a href="" @click="aLink"></a> aLink() { window.op...原创 2020-02-28 14:32:41 · 683 阅读 · 0 评论 -
删除项目中的Eslint验证
按照下图操作 在config/index.js文件26行,有这段代码“useEslint: true”,把true改为false原创 2020-01-13 10:55:05 · 2422 阅读 · 1 评论 -
正则匹配电话号码 固定电话号码
手机号码var reg1= /^1[**0-9]{10}$/电话号码var reg2= /^([0-9]{3,4}-)?[0-9]{7,8}$/var lxdh=‘123456425’1.验证手机号if(! reg1.test(lxdh)){ alert(''提示信息)}2.验证固定电话号if(! reg2.test(lxdh)){ alert(''提示信息...原创 2019-12-28 14:26:54 · 3006 阅读 · 0 评论 -
js求某天的后一天
formatNextDay(startDate) { startDate = new Date(startDate); startDate = +startDate + 1000 * 60 * 60 * 24; startDate = new Date(startDate); ...原创 2019-11-27 20:47:30 · 183 阅读 · 0 评论 -
vscode vue所有文件的template标签报错红色~
在settings文件添加如下代码原创 2019-07-09 09:37:50 · 7751 阅读 · 2 评论 -
iview render渲染icon switch img。。。
下面是渲染 按钮 图片 图标 开关的写法 { title: '操作', key: 'action', align: 'center', render: function (h, params) { return h('div', [ ...原创 2019-05-28 14:32:19 · 2007 阅读 · 1 评论 -
在vue中使用sass的配置方法
1.在你需要的项目下安装依赖npm install --save-dev sass-loader //sass-loader依赖于node-sassnpm install --save-dev node-sass2.找到build文件夹下的webpack.base.conf.js文件,3.在rules里添加如下配置4.在你需要的组件的样式标签里应用<style la...原创 2019-04-18 11:51:42 · 364 阅读 · 0 评论 -
error: Your local changes to the following files would be overwritten by checkout:
error: Your local changes to the following files would be overwritten by checkout: src/app/routes/datav/insurance/insurance.component.tsPlease commit your changes or stash them before you swi...原创 2019-04-09 19:52:06 · 207 阅读 · 0 评论 -
Vue.config.productionTip = false是啥意思
Vue.config.productionTip = false这句代码是在入口文件里的1.先看看没有这句代码的效果这张图上面 显示出来的就是没有这句代码的效果 他说(You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See ...原创 2019-04-12 11:39:51 · 18981 阅读 · 0 评论 -
v-for循环 数组 对象 对象数组
1.循环数组 <li v-for="(value,index) in array">值:{{value}} 索引:{{index}}</li> var array=['苹果','葡萄','香蕉',]2.循环对象数组<li v-for="(value,index) in arrayObj">值:{{value.name}} 索引...原创 2019-03-29 10:54:59 · 4483 阅读 · 0 评论 -
Failed to decode downloaded font: http://localhost:8080/static/fonts/ArialMT.a27c597.ttf DataStatist
出现这个错误 自己理解是字体格式造成的吧带着自己需要的字体去下面网站转换 包括(ttf eot svg woof woof2)转换网站https://www.fontke.com/tool/fontface/原创 2019-05-31 19:34:26 · 3021 阅读 · 0 评论 -
echarts曲线图 横坐标 与纵坐标的样式
此代码用于vue项目中1.template<template> <div id="Chart"> </div></template>2.scriptdata(){return{ myChart: null,}},mounted(){ this.Chart()},methods:{Chart(){ ...原创 2019-06-04 14:14:17 · 7384 阅读 · 0 评论 -
javascript基础知识总结
转载自 https://blog.csdn.net/qq_39043923/article/details/89204263转载 2019-07-08 14:24:29 · 134 阅读 · 0 评论 -
js修改input placehold文本样式
html <input class="user_name" type="text" placeholder="placeholder文本样式" />css<style> .inputChange::-webkit-input-placeholder { font-size: 30px; text-align: left; ...原创 2019-07-11 11:17:17 · 1412 阅读 · 0 评论 -
js 获取今天是星期几
var now = new Date();var day = now.getDay() - 1;var weeks = new Array("一", "二", "三", "四", "五", "六", "日");var week = weeks[day];console.log(week )原创 2019-07-18 14:03:47 · 358 阅读 · 0 评论 -
将一段数字 从右往左隔三位插入一个逗号
function insert(n) { var b = parseInt(n).toString(); var len = b.length; if (len <= 3) { return b; } var r = len % 3; return r > ...原创 2019-08-06 14:01:57 · 655 阅读 · 0 评论 -
svg---animation动画
svg排序动画<div class="Big-data-icon"></div><style>.Big-data-icon { animation: out 1.2s steps(29); background: url('./image/Big-data.png') top left; &:hover { ...原创 2019-01-23 14:04:29 · 471 阅读 · 1 评论 -
png转换ico格式
https://www.easyicon.net/covert/原创 2019-04-11 14:46:48 · 1352 阅读 · 0 评论 -
vscode格式化vue代码
1.在vscode应用商店搜索vetur 安装vetur**2.配置** 1).1.打开File----->preferences------>settings 2).搜索vetur.format.defaultFormatter.html 3).打开如下图 点击编辑按钮,按照编辑器的提示 将node修改为js-beautify-html4.然后...原创 2019-04-10 16:59:46 · 2409 阅读 · 0 评论 -
slot
插槽内容:承载分发内容的接口举例如下&lt;app-file&gt; &lt;p&gt;我会在slot里面显示出来&lt;/p&gt; &lt;p&gt;我会在slot里面显示出来&lt;/p&gt; &lt;p&gt;我会在slot里面显示出来&lt;/p原创 2018-11-24 17:28:53 · 104 阅读 · 0 评论 -
vue过滤
举例子来说明吧vue过滤的管道操作符为|先局部注册组件&lt;template&gt; &lt;div&gt;{{title | to-lowercase}}&lt;/div&gt;&lt;/template&gt;&lt;script&gt; export default{ da原创 2018-11-22 09:03:04 · 134 阅读 · 0 评论 -
input里 默认placeholder已less方式添加颜色
html<input placeholder=""/>js.placeholder(color:#fff);原创 2019-01-31 16:04:35 · 2050 阅读 · 0 评论 -
console的方法
1、console.log ()用于输出普通信息2、console.info 用于输出提示性信息3、console.error用于输出错误信息4、console.warn用于输出警示信息5、console.debug用于输出调试信息6、console.dirxml用来显示网页的某个节点(node)所包含的html/xml代码7、console.group输出一组信息的开头...原创 2018-11-07 11:47:42 · 377 阅读 · 0 评论 -
求数组对象中的最大值
就拿这个数组对象来说 var Data=[ {city:'w',平均AROU:25.1,收入占比:16.5}, {city:'x',平均AROU:4.1,收入占比:14.5}, {city:'e',平均AROU:30.1,收入占比:17.5}, {city:'a',平均AROU:22.1,收入占比:1.5}, ...原创 2019-01-19 17:57:08 · 5596 阅读 · 0 评论 -
webstorm提交代码
1.在阿里云新建分支2.本地提交Git pullGit checkout 新分支*(阿里云新建的分支)Git branch 查看当前分支Git pull3.新建需求4.特性分支5.流水线原创 2018-12-25 17:13:32 · 2528 阅读 · 0 评论 -
git版本管理工具
用管理员和开发者来举个例子吧!首先说一下 建项目的这个人为管理员1.管理员在GitHub上面建好项目2.管理员自己在本地建一个文件夹,3.git clone 在GitHub上复制地址----&amp;amp;gt;克隆项目4.cd 项目文件夹名----&amp;amp;gt;转换到拉取下来的项目文件夹5.git checkout -b Dev----&amp;amp;gt;创建分支Dev并且切换到Dev分支6.写你自己要写的文件原创 2018-12-08 22:18:44 · 128 阅读 · 0 评论 -
vue的自定义指令
自定义指令有五个钩子函数,分别为:bind inserted update componentUpdate Upbind1.先来钩子函数参数,自定义一个名为highlight的指令,主组件&amp;lt;p v-highlight&amp;gt;自定义的指令&amp;lt;/p&amp;gt;子组件Vue.directive('highlight', { bind(el,binding,vnode,oldVn.原创 2018-11-09 09:04:06 · 162 阅读 · 0 评论 -
lottie的引入和使用
一、先说引入lottie.js1.如下两种方法都不可行 &amp;lt;script src=&quot;./js/lottie.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;.原创 2019-01-11 14:30:33 · 8783 阅读 · 3 评论 -
vue.esm.js?efeb:628 [Vue warn]: Invalid prop: custom validator check failed for prop "type".
1.具体错误[Vue warn]: Invalid prop: custom validator check failed for prop "type".found in---> <Button> <FormItem> <IForm> <Modal> ...原创 2019-03-27 11:11:12 · 8797 阅读 · 0 评论 -
响应式字体
vw、vh主要用于页面视口大小布局,相对于rem;v*在页面布局上更加方便简单vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。vw逻辑非常清晰,"1vw = 1/100th viewport width",用viewport width的百分比来设置element width。&...原创 2019-03-19 10:02:06 · 823 阅读 · 0 评论 -
ajax出现415的解决办法
下面是一个ajax的请求,红色标注的就是解决办法$.ajax({ url: ' api/json', //数据地址 data: JSON.stringify({"username": username, "password": password}), type: "POST", //请求方式 ...原创 2019-03-13 17:08:48 · 3834 阅读 · 0 评论 -
Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
关于axios的报错解决方式1.在main.js文件中引入import axios from 'axios'2.在main.js中使用,注意使用的写法Vue.use(axios);使用 但是这里要说的是 这个报错 就是因为这个引入的方式而造成的。下面看正确的引入方式Vue.prototype.$http = axios;...原创 2019-03-20 14:27:30 · 56618 阅读 · 4 评论 -
iframe标签的使用及优缺点
1、 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。2、优点缺点优点:1、支持任何浏览器2、原封不动的把嵌入的网页展现出来3、重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,增加了网页下载速度缺点:1、页面复杂度高,不容易管理2、页面加载速度相对frame较慢...原创 2019-03-11 15:59:35 · 2224 阅读 · 0 评论 -
webpack css字体引入使用
出现如下报错的解决方法ERROR in ./node_modules/iview/dist/styles/fonts/ionicons.ttf?v=3.0.0Module parse failed: Unexpected character ' ' (1:0)You may need an appropriate loader to handle this file type.1.在w...原创 2019-03-11 00:12:54 · 1613 阅读 · 0 评论 -
安装sass-loader
1. 在需要的项目下安装sassnpm i sass-loader -D2.安装sass依赖npm i node-sass -D3.进去webpack.config文件配置rules[//加载器 { test:/\.sass$/, use:['vue-style-loader', 'css-loader', 'sass-l...原创 2019-03-04 16:19:58 · 6495 阅读 · 0 评论 -
npm —S 和 npm —D的使用以及区别
1.npm -Snpm i module_name -S 也就是(npm install module_name --save)的简写,它是把安装包的名称和版本号存到到dependencies中,2.npm -Dnpm i module_name -D也就是*(npm install module_nam --save-dev)的简写,它是把安装包的名称和版本号存到devDepen...原创 2019-03-06 09:42:06 · 3716 阅读 · 0 评论