- 博客(30)
- 收藏
- 关注
RSS订阅
原创 微信小程序实现左滑删除
目录代码思路：代码实现：jsHTMLcss项目中的消息列表，和购物车列表需要左滑删除的需求还是挺多的，下面是消息左滑删除的思路和代码实现；代码思路：1、在获取到消息列表的时候，给每个消息一个是否显示删除按钮的默认值，全部为false2、页面上消息列表每一项后面都有一个删除按钮，用transform和margin-left，flex结合使删除按钮隐藏在列表后面，动态绑定class，当需要显示删除按钮的时候，通过css的transform来显示删除按钮3、给消息列表和删除按钮的父盒子绑定开始触摸和触摸
2021-12-30 15:48:27
3534
2
原创 css实现粘性布局
使用css实现粘性布局，需要满足三个条件：1、需要粘性布局的盒子，必须是父元素的直接子元素2、父元素要有固定的高度3、需要粘性布局的盒子使用position: sticky;属性，如果需要走到一定高度就固定的话，可以使用top属性...
2021-09-23 15:02:29
1210
原创 微信小程序实现朋友圈图片展现形式
朋友圈图片展现形式：1、一张宽图：宽度100%，高度自适应2、一张长图：高度全部展示，有最大高度，宽度自适应3、多张图片：除去一张，两张和四张的时候是一排两张，其他都是一排三张，依次向后累加4、视频：宽度是屏幕宽度的一半，高度自适应（视频的展现形式可能和朋友圈有些出入）下面只展示图片视频相关代码：wxml： <!-- 图片和视频 --> <view class="img_box"> <view class="{{bookItem.roadBook.
2021-08-15 20:31:55
3424
4
原创 微信小程序自定义map组件标记点markers（兼容苹果和安卓）
先来看实现效果图（uniapp实现，代码在下面）在图片中我们看到标记点有以下需求：1、标记点是自定义的，并不是微信默认2、标记点的自定义icon有四种形式3、数字是动态的4、数字颜色有两种形式1、自定义标记点2、自定义标记点icon（marker属性下使用）3、动态数字（marker属性下使用）数字动态展示使用marker的callout和label都可以，但是在苹果手机不显示label，在安卓手机上callout定位无效，所以在使用的时候用wx.getSystemInfo获取
2021-05-11 14:24:11
13680
9
原创 vue实现字母导航
<template> <div class="Index"> <div class="in_box"> <div class="pl_pr"> <!-- 顶部文本 --> <p class="top_p"> 请选择你所在学校，就可以看到该学校信息服务群二维码啦～ </p> <!-- 搜索框 -->
2021-03-16 10:02:54
657
原创 如何在微信小程序中使用npm
微信小程序官方组件很局限，想要实现复杂的功能，引入别人写好的组件会事半功倍，所以能在微信小程序使用npm显得很重要1、创建package.json文件微信小程序默认没有package.json文件的，我们可以在小程序根目录下的命令窗口执行npm init生成package.json...
2020-11-17 09:14:53
570
原创 vue项目如何全局引入scss文件
我们在写项目的时候难免会遇到多个文件的样式大致相同的情况，为了减少冗余代码，可以将重复样式提取出来，然后在每个页面引入
2020-11-12 18:23:57
7486
2
原创 vue使用wangedit自定义上传图片按钮
wangedit的上传图片，一个是填写图片地址，一个是本地上传，本地上传是把图片的base64编码放在了图片src中，接口参数长度在数据库都有限制的，如果图片地址用base64编码的话，随便上传几张照片长度就会超出数据库限制，不是报错就是截取字符，但是我们可以自己写上传图片的按钮，上传阿里云，腾讯云，服务器都可以，拿到连接放在富文本中思路：在富文本操作栏上放一个图片按钮点击按钮可以选择图片选择图片成功，做上传操作上传图片成功，拿到图片地址，拼接到img标签中追加到富文本内容里面代码展示.
2020-11-10 18:45:29
1420
原创 全局切换git账号
之前电脑上登录过github账号，一直用github账号拉代码，现在想换成码云账号，只需要在全局配置修改用户名和邮箱git config --global user.name "name" 全局配置用户名git config --global user.email "email" 全局配置邮箱git config --list 查看所有配置配置完用户和邮箱之后去拉代码，提示我账号或者密码不正确，但是拉代码的时候并没有提示让我输入密码，百度了一下才知道，原来电脑记录了密码，修改密码：打开控制面板
2020-11-08 15:18:39
473
原创 vue上传图片到腾讯云和上传视频到云点播
上传图片组件代码（上传视频到云点播代码在下面）<!-- 此文件是上传图片的公共组件 父组件传过来的参数： 一：promptText，图片上面的限制文字 二：mostNum，最多上传几张 三：imgSize，图片的建议尺寸 四：imgUrlArr，需要提前展示的图片的链接数组 要传给父组件的参数： 一：getImgUrlId，每一张上传成功之后将图片id传给父组件 二：delImg，删除图片的时候，将删除的这张图片的索引传给父组件--><temp.
2020-10-31 20:37:37
752
原创 力扣20题：有效的括号（JavaScript 方式解答）
JavaScript 方式解答：/** * @param {string} s * @return {boolean} */var isValid = function(s) { let arr = s.split(''); if (arr.length % 2 !== 0) return false; let temp = []; for(let i = 0; i < arr.length; i++) { let item = arr[i].
2020-08-31 16:44:44
407
1
原创 谷歌无法保持登录状态
使用vue写项目，一直都是好好的，突然有一天上班写代码的时候发现谷歌无法登录，登录接口成功，但是登录接口之后的下一个接口就会报错没有登录，请重新登录，各种百度，终于找到了解决办法，暂时还不是很理解原因，先把解决办法记录下来，哈哈1、谷歌浏览器地址栏打开 chrome://flags/2、设置SameSite by default cookies和Cookies without SameSite must be secure这两个属性为Disabled（挺多配置项的，复制搜索页面关键字）3、然后点.
2020-08-10 09:53:21
3561
1
原创 前端PC端公共样式
一个class名字能完成的事情，为什么要写一行css呢，你说是吧！/*边距*/.m5{margin:5px}.m10{margin:10px}.m20{margin:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt28{margin-top:28px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}..
2020-07-28 17:40:38
583
原创 vscode自定义vue初始代码片段
创建vue页面，快速初始化文件1、点击vscode左下角的设置图标2、选择用户代码片段3、将以下代码复制到文件中的一对{}内4、添加完成之后保存，当我们输入vue再单击Tab键，就可以初始化文件了prefix是触发代码片段的命令，可以自己设置 "Print to console": { // prefix: 触发代码片段的命令 "prefix": "vue", // body: 设置的代码块内容 "body": [ "<template>", ".
2020-07-03 15:29:49
1119
原创 学习React必看笔记
jsx语法jsx其实是语法糖const title = <h1 className="title">Hello, world!</h1>;可以转化成：const title = React.createElement( 'h1', { className: 'title' }, 'Hello, world!' );React 的jsx语法创建的UI元素其实就是...
2020-05-25 14:13:20
363
原创 常用Git操作语句
记录写代码的时候会经常用到的git命令，有需要记得收藏哦~ 如果有不对的地方，可以提出来，我们一起学习呀git config --global user.name "name" 全局配置用户名git config --global user.email "email" 全局配置用户名git config --list 查看所有配置全局的配置是针对所有仓库的git status 显...
2020-05-25 11:47:04
499
原创 vue+axios全局添加请求头和参数
走登录的接口都会返回一个token值，然后存起来方便之后调接口的时候给后台传过去，传给后台的方式有两种：（具体使用哪种需要和后台商量）1、放在请求头中2、放在接口的参数中放在请求头中下面代码是从本地cookie中拿tokenVueCookie：一个用于处理浏览器cookies的简单Vue.js插件.// 在封装axios的文件中添加拦截器// 添加请求拦截器，在请求头中加toke...
2020-03-15 21:46:57
5946
原创 安装node，cnpm和cnpm安装不成功的解决方案
1、下载nodenode下载地址按照提示一步一步安装，不建议安装到默认目录C盘下面，本次案例安装地址：D:\Program Files2、安装成功之后找到安装目录下的nodejs文件夹，新建node_cache，node_global两个文件：3、设置缓存的文件夹河全局模块存放路径设置缓存文件夹npm config set cache “D:\Program Files\nodej...
2020-02-20 10:57:38
3525
原创 小程序实现vue的v-html指令（仿微信搜索）
小程序自己的<rich-text>组件：组件的nodes属性就是要渲染的html格式的字符串，因为是渲染html格式，并不是小程序格式，所以该组件不识别<text></text>一类的标签，支持标签中含有class和style，但是不支持id属性，具体支持哪些标签，可以参考文档-微信文档案例仿照了一个微信搜索的功能，用到了<rich-text>组...
2019-11-14 16:51:23
5844
1
原创 vue点击元素该元素高亮显示
<!-- 利用绑定class属性的方法，来判断当前点击的索引是哪个 --><li v-for="(item,index) in classInfo" :key="index" :class="{active: isActive==index}" @click="isActive=index"> {{item.value}}</li>...
2019-03-25 18:00:00
2737
原创 vue实现tab栏切换组件
<template> <div> <div> <ul class="ulul"> <!-- 用v-for的方式渲染li标签 --> <!-- :class 根据三元表达式来决定是否添加类名 @click 1.让当前点击的元素添加ac...
2019-03-22 17:15:52
11172
原创 项目前端开发规范
目录结构一、项目目录一、项目目录目录结构的统一化，可读性，分模块、组件构建，严禁构建杂乱无章，毫无可读性而言的项目目录目录结构整齐划一，方便日后维护和其他同事的阅读...
2019-02-26 10:12:25
2167
原创 常用的JavaScript数组方法都在这了
总结了一下JavaScript数组的方法，做了一个图片，有什么不足或者有什么差错的地方，还请大家指点
2019-01-22 18:01:35
176
1
原创 JS双重for循环实现冒泡排序
一、交换变量由于冒泡排序需要用到交换变量，所以需要掌握交换变量的原理假设，左手里拿了一个苹果，右手里拿了一个橘子，想要苹果和橘子调换位置，要怎么做？可见，需要先腾出一只手。例如：1、先把左手苹果放到桌子上 2、把右手橘子给左手3、右手再拿起桌子上的苹果示例： var num1 = 10; // 左手苹果 var num2 = 20;...
2018-09-15 20:33:48
5984
1
原创 利用JS的双重for循环实现九九乘法表
JS的流程控制有三种：1、顺序结构2、分支结构3、循环结构for循环属于流程控制里面的循环结构一、基本语法for(初始化变量; 条件表达式; 自增表达式 ){ //循环体}若for里面的条件表达式为true，for循环就重复执行循环体的代码若for里面的条件表达式为false，则退出for循环二、小案例：求1-100的累加和<scrip...
2018-09-11 15:41:48
7373
原创 将div变为可编辑区域
在控件中使用contenteditable="true"即可实现。eg：<div id="text" contenteditable="true"></div>在CSS中定义div的最小高度，超出最小控件可随内容变大eg：#text{min-height:80px;background-color: #FFF;color: #000;padding: 10px;...
2018-04-20 11:58:53
543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人