自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 线上仓库代码回滚

接着执行 git reset --hard xxxxxxxx xxxxx指的是需要回滚到的commit的提交头。1.然后执行 git push -f origin xxxxx xxxxx指的是线上仓库分支名。先本地执行 git reflog指令,查看commit提交头。2.sourceTree上强制推送也可以。

2024-03-20 18:00:31 75

原创 SourceTree使用方法

获取(fetch):用处更多的是用来查看对于你本地仓库的状态来说远程仓库是否有更新,仅此而已,并不会使你的本地仓库发生改变。混合合并是指将此次提交回滚到指定的位置,但这个过程中不会将修改过的文件暂存到暂存区,而是将修改过的文件存放在未暂存文件区。提交(commit):将暂存文件上传到本地仓库(我们在Finder中对本地仓库做修改后一般都得先提交一次,再推送)合并(merge):将多个同名文件合并为一个文件,该文件包含多个同名文件的所有内容,相同内容抵消。分支(branch):创建/修改/删除分枝。

2023-07-05 21:13:30 746

原创 H5自定义滚动条

这时需要执行refresh(刷新)方法,在插件内执行destroy方法,将removeEventListener放在this.events.destory中,利用sendEvent执行,这会销毁掉在tap中用户绑定的自定义方法。相比上一个测试版本(详见上一篇博客),我在这个版本支持了滚动动画,并且加入了Tap事件和destroy方法。1、支持用户自定义事件绑定到列表元素上,我采用用户传入dom和自定义的方法,利用tap接口传入插件,在插件中做tap的处理和回调。1、隐藏或显示滚动条,自定义滚动条样式。

2023-05-30 11:41:29 690

原创 安装vue.js devtools工具

第三:这一步初学者特别容易搞错,开启vuejs devtools程序之后,点击图标还是无法点亮图标。主要的原因是vuejs devtool必须要监视到页面是一个vue项目才能进行调试。3.进入vue-devtools\node_modules\vue-devtools\vender,修改manifest.json中的"persistent"值为true。创建一个vue程序,运行,按f12进入调试模式,这时候会发现有一个vue的选项。如果你看到这,恭喜你,看到全网解决这个问题的方法!5.重启浏览器即可生效。

2023-02-08 15:25:14 203

原创 vue 项目, 父组件中每次点击按钮重新加载子组件,(重新生成dom 元素)

1.vue是组件化开发的项目,很多情况下会把公共组件提取出来,来减少代码量,提高开发效率,和以后更好的可维护性。很多情况下,父组件中都会引用子组件这种情况。通过给在父组件中引用的子组件标签上添加属性,来渲染可以拥有不同数据的子组件。但是vue 的组件有个特点,如果我们这一次和上一次传过去的属性值一样的话,watch 监听的属性因为没有新的变化(这次的值和上一次的值一样watch 中调用的函数不执行),导致对应的数据也没有变化。created() 生命周期函数也是只执行一次。(很尴尬,让我这个用惯了react

2022-03-22 13:51:24 3841 1

原创 table表格数据无缝循环滚动

1.HTML <div class="tbl-header"> <table border="0" cellspacing="0" cellpadding="0"> <thead> <tr> <th>排名</th> <th>地市</th>

2021-05-07 19:23:23 1170

原创 怎么复制el-button的内容

怎么复制el-button的内容1.button设置下user-select: unset;,element把button、th等很多东西都设置了禁止选中user-select: none;

2021-04-16 17:30:42 951

原创 vue 解决provide和inject响应

父组件data() { return { name: 'liu' }}provide() { return { name: this.change } },change() { return this.name },子组件inject:{ name: { default:()=>{} }, },this.name()

2021-03-09 09:35:21 109

原创 element ui tree树形控件加提示信息

<el-tree :data="tieLinedata" :props="defaultProps" @node-click="handleNodeClick"> <span class="span-ellipsis" slot-scope="{ node, data }"> <span :title="node.label">{{ node.label }}</span> ...

2021-03-05 18:36:17 372

原创 jsweixin引入时报错Cannot read property ‘title‘ of undefined

jsweixin-1.2.0配合Vue. 引入方式是最简单的直接importimport ‘@/vendor/wxLogin.js’import ‘@/vendor/jweixin-1.2.0.js’解决方法:这个问题的原因是,里面在执行的时候出的问题,这个js期望实在浏览器全局作用域下执行(this指向window),但是webpack之后,是在一个function作用域下执行,因此this.document为undefined因此有几种方式修改:1.改源码,将jweixin-1.2.0.js

2021-01-18 17:32:13 2357

原创 点击复制功能

<p class="inviteCode" id="inviteCode" v-text="short_url" v-show="0"></p> <p class="invitation-member-team"> <span class="invitation-member-team-span" @click="invMember">邀请</span>更多成员加入团队吧! </

2020-09-14 11:10:33 1141

原创 爬坑日记(css篇:实现渐变圆角)

.personal-img-box { width: 73px; height: 73px; box-sizing: border-box; background-image: linear-gradient(#fff, #fff), linear-gradient( to bottom right, rgba(21, 74, 216, 1), rgba

2020-08-27 16:49:53 100

原创 爬坑日记(vue中用防抖)

js文件里导出export function throttle (fn, delay) { // 利用闭包保存时间 let prev = Date.now() return function () { let context = this let arg = arguments let now = Date.now() if (now - prev >= delay) { fn.apply(context, ar

2020-08-27 16:44:28 107

原创 解读element-ui-----this.$message() (Vue.extend())

点击进入

2020-08-13 14:43:50 359

原创 爬坑日记

for循环大于50大于100大于150以此类推![实现逻辑](https://img-blog.csdnimg.cn/20200812152807707.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lsbGxsbGxsbGxsbGxs,size_16,color_FFFFFF,t_70#pic_center)...

2020-08-12 15:28:43 85

原创 爬坑日记(element-ui分页器的bug)

爬坑日记(element-ui分页器的bug)一、:current-page.sync="变量 + 1"会报错应写成:current-page.sync="变量 变量在函数中进行计算"二、如果规定一页有十条数据但当前页未满10条,此时当前页为1处于高亮状态。当添加到11条时,当前页应该为2且处于高亮。element的分页器并未渲染上去此时需要以下方法//定义一个点击事件在分页器上绑定 v-if=“pageshow ”,当dom刷新的时候触发this.$nextTickfun(){ thi

2020-08-12 15:23:31 486 1

原创 vue中实时监听本地存储

vue中实时监听本地存储在main.js中Vue.prototype.$addStorageEvent = function (type, key, data) { if (type === 1) { // 创建一个StorageEvent事件 var newStorageEvent = document.createEvent('StorageEvent'); const storage = { setItem: function (k, val) {

2020-08-12 14:16:20 1858 1

原创 css面试题

一、请解释relative、fixed、absolute和static的区别详情二、请解释你对盒模型的理解box-sizing:border-box:width为 border+padding+content,不管padding和border设置多少,都会保持这个宽度。box-sizing:content-box:视觉上的宽度会因为border和padding的改变而改变。box-sizing: content-box;(标准模型,默认) box-sizing: border-box;(IE

2020-07-19 15:36:45 135

原创 面试概念题

instanceof只有字符串、数值、布尔用new String(), new Number(),new Boolean(),声明的为true用字面量声明为false一、输入完网址按下回车,到看到这个网站这个过程发生了什么?域名解析发起TCP的3次握手建立TCP连接后发起http请求服务器端响应http请求,浏览器得到html代码浏览器解析html代码,并请求html代码中的资源6.浏览器对页面进行渲染呈现给用户二、请列举前端性能优化策略首屏加载时减少HTTP请求图片与组件懒加载图

2020-07-18 22:10:56 190

原创 图片预览功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片预览</title> <style> #main { w

2020-07-17 14:33:22 163

原创 css border实现图形

div{ margin: 50px; width: 100px; height: 100px; background: red;}/* 半圆 */.half-circle{ height: 50px; border-radius: 50px 50px 0 0;}/* 扇形 */.sector{ border-radius: 100px 0 0;}/* 三角 */.triangle{ width: 0px; height

2020-07-14 16:24:46 179

原创 zepto和jQuery的区别

zepto可以说是jQuery的子集,按照官方文档来说,会jQuery就会zeptoZepto更轻量级Zepto是jQuery的精简,针对移动端去除了大量jQuery的兼容代码部分API的实现方式不同区别:1.zepto主要用于移动端2,Dom操作的区别:添加id时jQuery不会生效而Zepto会生效。3,事件触发的区别:使用 jQuery 时 load 事件的处理函数不会执行;使用 Zepto 时 load 事件的处理函数会执行。4,事件委托的区别:5,width()和height()

2020-07-14 16:01:27 315

原创 防抖和节流

节流:在规定时间内只触发一次function throttle (fn, delay) { // 利用闭包保存时间 let prev = Date.now() return function () { let context = this let arg = arguments let now = Date.now() if (now - prev >= delay) { fn.apply(context, arg) prev =

2020-07-13 19:30:16 93

原创 js逻辑题

判断一个字符串中出现次数最多的字符,并统计次数、1.var s = 'aaabbbcccaaabbbaaa';var obj = {};var maxn = -1;var letter;for(var i = 0; i < s.length; i++) { if(obj[s[i]]) { obj[s[i]]++; if(obj[s[i]] > maxn) { maxn = obj[s[i]]; letter = s[i]; }

2020-07-13 11:07:42 237

原创 前端常用链接地址、常用逻辑代码

1.掘金: Webpack搭建项目:1.正则表达式:验证帐号是否合法:验证帐号是否合法:/^[a-zA-z]\w{3,15}$/手机号码:/^1\d{10}$/电话号码:/^0\d{2,3}-?\d{7,8}$/邮箱:/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/

2020-07-02 16:53:44 306

原创 这个用js怎么写??

求s=a+aa+aaa+aaaa+aa…a的值,其中a是一个数字。例如2+22+222+2222+22222(此时共有5个数相加),几个数相加由用户输入, 比如用户输入2,5, 则2为数字,5代表5个数相加 :例如: 2+22+222+2222+22222...

2019-11-06 20:18:59 198 6

空空如也

空空如也

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

TA关注的人

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