笔记
文章平均质量分 61
竹叶轻拂水
你若盛开,清风自来
展开
-
微信小程序实现朋友圈图片展现形式
朋友圈图片展现形式:1、一张宽图:宽度100%,高度自适应2、一张长图:高度全部展示,有最大高度,宽度自适应3、多张图片:除去一张,两张和四张的时候是一排两张,其他都是一排三张,依次向后累加4、视频:宽度是屏幕宽度的一半,高度自适应(视频的展现形式可能和朋友圈有些出入)下面只展示图片视频相关代码:wxml: <!-- 图片和视频 --> <view class="img_box"> <view class="{{bookItem.roadBook.原创 2021-08-15 20:31:55 · 3437 阅读 · 4 评论 -
如何在微信小程序中使用npm
微信小程序官方组件很局限,想要实现复杂的功能,引入别人写好的组件会事半功倍,所以能在微信小程序使用npm显得很重要1、创建package.json文件微信小程序默认没有package.json文件的,我们可以在小程序根目录下的命令窗口执行npm init生成package.json...原创 2020-11-17 09:14:53 · 572 阅读 · 0 评论 -
vue使用wangedit自定义上传图片按钮
wangedit的上传图片,一个是填写图片地址,一个是本地上传,本地上传是把图片的base64编码放在了图片src中,接口参数长度在数据库都有限制的,如果图片地址用base64编码的话,随便上传几张照片长度就会超出数据库限制,不是报错就是截取字符,但是我们可以自己写上传图片的按钮,上传阿里云,腾讯云,服务器都可以,拿到连接放在富文本中思路:在富文本操作栏上放一个图片按钮点击按钮可以选择图片选择图片成功,做上传操作上传图片成功,拿到图片地址,拼接到img标签中追加到富文本内容里面代码展示.原创 2020-11-10 18:45:29 · 1423 阅读 · 0 评论 -
vue上传图片到腾讯云和上传视频到云点播
上传图片组件代码(上传视频到云点播代码在下面)<!-- 此文件是上传图片的公共组件 父组件传过来的参数: 一:promptText,图片上面的限制文字 二:mostNum,最多上传几张 三:imgSize,图片的建议尺寸 四:imgUrlArr,需要提前展示的图片的链接数组 要传给父组件的参数: 一:getImgUrlId,每一张上传成功之后将图片id传给父组件 二:delImg,删除图片的时候,将删除的这张图片的索引传给父组件--><temp.原创 2020-10-31 20:37:37 · 755 阅读 · 0 评论 -
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 · 1121 阅读 · 0 评论 -
前端问题记录(持续更新...)
此文档记录在项目中遇到的一些问题的解决方法原创 2020-03-17 14:26:29 · 1861 阅读 · 0 评论 -
安装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 · 3531 阅读 · 0 评论 -
小程序实现vue的v-html指令(仿微信搜索)
小程序自己的<rich-text>组件:组件的nodes属性就是要渲染的html格式的字符串,因为是渲染html格式,并不是小程序格式,所以该组件不识别<text></text>一类的标签,支持标签中含有class和style,但是不支持id属性,具体支持哪些标签,可以参考文档-微信文档案例仿照了一个微信搜索的功能,用到了<rich-text>组...原创 2019-11-14 16:51:23 · 5854 阅读 · 1 评论 -
vue实现tab栏切换组件
<template> <div> <div> <ul class="ulul"> <!-- 用v-for的方式渲染li标签 --> <!-- :class 根据三元表达式来决定是否添加类名 @click 1.让当前点击的元素添加ac...原创 2019-03-22 17:15:52 · 11172 阅读 · 0 评论 -
Ajax原生详解-学习笔记
原生ajax的属性方法和使用原创 2018-12-10 10:37:02 · 218 阅读 · 0 评论 -
Vue中父子组件之间的传值
父组件向子组件传值子组件向父组件传值原创 2019-01-12 19:25:58 · 4703 阅读 · 0 评论 -
可以当做笔记的前端面试题(一:HTML和CSS、JS基础)
我的原创 2019-01-18 19:01:32 · 1965 阅读 · 0 评论 -
常用的JavaScript数组方法都在这了
总结了一下JavaScript数组的方法,做了一个图片,有什么不足或者有什么差错的地方,还请大家指点原创 2019-01-22 18:01:35 · 176 阅读 · 1 评论 -
项目前端开发规范
目录结构一、项目目录一、项目目录目录结构的统一化,可读性,分模块、组件构建,严禁构建杂乱无章,毫无可读性而言的项目目录目录结构整齐划一,方便日后维护和其他同事的阅读...原创 2019-02-26 10:12:25 · 2167 阅读 · 0 评论 -
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 阅读 · 0 评论 -
JS双重for循环实现冒泡排序
一、交换变量由于冒泡排序需要用到交换变量,所以需要掌握交换变量的原理假设,左手里拿了一个苹果,右手里拿了一个橘子,想要苹果和橘子调换位置,要怎么做?可见,需要先腾出一只手。例如:1、先把左手苹果放到桌子上 2、把右手橘子给左手3、右手再拿起桌子上的苹果示例: var num1 = 10; // 左手苹果 var num2 = 20;...原创 2018-09-15 20:33:48 · 5986 阅读 · 1 评论