自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

WEB_CSDN_SHARE的博客

专注WEB前端

  • 博客(47)
  • 收藏
  • 关注

转载 Git常用命令大全

Git常用命令及方法大全下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库本地分支关联远程:git branch --set-upstream-to=origin/beta beta一、新建代码库...

2018-02-02 21:33:44 48637 15

原创 Echarts常见问题

折线图多次渲染折线条数变多chart.setOption(option, notMerge, lazyUpdate); option 图表的配置项和数据,具体见配置项手册。 notMerge 可选,是否不跟之前设置的option进行合并,默认为false,即合并。 lazyUpdate 可选,在设置完option后是否不立即更新图表,默认为false,即立即更新。 silent 可选,阻止调用setOpti...

2020-11-24 19:00:43 808 2

原创 vue中使用mixin

https://www.npmjs.com/package/sass-resources-loader

2019-11-05 10:04:11 291

原创 workbench链接mysql报错

mac使用workbench链接mysql时报错:Authentication plugin ‘caching_sha2_password’ cannot be loaded: dlopen(/usr/local/mysql/lib/plugin/caching_sha2_password.so, 2): image not found。问题:在连接数据库时不能加载‘caching_sha2_...

2019-10-24 18:51:20 494

原创 git-命令行-使用 git stash 暂存代码

这个命令的场景:当我们在某分支开发功能的时候,功能开发到一半,业务方突然传来一个噩耗,有一个bug需要紧急处理一下,优先级为0,这时我们该怎么办呢???提交我们的修改--这样会产生一次无意义的提交 放弃我们写的代码--我们并不傻那我们该怎么办呢?方案//使用stash命令将修改还未提交的代码存储到缓存区git stash//切换到需要解决bug的分支git check...

2019-08-01 18:22:36 2960

原创 vue-template-admin打包后背景图片资源找不到

方案一:更改build/utils.js文件中ExtractTextPlugin的配置:if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath: '../../', // 配置publicPathfallback: 'vue-style-loader...

2019-08-01 16:55:17 819

转载 vue-cli3.0开发组件并发布到npm

一、技术栈如何通过新版脚手架创建项目,这里就不提了,自行看官方文档。vue-cli3: 新版脚手架的库模式,可以让我们很轻松的创建打包一个库 npm:组件库将存放在npm webpack:修改配置需要一点 webapck 的知识二、大纲想要搭建一个组件库,我们必须先要有一个大概的思路。规划目录结构 配置项目以支持目录结构 编写组件 编写示例 配置使用库模式打包编译 ...

2019-07-11 15:12:56 2380 2

转载 变量提升和原型链

function Foo() { getName = function () { console.log('1'); }; return this;}Foo.getName = function () { console.log('2');};Foo.prototype.getName = function () { console.log('3...

2019-05-24 18:10:54 243

转载 vue项目中命名方式

vue 项目中命名方法命名命名的方法通常有以下几类:命名法说明 1).camelCase,形如thisIsAnApple 2).PascalCase,形如ThisIsAnApple 3).下划线命名法,形如this_is_an_apple · 4).kebab-case,形如this-is-an-apple说明:所有的名称,包括文件名都作为大小写敏感来处理JS根据不...

2019-04-26 16:51:47 867

转载 浏览器的缓存机制

浏览器缓存机制详解概述浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种:HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体(只有POST才有报文主体),如下图HTTP响应(Respons...

2019-04-16 11:33:16 145

原创 vue监听对象

1.简单数据监听var app = new Vue({ data() { return { a: 1 } }, watch: { a(newVal, oldVal) { console.log(newVal + '--' + oldVal) } }...

2019-04-09 17:23:54 1008

转载 事件捕获和事件冒泡

Javascript与HTML之间的交互是通过事件实现。一、事件流事件,是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流,描述的是页面中接受事件的顺序。IE9,chrome,Firefox,Opera,Safari均实现了DOM2级规范中定义的标准DOM事件,而IE8和IE8以下版本仍然保留专有的事件处理方式。事件冒泡事件冒泡是由IE开发团队提出来的,即事件开始时由最具体的元素...

2019-03-27 15:12:52 208 1

转载 jquery插件怎么写???

;(function($, window, document, undefined){})(jquery, window, document)经常看到许多jquery插件是这种形式:; (function($, window, document, undefined){}){//...code}(jquery, window, document)1.自调函数(fun...

2019-03-15 10:15:35 283

原创 不改变URL实现锚点

1.给元素绑定事件并传参(参数为想要到达位置元素的id)<span onclick="toPlace('#box')"></span><div id="box"></div>2.使用document.querySelectorroPlace(id) { document.querySelector(id).scrollIntoVie...

2019-03-11 19:08:41 743

转载 项目携带历史版本信息迁移

迁移git 项目地址,想保留原有分支和提交怎么办???步骤:1.先克隆老项目的镜像 git clone --mirror old.git(old.git 为老项目的git地址)2.进入老项目的目录 cd old.git3.移除老项目的地址替换成新项目 git remote set-url --push origin new.git(n...

2019-03-07 10:54:45 237

转载 入门Webpack

2018年8月25日更新,目前 webpack 已经更新值 4.17.1 ,本文所用到的各种库或多或少有些过时,跟着代码操作下来可能会遇到各种问题,不过 webpack 的主体思想没变,所以还是希望本文对新学 webpack 的你,有所帮助。此外用基于 webpack 4.17.1 写了一个简单的demo,如果遇到啥问题,可以参考,之后应该会逐步来完善这个demo,如果有啥通用的想实现的功能,也...

2018-12-28 17:39:00 163

原创 v-infinite-scroll懒惰加载

安装npm i vue-infinite-scroll -Dvue项目中引用在main.js入口文件里面引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)使用在滚动条所在元素最后方添加<div v-infinite-scroll="loadMore" infini...

2018-12-20 10:04:01 3697

原创 刷题网站

http://scriptoj.mangojuice.top/https://leetcode-cn.com/problemset/all/https://leetcode.com/

2018-12-03 17:52:59 2717

原创 js继承

https://www.cnblogs.com/humin/p/4556820.html

2018-11-29 18:19:27 132

原创 可枚举与不可枚举属性

https://www.cnblogs.com/kongxy/p/4618173.htmlhttps://www.cnblogs.com/lxk0301/p/7235319.html

2018-11-29 18:07:04 279

转载 Object.defineProperty()

对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式,还可以使用Object.defineProperty定义新属性或修改原有的...

2018-11-29 17:36:27 252

转载 事件冒泡、事件捕获和事件委托

事件流  JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件,以便事件发生时执行相应的代码。  事件流的起源:就是在浏览器发展到第四代的时候,浏览器开发团队遇到一个问题:页面的哪一部分会拥有某个特定的事件?要明白这个问题问的是什么,可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上,那么你的手指指向的...

2018-11-28 17:38:42 181

原创 修改vuex的state

1、直接赋值this.$store.state.xxx.xxx = xxx2、使用commit提交mutationthis.$store.commit("xxx",...)或者this.$store.dispatch("xxx",...)区别:开启严格模式,仅需在创建 store 的时候传入 strict: trueconst store = new Vuex.S...

2018-11-08 16:11:57 756

转载 Promise

众所周知的,Javascript是一种单线程的语言,所有的代码必须按照所谓的“自上而下”的顺序来执行。本特性带来的问题就是,一些将来的、未知的操作,必须异步实现(关于异步,我会在另一篇文章里进行讨论)。本文将讨论一个比较常见的异步解决方案——Promise,时至本文最后更新的日子,Promise的应用已经极其广泛。Promise解决的问题我相信每个前端都遇到过这样一个问题,当一个异步任...

2018-11-07 14:59:32 163

原创 axios在vue中的简单配置与使用

一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的I...

2018-11-07 14:59:11 809

转载 原生Ajax请求

原生封装AjaxAjax的实现主要分为四部分:1、创建Ajax对象// 创建ajax对象var xhr = null;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();} else { //为了兼容IE6 xhr = new ActiveXObject('Microsoft.XMLHTTP');...

2018-11-07 14:58:52 1189

原创 vue项目移动端rem适配

在index.html的head里添加&lt;script&gt; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //...

2018-07-30 10:21:13 1080 3

原创 vue-cli2.0项目框架

https://github.com/PingFuLiu

2018-07-30 10:13:52 340

原创 vue页面fav icon

1.PC端index.html的head中添加&lt;link rel="shortcut icon" type="image/x-icon" sizes="72x72" href="http://www.iswweb.com/images/favicon.ico" media="screen" /&gt; 2.移动端index.html的head中添加&lt;

2018-07-30 10:10:37 1079

原创 vue的生命周期函数

详解Vue Lifecycle先来看看VUE官网对VUE生命周期的介绍Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 实例、组件通过ne...

2018-07-26 11:18:10 343

原创 编程小技巧

1.数字字符串转数字    数字字符串前面加一个“+”号:    +"1234567"    +"7654321"2.数字转数字字符串    数字后面加上“+""”    1234567+""    7654321+""3.字符串拼接    可以用 空格+“\” 代替“'+'”var str = '&lt;div class="layui-row m

2018-06-05 18:44:12 235

原创 jqery.qrcode.js二维码生成

qrcode二维码插件

2018-05-30 11:18:00 245

原创 vue中的跨域问题

vue跨域解决方法vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“请求资源上没有'Access-Control-Allow-Origin'标头”这种跨域错误。要想本地正常的调试,解决的办法有三个:一、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问...

2018-05-29 17:30:39 396

原创 前端静态资源版本更新与缓存之——通过gulp 在原html文件上自动化添加js、css版本号

在引入文件路径后面加一个变化的标示:?v=当前时间

2018-05-14 11:58:06 419

原创 简单的编译器

富文本编译器

2018-05-09 19:07:24 630

原创 js中对URL进行转码与解码

1. escape 和 unescapeescape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。escape不编...

2018-04-16 16:56:41 18339

原创 vue的侦听器watch侦探对象的方法

1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2.对象属性的watchdata() {  return {   ...

2018-04-09 14:41:22 498

原创 三栏布局大全

三栏布局就是两边固定,中间自适应。如下图所示:红色和蓝色宽度固定,绿色宽度自适应,下面七种方法实现的最终效果跟这个差不多,可能会稍有不同。下面七种技巧各有千秋,在开发中可以根据实际需求选择适合自己的方法进行编码。1. 流体布局&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;style&gt; .left { ...

2018-03-22 16:48:11 278

原创 jquery中on绑定click事件在苹果手机上失效的问题

用一个div当做了一个按钮来使用。&lt;div class="button"&gt; &lt;div class=" next_button button_left btn_red" style="width: 345px;"&gt; 下一步 &lt;/div&gt;&lt;/div&gt;因为是动态添加的内容,所以想要使用click事件,需要给他

2018-03-15 17:14:59 497

原创 zepto API学习

看到别人说zepto和jQuery很像,那么zepto究竟有什么优势呢?比较:1、大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPhone和Android网页绝对是首选了.2、jquery主要是用在电脑的网页中了...

2018-03-15 15:22:26 265

空空如也

空空如也

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

TA关注的人

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