- 博客(25)
- 收藏
- 关注
原创 阿里iconfont的Symbol图标颜色无法改变
今天在vue3里面引入图标,去阿里图标库看了一下,Symbol可能是以后的趋势,就使用这个方式在项目里,中途一切顺利,就是等到改变图标颜色死活改不动,包括更改svg里面的fill属性也没反应。操作完后重新生成代码,在复制进去iconfont.js里面,这时候就可以通过更改fill属性来改变Symbol图标颜色了。到这一步图标就可以出来了,但是就是改变不了颜色,遂疯狂百度查到是iconfont生成的源代码里面。然后在阿里图标官网有个批量操作。属性默认有颜色,导致改不了。4 vue文件内使用组件。
2023-06-12 17:46:29 1069
原创 Vue2 Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
Vue2 Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
2022-09-27 14:54:03 4015 1
转载 JS宏任务和微任务
1.宏任务:分类:setTimeout setInterval requrestAnimationFrame1>这些都是浏览器或者Node环境实现的。2>第一个宏任务列中只有一个任务,执行主线程的js代码3>宏任务队列可以有多个2.微任务:分类:new promise().then(回调) process.nextTick1.微任务所处的队列 就是微任务队列2.只有一个微任务队列3.在上一个宏任务队列执行完毕后如果有微任务队列就会执行微任务队列中所有的任务,如果在执行微任
2022-03-03 12:52:25 3568
原创 ECharts数据更新或者重新载入没有动画效果
数据更新后执行清除动画,然后重新初始化动画 this.chart.clear(); //初始化 this.initChart(); //初始化
2020-11-08 04:42:18 6878 1
原创 js正则
本文适合有 JavaScript 基础 && 面向搜索引擎书写正则的人群。正则表达式是用于匹配字符串中字符组合的模式。正则表达式的模式规则是由一个字符序列组成的。包括所有字母和数字在内,大多数的字符都是直接按照直接量描述待匹配的字符。除此之外,正则表达式还有其他特殊语义的字符,这些字符不按照特殊含义进行匹配。创建正则表达式JavaScript 中的正则表达式用 RegExp 对象表示,有两种创建方式。直接量语法创建正则表达式直接量定义为包含在一对斜杠(/)之间的字符。构造
2020-11-07 05:11:43 442
原创 mongodb查询日期$date与ISODate,时间范围
mongodb查询某个时间范围MongoDB 日期查询目前可通过Date 和ISODate两种方式:MongoDB条件对应关系(>) 大于 - $gt(<) 小于 - $lt(>=) 大于等于 - $gte(<= ) 小于等于 - $lte1.Date方式例如查询ct>=2012.12.7 且et<=2012.12.7:可翻译为 "日期字段名":{$gte:new Date(2012,11,7)},"et":{$lte:new Date(2012,1
2020-10-25 03:12:07 17776 3
原创 vue使用element UI饿了么改变组件宽高颜色等样式
在vue-cl中使用element ui库时用到了一个搜索框,但是官网中得input框api改变大小样式得只有一个size属性可选值只有三个:medium / small / mini 这样就不太符合我的具体样式要求了,需要把宽高改成我需要的值,从网上找到了两种办法:一:首先找到你input的class名el-input__inner,然后在style标签中写入你需要改的样式,最后把style标签中的scoped属性删掉<style scoped lang="scss">删掉后确
2020-07-16 23:21:54 3264 1
原创 vue-cli取消禁用eslint验证
在根目录新建个vue.confing.js文件module.exports = { lintOnSave: false // 取消 eslint 验证}
2020-07-14 22:26:45 425
原创 如何从 Linux 命令行安装软件
如何从 Linux 命令行安装软件如果你在一直在使用 Linux,你很快就会发现做同样的事情有很多不同的方法。这包括通过命令行在 Linux 上安装应用。我已经是大约 25 年的 Linux 用户,我一次又一次地回到命令行来安装我的应用。从命令行安装应用程序最常用的方法是使用称为包管理器通过软件库(存储软件的地方)安装。所有 Linux 应用都作为软件包分发,这些软件包只不过是与软件包管理系统相关的文件。每个 Linux 发行版都附带一个包管理系统,但它们并不完全相同什么是包管理系统?包管理系统由一
2020-07-02 22:43:56 1815
原创 Centos7 使用NVM安装Node.js
node.js 环境搭建方式比较快的通常有两种:直接安装官方镜像,手动修改环境变量。如果你需要随时切换node.js版本的话,可以使用nvm进行版本控制。下面通过Centos为例讲解 如何 使用NVM安装 node.js。nvm全称Node Version Manager ,是 Nodejs 版本管理器,它让我们能方便的对 Nodejs 的版 本进行切换nvm 的官方版本只支持 Linux...
2020-01-22 21:38:06 700
原创 移动端触摸事件及对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <...
2020-01-14 17:15:20 135
原创 Video 标签播放及控制视频
Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg、mp4、webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖。不同的浏览器支持的视频格式可能不同,以下是摘自 W3School 各个浏览器对三种视频格式的支持情况在 Video 中嵌入视频<video src="/movie.mp4" controls="contro...
2020-01-13 10:30:25 2210
原创 git中error: The following untracked working tree files would be overwritten by merge
问题描述: 在git中利用pull拉取远程仓库文件时报错:分析原因: untracked working tree files解决方式(无效): 百度大多数解决方式是删除 一些 没有 git add 的 文件,但是测试后却并未解决问题。$ git clean -d -fx$ git pull origin master最终解决方式(可用):$ git f...
2020-01-10 20:16:27 300
原创 【Git】pull遇到错误:error: Your local changes to the following files would be overwritten by merge:
这种情况下,如何保留本地的修改同时又把远程的合并过来呢?首先取决于你是否想要保存本地修改。(是 /否)是别急我们有如下三部曲 git stash git pull origin master git stash pop git stash的时候会把你本地快照,然后git pull 就不会阻止你了,pull完之后这时你的代码并没有保留你的修改。惊了! 别急,...
2020-01-10 20:09:09 137
原创 HTML input type=file文件 选择表单元素 图片上传等等
一、- input type=file与文件上传本文所说的input type=file指的是type类型是file的input元素,最简HTML代码如下:<input type=file>但是,为了习惯,我们多写成:<input type="file">在HTML5出现之前(XHTML),我们的闭合规则则有些出入:<input type="file"...
2019-12-14 22:23:12 7142
原创 NPM全局安装与json文件写入
小伙伴很多时候肯定有这种感觉npm敲到一半的时候发现:诶 这个到底是-g呢还是–save还是–save-dev呢1.首先要先了解package.json在Node.js中,模块是一个库或框架,也是一个Node.js项目。Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.json。2.什么是npmnpm ...
2019-12-01 01:35:39 936
原创 gulp之用建立一个代理服务器(解决前端跨域问题)
为什么需要使用代理?目前,前端发展飞速,前后端分离式开发已经不是新鲜事儿。1 如果前端只是静态的页面(不需要调用后端的api加载动态数据),那么前端直接在本地开发即可。即使是前后端分开部署,只需要单独为前端启动一个服务,使用gulp-connect即可。不会?(请戳gulp之用gulp-connect开启一个本地webServer)2 如果前端需要调用后端提供的接口呢?除非前后端部署在同一...
2019-11-16 23:51:17 1473
原创 相对路径与绝对路径
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。1.绝对路径绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句: ...
2019-11-03 20:27:01 347 1
原创 原生js的各种兼容问题集
1.关于获取非行内样式IE:DOM元素.currentStyle .属性高级浏览器:window.getComputedStyle (DOM元素).属性js通过style只可以获取行内样式,当我们需要获取非行内样式时:我们一般通过这两个方法获取行外样式:IE下: currentStyleChrome,FF下: getComputedStyle(oDiv,false)兼容两个浏览器的写...
2019-11-02 09:25:17 189
原创 ajax 传输方式的初级封装
//点击document实现数据的发送接收 document.onclick=function(){ ajaxget("http://localhost/php/ajax1.php",function(res){console.log(res); },{ user:"admin", pass:"123456" ...
2019-10-26 15:46:06 124
原创 原生JS 实现放大镜功能
总体三个元素的css样式:小图片 (wrap)插入img镜片(box)插入背景图大图片(big)插入背景图 <style> * { margin: 0; padding: 0; } .box { displa...
2019-09-27 17:22:02 293
原创 JavaScript ES6新增startsWith方法 重写
Js ES6新增的startsWith方法 重写 // startsWith方法重写 String.prototype.startsWith = function (aa,bb){ // aa,bb为形参//定义一个变量保存传参后的截取的值(为"学学习无法自拔") var sefl=this.slice(bb);// 再次截取sefl的从下标...
2019-09-12 15:27:56 528
转载 Javascript 面向对象编程(一):封装
作者:阮一峰Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成实例对象的原始模式假定我们把猫看成一个对...
2019-09-05 17:53:45 98
原创 计算1000 ~ 2000年之内的所有闰年
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-09-04 16:47:21 599
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人