- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue.js自动提取标题生成右侧目录（实现监听滚动，锚点定位）
效果图如下：代码：<template> <div class="icon-sources-wapper wapper"> <el-breadcrumb class="icondetials_header" separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/resources' }">组件库</el-breadcrumb-
2020-07-28 15:50:07
4691
7
原创 vue实现滚动监听，锚点定位的目录（根据文章浏览位置，目录高亮相应标题）
先上效果图跟代码，然后逐步分析思路跟方法的作用<template> <div class="container"> <div class="wrapper"> <div class="section" style="height:500px;width:100%" v-for="(item, index) in list" :key="index" :style="{'height':index==0?'1000px':'500px'}"
2020-07-17 16:41:15
7023
1
原创 如何将大于10M的文件从本地推送到gitee指定仓库的指定分支中
1.首先要获取远程仓库的分支信息，要将远程仓库clone到本地，在本地仓库右键运行git bash here（如果本地文件夹没有初始化，用git init初始化，出现.git文件就表示初始化成功了）2.用$ git clone https://gitee.com/码云用户名/仓库名.git将远程仓库中信息clone到本地仓库中，下面是我的远程仓库信息所以我的是clone成功后文件夹中会出现克隆的远程仓库用cd命令进入文件夹,并dir查看文件确认无误后用git branck -a查看本地及远程仓
2020-06-15 13:05:10
2626
1
转载 gitee安装与入门操作
详情见https://blog.csdn.net/qq_44966875/article/details/105636276
2020-06-12 23:44:34
1350
原创 微信小程序中如何携带参数跳转到tabBar页面
在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出 getInfo(){ let that = this; wx.r
2020-06-12 15:32:46
5484
1
原创 thirdScriptError Cannot read property setData of undefined at api request success
在微信小程序里面用this.setData({})设置data中的变量出现的问题，我出现问题的是一个request的请求，要把请求到的数据放到data中，这里看起来很正常，语法也没有错误，但是注意这里用的并不是箭头函数，所以函数内部的this指向的并不是函数外部环境的this，而是函数自身，所以没有办法将想要的数据存到data中而报错正确的做法：在request函数外面手动将一个变量设置为外部环境的this，然后在request内部使用该变量，使得指针可以成功指向外部环境的th.
2020-06-11 15:50:05
2255
原创 Page is not constructed because it is not found.使用小程序的tabBar时引发的问题
这是因为引用tabBar之后app.js中没有Page({})导致的错误加上以后页面不再报错
2020-06-11 10:39:56
891
原创 Vue的全局变量的使用,包括创建文件,引入,使用方法(新手向)
因为手机上的app没有携带浏览器,所以程序中用localstroge.setitem进行本地存储的变量都会失效,当手机上的app不能用localstroge.setItem时又想有全局可用变量,这个时候就可以引入全局变量**1.创建全局变量的js文件**这里的文件名可以随意取2.在src目录下的main.js文件中注册全局变量Vue.prototype.属性名 = 引入文件时自己起的名在vue页面中使用时就直接用this.属性名可以直接调用我们在全局变量中定义的值3.
2020-06-07 11:00:37
1151
原创 ES6-day03（三）(Promise对象调用ajax函数封装)
1.Promise对象调用ajax函数封装这里因为url,method,data这些形参的名字跟本来的ajax函数内的属性的属性名相同,所以这里可以把’属性名:属性值,’ 简写成 ‘属性名,’ //封装Promise对象,方便异步操作 类似myAjax function send(url,method,data){ //return promise对...
2020-05-08 16:03:17
183
原创 ES6-day03（二）(Promise对象(promise的两个状态,promise的then,catch,finally方法),Promise对象调用ajax函数)
1.Promise对象1.promise的两个状态//new Promise((形参1,形参2)=>{})这里的形参名字可以随意,但是尽量就用resolve reject原因第3大点会说 let promise = new Promise((resolve,reject) => { // resolve reject 是两个函数,可以改变...
2020-05-08 15:51:45
906
原创 ES6-day03（一） (数组去重复Set,Map(删除,获取元素,遍历元素,对象转数组),遍历器/迭代器)
1.数组去重复let arr = [30,20,20,20,30,10];let set2 = new Set(arr);console.log(set2);//Set { 30, 20, 10 }//将set转成数组let arr2 = [...set2];console.log(arr2);//[ 30, 20, 10 ]//将上面的步骤简写,得到去重复数据的数组consol...
2020-05-08 11:22:25
655
原创 ES6-day02（三）(数组扩展(Array.from() Array.of(),数组实例的方法,数组填充fill()),数组遍历(遍历各属性,判断数组中是否有该值includes))
1.数组扩展1.Array.from() Array.of()let result = Array.from('hello'); //转换成数组console.log(result);// [ 'h', 'e', 'l', 'l', 'o' ]// 将一组数值转换为数组let result2 = Array.of(20); //[20]console.log(result2);...
2020-05-07 17:58:02
261
原创 ES6-day02（二）(函数扩展,箭头函数(省略return,箭头函数的this属性,箭头函数的实参))
1.函数扩展function test(a,b=1,c){}console.log(test.name);//test// 获取没有设置默认值的形参个数,在设置默认值的参数位置停止console.log(test.length);//1function test(a,b,c=1){}console.log(test.name);//test// 获取没有设置默认值的形参个数,在设置...
2020-05-07 17:45:42
630
原创 ES6-day02（一）（对象内容扩展 , 对象功能扩展(合并对象,重构assign方法)）
1. 有关对象知识点扩展let userage = 12;let gender = '男';let obj = { age:userage, gender, username:'zhangsan', //sayName:function(){} 可以简写 sayName(a,b){ console.log(this.usernam...
2020-05-07 17:24:09
239
原创 ES6-day01（三）（...扩列运算符,常见用途）
…变量,变量将来是数组,存放剩余的数据function test([a,b,c,d,{username:user}],...e){ console.log(a,b,c,d,user,e);} test([1,2,3,4,{username:'zhangsan'}],5,6,7,8);//1 2 3 4 zhangsan [5,6,7,8]…变量是用来匹配多出数据的,如上代码...
2020-05-06 20:23:57
245
1
原创 ES6-day01（二）（数组解构，对象的结构赋值,string number boolean三种类型解构）
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构 （Destructuring）。例如：let[a, b, c] = [1, 2, 3]; //a = 1 , b = 2 , c = 3let[a,b]=[1,2,3,4,5]; //a=1,b=2let[a,b,c,d]=[1,2];// a=1,b=2,c=undefined,d=undefined这...
2020-05-06 20:15:09
296
原创 ES6-day01（一）（let命令的用法，闭包问题的解决，const方法）
使用let命令会有的问题1.变量申明不能提升2.只在代码块内有效3.如果在let申明前调用了let申明的变量会出现暂时性死区（报错）4.let不可以重复声明同一个变量（如果重复声明也会报错） let命令跟var一样都是声明变量而用的，但是跟var不同的是let声明变量仅在代码块中有用（花括号内），因为用let声明的变量优先级不会提升，例如：{ var a = 1; ...
2020-05-06 19:33:43
273
原创 如何选中表格中点击按钮同行的其他元素,并对内容进行更改(修改文字或添加按钮)
这里仅演示一行 , 其原理都相同<body> <table class="comment-table"> <thead> <tr> <th>编号</th> <th>所属文章</th> ...
2020-05-04 15:03:48
567
原创 如何用jQurey点击表格中的删除按钮,删除该行数据
上图为创建好的表格 , 点击删除后弹出询问框点击确认删除当行html代码:<body> <div class="option-div"> <button id="load">加载数据</button> <button id="add">新增</button> ...
2020-05-01 22:15:42
3443
1
原创 如何用jQuery批量创建新对象时,新增对象也带有事件函数(事件代理的运用)
开始时是不带任何事件的 , 要想让新创建的对象也带有事件就要用到事件代理 , 在父元素中添加子对象那么就要用父元素做事件代理css代码:.parent { border: 1px solid blue; margin: 10px; overflow: hidden; } .child { border: 1px solid r...
2020-05-01 21:39:51
286
原创 在网页中用JS设置了animation没有效果(可能的原因及解决方案)
不得不说有时候写网页做效果，一个一个分开效果都出得来 , 合在一起就是死活出不来效果 , 下面分享一下我刚刚找到JS设置animation出不来效果的原因.上面就是我总结出来的一些可能会出错的地方,以及一些解决的办法,因为我也是刚开始学习的萌新,所以肯定还有很多没有注意到的地方,欢迎大家补充、提问。这句的意思是在窗体加载完毕以后运行 , 如果把元素获取的代码写到这块以外的地方就会出现元素为null的显示就会找不到操作对象。2.用JS设置属性的时候写法不对 , 开始的时候我用。这两种写法都是错误的。
2020-04-22 19:35:01
6201
3
原创 下滑页面出现div,并有前后晃动的效果(JS实现)
<!doctype html><html><head> <meta charset="UTF-8"> <title>test</title> <script> window.onload = function(){ var two = docume...
2020-04-21 21:44:05
1012
原创 触发式头部导航(由网页内固定位置变页面头部固定)
不说废话,直接代码1.设置两个一样的块,bk_2开始时显示,bk_3开始时隐藏,当页面滑动到bk_2元素头部时,将bk_2隐藏,bk_3显示<div id="bk_2"> <ul> <li>玩转南瓜屋</li> <li>南瓜屋用户协议 隐私策略 投诉指引</li> <li&g...
2020-03-30 20:27:02
247
原创 文本框在获得和失去焦点时切换文本框样式
图1为文本框未被选中时的效果,图2为文本框被选中的效果,下面介绍方法(核心代码为第3步的script代码)1.首先是文本框(html代码)<div class="ct_right_header"> <div id="search" class="search"> <input id="search_1" class="search...
2020-03-27 21:39:37
513
原创 将子元素定位到父元素的正中间
1.将父元素设置为相对定位的祖先元素position：relative2.将子元素设置为绝对定位元素position：absolute，并在子元素中设置 margin：0 auto； 这样可设置为水平居中3.在子元素中设置overflow ：hidden；（隐藏溢出部分），然后再设置margin-top：（父元素高度-子元素高度）/2； 这样就能设置为水平居中4.在一个大的父类...
2020-03-09 22:27:40
2378
原创 有关css呼吸灯由暗到亮的动态设置
1.首先设置背景为黑色，灯色为青色的呼吸灯样式，并设置动画的引入，自定义的动画名为myani和mayni1，由于内外圈的放大缩小程度不同，所以动画设置了两个.father{ box-sizing: border-box; width: 400px; height: 400px; background-color: black; ...
2020-03-09 19:11:23
788
原创 axure9中设置图片动画移动式张开（一半静态，一半动态）
1.首先拖出一个动态面板，设置动态面板宽度为将要展示图片宽度的一半2.如下图，进行设置，注意要将动态面板的状态2设置为整张图片的正常大小3.在鼠标移出时再次将动态面板的宽度变回图片的一半，同时为了避免被其他元件挡住，应该在显示/隐藏属性中将元件置顶4.最终效果为图片的左半张不动，图片的右半张进行展开或收缩的动画效果...
2020-02-23 15:41:43
1338
原创 有关axure的中继器使用方法相关细节
1.中继器的显示内容是由交互中的数据源中数据决定的，在axure中选择数据需要用 [[item.需要的数据源]] 这样的形式来选择数据源2.将表格放入中继器中，先要框选表格ctrl+c，然后双击中继器的一个框，然后ctrl+v，之后设置中继器中的坐标为x为0，y为0之后就可以成功将表格放入中继器中3.筛选条件一般为[[Item.数据集列名.indexOf(value)>-1]]，而变量...
2020-02-21 16:08:29
414
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人