自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

转载 linux常用命令(持续更新)

切换到root超级管理员:su+密码;root切换到普通用户:exit;创建用户:useradd + 用户名;创建用户密码:passwd + 密码,(密码需要输入2次);修改用户密码:passwd + 用户名;修改用户名:sudo vi /etc/hostname;重启:reboot;转载于:https://www.cnblogs.com/sherlo...

2019-09-19 23:47:00 124

转载 Vue ERROR TypeError: Cannot read property 'upgrade' of undefined

跑vue项目的时候报错,最后终于解决,链接地址如下:https://segmentfault.com/a/1190000019532841;截图如下(*.env中要定义变量,注释掉也会报错):转载于:https://www.cnblogs.com/sherlock-Ace/p/11320224.html...

2019-08-08 11:40:00 954

转载 hbuilder-x使用js-beautiful格式化代码

作为一个前端,编辑器自是不可获取,编辑的时候也必然涉及代码格式的问题;好的代码格可以提高代码的阅读和编写效率;我用的是hbuilder-x,这里推荐一篇文章,有兴趣的朋友可以看看;文章链接:https://blog.csdn.net/weixin_43343144/article/details/90043961;另外,图1 的这种效果可以通过图2设置这样属性得到;图1:...

2019-08-03 23:16:00 1376

转载 css清除浮动

1、浮动产生负作用1.1、背景不能显示;1.2、边框不能撑开;1.3、margin/padding值不能正确显示;2、清楚浮动方法2.1、父元素设置高度;2.2、父元素overflow:hidden;2.3、浮动元素尾部增加标签,添加clear:both样式;转载于:https://www.cnblogs.com/sherlock-Ace/p/11249...

2019-07-26 13:48:00 105

转载 Cascader实现动态加载三级分类

这里以省市区为例子,废话不多说,直接上代码:html:js:效果图:相关的信息备注里都有,这里就不赘述了,学习中,欢迎交流,打完收工。转载于:https://www.cnblogs.com/sherlock-Ace/p/11217209.html...

2019-07-20 11:47:00 1201

转载 .git配置文件

我们一般都会直接用git命令进行操作,但是今天发现了一种新的方法,这是就可以通过配置.git 里的config文件进行配置(这里mark一下):例如:1、修改仓库地址:修改[remote "origin"]下的url = 新的git地址;持续跟新。。。转载于:https://www.cnblogs.com/sherlock-Ace/p/...

2019-07-08 10:07:00 107

转载 安装vue-devtools教程

网上资源很多,就不赘述了,链接在下边,亲测有效(欢迎交流);https://jingyan.baidu.com/album/ae97a646139a17bbfd461daf.html?picindex=3转载于:https://www.cnblogs.com/sherlock-Ace/p/11096374.html...

2019-06-27 13:03:00 57

转载 好用的npm命令(会一直更新)

这里只写一些npm进阶方面的命令:1、配置和删除代理:npm config set proxy path 以及npm config set https-proxy path,删除使用npm config delete proxy/https-proxy;转载于:https://www.cnblogs.com/sherlock-Ace/p/11095628.html...

2019-06-27 10:37:00 111

转载 node-sass安装终极方案

hello,大家好!ace今天在这里分享一个安装node-sass的终极方案(贼好用!嘿嘿嘿)前言:作为21世纪的前端来说,vue都不陌生,如果你还没有开发过vue的项目的话(嘿嘿,感觉有点low了呀);项目pull完后的npm install(读取package.json文件安装项目所需依赖) 是让项目跑起来的第一步,而这一步出现最多的问题估计也就是安装依赖失败了吧;一般也...

2019-06-27 10:27:00 192

转载 vue页面保存为pdf

这个功能应该比较常见,网络上的资源也不少就不写了。原文在这里,就不赘述了:https://blog.csdn.net/pratise/article/details/79249943#commentsedit我这里就优化补充一点:原文中的dom是写死的,对于这点可以在调用的时候进行传参解决(当然源码htmlToPdf.js要改一下)。另外,看到很多道友提出导出多...

2019-06-13 09:39:00 239

转载 生成二维码并以图片格式下载-qrcodejs2

最近在做项目,碰到票据完成后的生成二维码以及提供下载功能,这里谈谈个人实战经验:先上代码:引入:  html:  js:  说明:  网上文章里提到的插件很多,但是好像并不是都有用(有点坑),实践之后发现“qrcodejs2”这个是有效的;生成二维码:  调用createQr()方法,获取后台返回的qrUrl(这个大家都懂的老),并将其作...

2019-06-07 10:06:00 1776

转载 阿里 icons的使用(其实可以很简单)

hello,大家好!本着开源的精神,我今天给大家分享一个在线使用阿里icons的办法(至于好用不好用,谁用谁知道)。大家有钱没钱的都过来瞧瞧呀!(哎呀,说的太好了,看来又要解锁一门新技能了)步骤:1、首先,你得有一个阿里icon的账号吧,这个就不多说了;2、其次,创建一个项目,并往里添加你要用的图标;效果图如下:attention please: 这里2点...

2019-06-01 23:33:00 814

转载 单页面应用和多页面应用

单页面VS多页面应用  单页应用 优点:页面切换快(通过js来进行页面切换,并不请求html文件,使页面切换快)       缺点:首屏时间稍慢 (浏览器一开始会加载必需的HTML、CSS和JavaScript,然后在通过js进行操作,即请求一次html,在请求一次js,都返回来才可以)          SEO差 (浏览器只认识HTML内容 不认识...

2019-05-25 12:40:00 218

转载 计算属性传参

谁说传不了参的,闭包忘了?:data="closure(item, itemName, blablaParams)"computed: { closure () { return function (a, b, c) { /** do something */ return data } }}亲测有效转...

2019-05-25 12:39:00 757

转载 git中用的不多但又很实用的命令(持续更新中...)

废话不多说,需要自取:1、git push origin --delete 分支名:删除远程分支;2、 git branch -d 分支名:删除本地分支;3、 git branch -a: 查看所有分支(本地分支-绿色,远程分支-红色);4、ssh-keygen -t rsa -C "你的帐号名":生成key;5、git上添加公钥:Please make sure ...

2019-05-25 12:37:00 108

转载 JS在if中的强制类型转换

这个属于很基础了,但是却很有用,需要的补个坑吧:JS在很多情况下会进行强制类型转换,其中,最常见两种是:  1.使用非严格相等进行比较,对==左边的值进行类型转换;  2.在if判断时,括号内的值进行类型转换,转化为布尔值;强制转换为false的四种情况在if中进行强制转换为false的情况只有四种,分别是:  1.数字0  2.NaN  3.空字符串...

2019-05-05 14:20:00 142

转载 js内的合并对象Object.assign()

废话不多说,直接上代码:var o1 = { a: 1 };var o2 = { b: 2 };var o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3);console.log(obj); // { a: 1, b: 2, c: 3 }console.log(o1); // { a: 1, b: 2, ...

2019-05-05 14:07:00 210

转载 vue 粘贴复制功能 vue-clipboard2

在逛帖子的时候经常会看到很多好的代码,需要复用一下;当然可以直接选中复制,但有些时候会直接提供复制的功能,这是如何实现的呢?多番查找资料,发现Vue中是通过使用Vue-clipboard2实现的;因为网上的资料已经够多了,就不赘述,直接引用了:1、安装引用npm install --save vue-clipboard2 import Vue fro...

2019-05-03 00:03:00 299

转载 pc端自定义密码支付框组件(仿支付宝)

最近在写几个基于Vue的后台管理系统,期间碰到支付的问题,找了好久都没找着,索性就自己写一个,欢迎指教;废话不多说,直接上代码:1、主要用到js的一些基础知识(很底层);2、全局注册支付框组件(必须的嘛);import payBox from './components/payBox';Vue.component('payBox',payBox)3、组件代码(重点...

2019-05-02 18:10:00 570

转载 基于Vue的Vue-Quill-Editor富文本编辑器

先看效果图: 下载Vue-Quill-Editor  npm install vue-quill-editor --save下载quill(Vue-Quill-Editor需要依赖)  npm install quill --save代码<template> <div class="edit_co...

2019-05-02 12:15:00 102

转载 VUE-地区选择器(V-Distpicker)

V - Distpicker 地区选择器环境问题不多说,自己看文档,主要讲一下在实际使用过程中如何将下拉框的值赋值到对象属性上.文档: https://distpicker.pigjian.com/github: https://github.com/jcc/v-distpicker项目运用:1.表单<el-form-item label="地区"> <v-distp...

2019-04-30 23:55:00 473

转载 理解域名插槽:slot-scope

作用域插槽 | 带数据的插槽最后,就是我们的作用域插槽。这个稍微难理解一点。官方叫它作用域插槽,实际上,对比前面两种插槽,我们可以叫它带数据的插槽。什么意思呢,就是前面两种,都是在组件的template里面写匿名插槽1<slot></slot>具名插槽1...

2019-01-16 14:58:00 187

转载 Vue指令的钩子函数使用方法

在Vue 中可以把一系列复杂的操作包装为一个指令。什么是复杂的操作?我的理解是:复杂逻辑功能的包装、违背数据驱动的 DOM 操作以及对一些 Hack 手段的掩盖等。我们总是期望以操作数据的形式来实现功能逻辑。钩子函数对于自定义指令的定义,Vue2 有 5 个可选的钩子函数。bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的...

2019-01-15 13:51:00 883

转载 数组的filter()方法

filter()也是一个用的不多的方法,但有时候还是比较有用的;首先,Array.filter()是数组的方法,它作为数组方法被调用,传入一个callback,返回Array中符合callback条件的元素组成的新数组;转载于:https://www.cnblogs.com/sherlock-Ace/p/10231246.html...

2019-01-07 02:21:00 544

转载 js delete 操作符

delete操作符很陌生,很少会用到,但是既然碰到了,就mark一下;delete 操作符用于删除一个对象的属性;注意点:只能删除自己的属性,从原型链上继承的属性是无法删除的;转载于:https://www.cnblogs.com/sherlock-Ace/p/10231244.html...

2019-01-07 02:18:00 68

转载 js中contains()方法的了解

今天第一次碰到了contains()方法,处于好奇了解了一下;发现在某些场合还是挺有用的。contains(),js原生方法,用于判断DOM元素的包含关系;需要注意的是:它以HTMLElement为参数,且返回布尔值。另外:最近在看element-ui源码的时候发现它内置的clickOutside指令实现单机目标元素外部关闭目标元素的核心方法也是contains(所以在类似的...

2019-01-07 01:46:00 13398

转载 绝对地址、相对地址、/、./、../之间的区别

有段时间一直搞不明白绝对地址、相对地址之间的区别,这次一次性搞定,不重蹈覆辙(希望对大家有帮助):1、概念:绝对地址:相对根目录的地址(根目录大家都知道的,就是完整url最前边的那个啦);相对地址:即相对当前页的地址;/:根;./:当前级;../:上一级。2、来个demo更好理解:2个常见的地址below:<script type="text/j...

2018-11-21 23:39:00 4411

转载 关于应用版本号的更迭

一、应用版本更迭的必要性一款产品从无到有,从孵化到呱呱坠地,需要经历了一个完整的生命周期,这里面包括:产品战略、产品市场、产品规划、产品需求、产品开发、产品上市、产品市场管理总共7个部分;产品管理则是对产品生命周期进行管理;当产品上市发布后,随之而来的每次更迭,修补,新增都是为了产品更加丰满、健壮、具备竞争力;所以,产品管理中对产品每次版本的定义显得尤为重要,版本的定义能够清晰的...

2018-11-21 01:25:00 203

转载 js延迟加载优化页面响应速度

网页打开速度是衡量网站性能的一个极为重要的指标,今天就来说说如何通过JS延迟加载的方式提高页面响应速度:JS延迟加载的含义:即等页面加载完成之后再加载 JavaScript 文件。作用:JS延迟加载有助于提高页面加载速度。途径:1. defer 属性HTML 4.01 为 <script>标签定义了 defer属性。 用途:表明脚本在执行时不会影响页面的构造。...

2018-11-09 00:38:00 732

转载 不得不知的npm常用指令

前端进阶肯定会遇到npm(包管理工具)的使用,下面是我总结的一些比较实用的npm指令:npminstall<name>安装nodejs的依赖包例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6npminstall<name&...

2018-11-07 14:14:00 71

转载 提示框中的三角边框

之前碰到了鼠标悬浮目标元素出现提示信息的功能需求,其中对顶部的三角的外边框如何生成的产出了兴趣。下面是我认为的比较便捷的实现方法:原理:归根结底都是2三角叠加,这里是利用特殊符号&#9670;(亲测应该是比较好用的)<!--带边框三角的制作--> <div style="position: relative;border: 1px solid #000...

2018-11-07 10:08:00 137

转载 不得不提的前端性能优化

对于广大的前端开发人员来说,网站构建本是家常便饭;其中也不得不涉及到性能优化的问题。之前也有接触过,今天总结一下这方面的技巧,下面是我的一下认知,欢迎探讨:Number One:加载优化减少HTTP请求。因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个。a) 合...

2018-11-07 09:38:00 99

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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