自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

疯三年的博客

个人博客地址:http://chenfl.top 专注前端技术总结与分享!欢迎大佬们参考及提出批评,共同进步!...

原创 vue-cli30配置

新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run serve # 打包 npm run build 安装配置流程 1、第一个是默认配置,一般选第二个,自己配置,这里选择最后一个 ...

2019-06-25 14:08:17 227 0

原创 vue模板

​ <template> <div> </div> </template> <script> export default { ...

2019-01-25 18:28:26 445 0

原创 git主要

git status //查看工作区状态 git branch //查看当前分支,当前分支前有个*号 git branch -r //查看当前远程分支远程 ,前分支前有个*号 git checkout dev //切换到dev分支 git p...

2018-12-20 10:01:36 111 0

原创 vscode常用快捷键

快捷键: Ctrl + G 跳转到指定的行数 Ctrl + F 查找 Ctrl + H 替换 Ctrl+Home 回顶部 Ctrl+End 回尾部 折叠一块 ctrl + shift + [ 展开一块 ctrl + shift + ] 折叠所有 ctrl + k, ct...

2018-11-13 14:12:22 109 0

原创 个人技术博客 友情链接,关注

CSDN:https://blog.csdn.net/namechenfl 码云:https://gitee.com/cfl8 技术博客:http://chenfl.top 个人简历:http://resume.chenfl.top 个人简历2:http://resume2.chenfl....

2018-09-26 16:13:31 243 0

转载 如何将本地项目上传到码云

  步骤: 1、码云上新建一个项目 XXXX   (项目名) 2、本地创建一个文件夹E:/XXXX,然后使用git bash     3、cd 到本地文件夹中E:/XXXX  //如果是在创建的文件中git bash  则此步骤可省略 4、使用 git init 命令     //初始化一...

2018-09-25 10:35:02 1641 0

原创 vscode配置总结可收藏/vscode用户设置大全/vue代码模板

​ ​ //用户设置 { //-------- 搜索配置 -------- "search.exclude": { "**/node_modules": true, "**/bower_components":...

2018-08-01 08:44:27 1342 0

转载 Vue 项目搭建流程和使用大全

Vue 项目搭建流程及项目中遇到的问题 项目搭建流程 1.使用vue cli 搭建项目框架 cnpm install -g vue-cli 安装vue cli 脚手架 vue init webpack projectName 创建项目 cd projectName cnpm ins...

2018-07-21 21:18:49 16033 1

原创 npm使用方法和命令

npm使用方法和命令 npm config list/ls 显示配置信息npm config list/ls -l 更详细npm -h 显示帮助信息,建议多查看npm -l display full usage info ;-l is --longnpm <cmd> ...

2018-07-18 15:32:24 771 0

转载 CSS水平垂直居中常见方法总结

CSS水平垂直居中常见方法总结1、元素水平居中当然最好使的是:margin: 0 auto;1居中不好使的原因: 1、元素没有设置宽度,没有宽度怎么居中嘛! 2、设置了宽度依然不好使,你设置的是行内元素吧,行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章! 示例 1:&...

2018-06-16 09:17:00 274 0

转载 js常用知识总结

格式化时间字符串 String.prototype.formatTime = function formatTime(template) { // 1.根据操作的时间字符串获取年月日小时分钟秒等信息 let arr = this.match(/\d+/g).map(item =...

2020-07-14 15:24:59 11 0

转载 ajax fetch axios的区别

axios 了解ajax,fetch、axios。 ajax,基于jquery,对原生XHR的封装,还支持JSONP,非常方便。 优点:无需要通过刷新页面更新数据,支持异步与服务器通信,而且规范被广泛支持。 那么淘汰ajax的根本原因是什么呢? 因为引入的单页面框架, 如vue的mvv...

2020-07-14 11:22:47 20 0

原创 vue中的watch可以监听哪些值?

vue中的watch监听,除了监听data中的数据 还可以监听 props 、$route 、$emit 、computed

2020-07-14 10:39:32 38 0

转载 从 URL 输入到页面经历了什么过程

输入网址回车 域名解析到对应IP 服务器webserver处理请求 返回html字符串 浏览器解析渲染 遇到link、image、script等继续请求返回 基本概念 URL(Uniform Resource Locator 统一资源定位符 常见的协议有:http(最常见的网络传输协议)、ht...

2020-07-10 10:36:37 22 0

原创 vue使用echart画圆环

<div ref="myCharts" class="chartBox_d"></div> mounted() { this.initEcharts("myCharts"); }, ...

2020-07-06 17:35:06 35 0

原创 Element UI 框架中Loading 区域加载的使用方法

function startLoading() { clearSettimeout = setInterval(() => { loading = Loading.service({ lock: true, text: "努力加载中……"...

2020-06-24 11:42:51 246 0

原创 js数组与字符串的相互转换

一、数组转字符串 需要将数组元素用某个字符连接成字符串,示例代码如下: var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素 c = a.join('�...

2020-06-24 08:47:10 52 0

原创 vue3.0和vue2.0的区别

举例说明: 实现监听鼠标移动坐标 vue2.0写法 <template> <div> <div> x:{{x}} <br> y:{{y}} </d...

2020-06-15 16:14:38 524 0

原创 前端开发中pdf、word直接在线预览功能解决方案

问题 公司项目中会遇到需要直接预览word,pdf文件的,开发过程中可谓想尽办法,使用各种插件,但是效果可能并不是很好,而浏览器对pdf的在线预览也是一般,会出现很多的问题, 我推荐大家使用永中云转换(https://api.yozocloud.cn/)进行word,pdf等文件的在线...

2020-06-12 11:58:54 414 0

原创 pc在线预览word,pdf文件

预览word <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp...

2020-06-05 11:32:11 107 0

原创 js中如何删除数组某个元素

JavaScript中如何删除数组某个元素, 通过索引删除 arr.splice(0,1)表示删除数组的第一个, arr.splice(1,1)表示删除从第二个开始,长度为1个的元素。

2020-06-05 10:55:13 101 0

原创 js把分钟转化成多少小时多少分钟

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-06-03 16:06:38 145 0

原创 JS获取url参数

以下JS函数用于获取url参数: function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("...

2020-06-03 11:25:32 39 0

原创 vue+vue-pdf+element写pdf预览

<el-dialog :title="title" :visible.sync="dialogVisible" width="60%"> <pdf ref="pdf" :src="...

2020-05-26 16:23:13 134 0

原创 element ,vantUI写数据加载延时出现loading

element: let loading; // 出现请求过慢时loading出现 var clearSettimeout; function startLoading() { clearSettimeout = setInterval(() => { loading = ...

2020-05-26 10:28:35 67 0

转载 js中new一个对象的过程

1. 创建空对象;   var obj = {}; 2. 设置新对象的constructor属性为构造函数的名称,设置新对象的__proto__属性指向构造函数的prototype对象;   obj.__proto__ = ClassA.prototype; 3. 使用新对象调用函数,函数中的...

2020-05-25 13:46:56 54 0

原创 移动端写弹窗组件,蒙版

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-22 17:32:17 42 0

原创 css使html 文字90度旋转

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-20 11:05:46 252 0

转载 vue 动态加载图片路径

在用vue-cli脚手架生成的vue项目开发中,动态加载图片本地运行没有问题,但是打包后图片无法显示,图片路径404找不到, 相关代码如下: <template> <img :src="signalIconSrc['1']" c...

2020-05-14 16:34:51 166 0

原创 原生js写图片放大效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-13 15:25:55 80 0

原创 声明ie内核用chrome渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

2020-05-13 10:56:04 55 0

原创 vue+element 做滑动出现遮罩层效果

<template> <div class="homeCom maxCom"> <div class="content-djnr"> <h3 class="content-title...

2020-05-11 11:52:13 194 0

原创 js随机从数组中取出1个元素

var arr = [1, 2]; var a = arr[Math.floor(Math.random() * arr.length)]; console.log(a) // a随机为1或者2

2020-05-09 15:42:33 89 0

原创 ES6的转码配置gulp

工具配置法: 实际上,我们可以通过前端自动化的很多工具来实现ES6的转码配置,比如,常见的grunt、gulp、Webpack和Node等。下面我就简单的说下我较为熟悉的gulp配置法。 点击此处到Babel中文官网Tool配置页面:Babel Tool 2.1) 首先,我们需要在项目中安装g...

2020-05-06 16:18:05 74 0

原创 七牛云,js前端获取token上传思路demo

html代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>七牛云 - JavaSc...

2020-05-06 11:16:25 455 0

转载 IE兼容ES6

随着前端技术的发现,es6语法在被更大范围的使用,而很多的浏览器并不支持ES6,比如IE…… 这里我们介绍几个解决方法。 一、使浏览器兼容ES6基本语法 在引入其他脚本前先引入browser.min.js。(脚本下载地址:开发版本browser.js;生产版本browser.min.js。) ...

2020-05-06 09:54:20 136 0

原创 vue h5移动端禁止缩放

//安卓 //在index.html里面写 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0&qu...

2020-04-29 14:11:22 86 0

转载 Cookie, LocalStorage 与 SessionStorage

基本概念 Cookie Cookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存...

2020-04-27 14:06:48 49 0

原创 微信授权流程

2020-04-27 11:47:13 70 0

原创 js字符串多条件数组分割

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-04-24 18:00:40 92 0

提示
确定要删除当前文章?
取消 删除