- 博客(37)
- 问答 (16)
- 收藏
- 关注
RSS订阅原创 对Elemnet的组件textarea输入框进行行数限制，超过限定行数不允许输入。
【代码】对Elemnet的组件textarea输入框进行行数限制，超过限定行数不允许输入。
2022-08-25 16:14:40
4154
4
原创 html中dom的可编辑属性（contenteditable）用法
1、contenteditable使用contenteditable作为dom元素的可编辑属性，默认为false，当需要一个非input的标签需要编辑时只需设置该dom的contenteditable值为true即可。//eg: <style type="text/css"> .box{ width: 400px; height: 100px; padding: 10px; background: #00B0F0; color: #FF0000; }
2022-05-10 21:58:00
1439
原创 Vue中使用elementui与Sortable.js实现列表拖动排序
一、安装使用Sortable.js1、安装cnpm install sortablejs --save2、在需要的vue页面单独引入<script> import Sortable from 'sortablejs' export default{ ......... data() { return { accessoryList : [1,2,3,4,5,6,7,8,9] } } ......... } </s
2021-12-21 14:56:10
1790
原创 CSS中position使用说明
一、sticky(粘滞)position: sticky;top: 0px;注意下面四张图片的滚动条位置，当给红色的div设置了上边的css样式，当这个到达顶部后就会固定在顶部不会随滚动条再滚动<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html,b
2021-12-15 17:18:53
819
原创 VUE中组件CSS的作用域
一、常规（给不同的class名）<template> <div> <h1 class='yy_back yy_color'>杨·一</h1> </div></template><style> .yy_back { background: red; } .yy_color{ color: #409EFF; }</style>二、st
2021-07-22 18:04:14
206
原创 前端js手写日历相关函数（附demo）
1、获取某年某月第一天是周几getMonthStartDay(year, month, index) { let monthFirstDay = Number(new Date(year, month, 1).getDay()) return monthFirstDay}this.getMonthStartDay(2021, 06, 1)2、获取某年某月某天是一年中第几周getWeek(year, month, day) { //计算当年一月第一天是周几 .
2021-06-29 15:39:21
1021
原创 前端过滤带有样式图片的文字
前端过滤带有样式图片的文字//content为要过滤的内容subContent(content) { if (content !== null){ content = content.replace(/(\n)/g, '') content = content.replace(/(\t)/g, '') content = content.replace(/(\r)/g, '') content = content.replace(/
2021-06-09 11:19:36
158
原创 vue中使用v-for的错误案例
vue中使用v-for的错误案例[Vue warn]: You may have an infinite update loop in a component render function.错误代码及结果图//html代码块<div class="resultsClass"> <div v-for="(yItem, yIndex) in getSumResult(inputForm.scheduleRelationList)" :key="yIndex">
2021-05-31 09:51:49
535
2
原创 elementui中tabel的empty-text属性使用说明
官方文档预期效果：实现：<div class="table"> <el-table :data="tableData" style="width: 100%" height="320"> <el-table-column fixed prop="id" label="包ID" min-width="50"></el-table-column> <div slot="empty" class="emptyBg"> <i
2020-09-05 16:12:54
8611
原创 在vue项目中监听鼠标滚动事件（mousewheel）
在vue项目中使用elementui做一个竖屏走马灯效果，carousel组件有点击事件，并没有明确的鼠标滚轮事件，希望做一个鼠标前后滚动也可以切换走马灯，当没有滚动跳出现时，通过监听scroll将无作用。1、走马灯的上下页点击切换setActiveItem(index) { //index为走马灯当前页码 let nextIndex = index ++; this.$refs.carousel.setActiveItem(nextIndex)},2、走马灯的上下页鼠.
2020-08-31 20:50:48
23239
原创 Vuex中模块化（module）使用
说明：由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：一、按状态划分1、在使用模块化过程中，可以将每个状态进行分开，如下图：2、在每个js文件里的代码都需要通过export default { // ...其他代码省略 }.
2020-08-02 11:54:55
2945
原创 Vuex的基础
一、Vuex概述Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、什么样的数据适合存储到Vuex中一般情况下，只有组件之间共享的数据，才有必要存储到Vuex中；对于组件中私有的数据，依旧存储在组件自身的 data中即可。二、Vuex的基本使用1、安装Vuex依赖包npm install vuex --save2...
2020-07-28 16:31:11
128
原创 vue中过滤器（filters）的使用
过滤器(filters)，也是一个函数位置，放置filters的位置与el、data、methods等并列；<script> const app = new Vue({ el:'#app', data(){ return { price: 100.123, } }, methods:{ // getShowPrice(price){ // return '￥' + price.toFixed(2) // } }, filt
2020-07-11 18:30:30
778
原创 「!DOCTYPE」理解
在XHTML文档第一行新增了<!DOCTYPE>元素，该元素用来定义文档类型。DOCTYPE是document type(文档类型)的简写，他设置XHTML文档的版本。使用时应该注意该元素的名称和属性必须大写。DTD（如 xhtmll-transitional.dtd）表示文档类型定义，里面包含了文档的规则，网页浏览器会根据预定义的DTD来解析页面元素，并把这些元素所组织的页面显示出来。要建立符合网页标准的文档，**DOCTYPE是必不可少的关键组成部分，除非XHTML确定了一个正确的DOC.
2020-07-10 14:44:45
791
原创 Vue项目中将时间格式成xxxx-xx-xx
一、将标准时间格式化成xxxx-xx-xx题：Sun Jul 05 2020 11:08:57 GMT+0800 (中国标准时间)答：js: computed:{ time:function () { const time = new Date(); console.log(time) const year = time.getFullYear(); const month = (time.getMonth() + 1).toString().
2020-07-05 11:53:44
922
3
转载 vue项目目录解释
1、build：构建脚本目录1）build.js ==> 生产环境构建脚本；2）check-versions.js ==> 检查npm，node.js版本；3）utils.js ==> 构建相关工具方法；4）vue-loader.conf.js ==> 配置了css加载器以及编译css之后自动添加前缀；5）webpack.base.conf.js ==> webpack基本配置；6）webpack.dev.conf.js ==&g.
2020-07-05 04:31:54
388
原创 vue项目搭建不成功
vue项目搭建在最后一步卡住过不去错误分析：可能是node或者webpack出错解决方法：将node卸载干净，安装最新的版本以上是个人遇到的问题以及解决办法，如有不当请留言
2020-07-05 04:12:40
348
原创 css实现固定行显示，剩余用省略号代替
css实现固定行显示，剩余用省略号代替 .box{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; //数字表示几行显示 -webkit-box-orient: vertical; }
2020-07-01 14:52:24
188
原创 微信小程序中异步处理方法（二）
async与await的使用在要处理的函数前加async,async getMessage(){ const res = await uni.request({ url:"xxx/xxx", success:res => { console.log(res) } }) console.log("异步同步化")}
2020-07-01 14:51:49
693
原创 搭建一个基础Vue项目
1安装node新版node不再需要再配置环境，在node安装的过程里会自动配置安装结束后，通过window+R 输入cmd 打开命令框，输入node -v 查看版本号同样输入 npm -v 查看npm版本号，也可以将cnpm安装进来命令如下：npm install -g cnpm --registry=https://registry.npm.taobao.org运行结束输入cnpm -v 查看版本号上图是查看的结果2搭建vue在命令行输入 npm install vue 安装 vue
2020-06-24 16:15:32
227
原创 nginx项目部署（前端）
1、工具xshell xftp将打包的dist中的文件通过xftp上传到对应的文件夹下（参考：本人做过的几次都在/usr/local/nginx/html），然后找到nginx.conf(参考：本人的在/usr/local/nginx/conf)，打开nginx.conf修改里面的server { listen 8080;//此处需要改成需要的，默认808...
2020-05-22 10:49:12
609
原创 关于微信小程序A 与 微信小程序B 之间的跳转问题
前言：应项目要求，需要两个微信小程序之间进行跳转，但是按照文档配置后仍然不能成功（yang tuo e），基本的参考开发者文档，这里记录几个忽略点。一、代码块//A --> B wx.navigateToMiniProgram({ //A文件 appId: 'wx1b226f2172ae464a222', // B的微信小程序Id ...
2020-04-07 19:21:12
1394
原创 关于vue-editor中设置限高不管用的bug
在vue的项目中引用vue-editor引入vue-editor的文章很多，参考其他就行，本文记录一个限高不管用的问题<vue-editor v-model="form.comment" useCustomImageHandler @image-added="handleImageAdded" @image-remo...
2020-03-16 23:30:16
708
原创 关于Vue中this.$router.push()传参问题（1）
在父组件里传送this.$router.push({ path: '/postView',//子组件路径 query: { id: row.id, bbsTopicId: row.bbsTopicId } //需要传的参数 })在子组件里接收this.$route.query.id //获取到idthis.$route.query.bbsTopicId //获取到bbsT...
2020-03-13 12:03:07
893
1
原创 javaScript实现版本号排序
在做项目时遇到的问题，顺便记在这里方便下次查看var arr = ['1.1.1', '2.301.3', '0.0.1', '1.0.3', '4.4.1', '4.4.1.5']; arr.sort ( function (a,b) { return a>b?-1:1; }); console.log(arr);...
2020-03-13 11:48:24
1604
2
原创 格式化日期对象，返回yyyy-MM-dd HH:mm:ss形式
function formatDate(d) { //判断date是不是日期对象，返回 if (!date instanceof Date) { return; } var year = d.getFullYear(), month = d.getMonth() + 1, //月、星期都是从0开始的 date = d.getDate(), ...
2019-08-08 15:59:12
1298
原创 用nginx部署多个Vue项目
自己做的移动端，其他人做的pc端，要求部署到一起，个人研究了一下午，参考各路大神方案，做了一个，如有错误，请指正。下载nginx压缩包并解压； 将准备好的多个项目进行打包；打包后将dist下的index.html和static文件复制到nginx文件下的html中；将第二个项目的打包文件放置在html下新文件下，如：dh; 我在本次中将html原有的两个文件删除掉了；多个项目依次增加。 ...
2019-08-01 10:16:31
7266
5
转载 JS获取选择器
原生原生JS选择器有getElementById、getElementsByName、getElementsByTagName和getElementsByClassName这四个,下面我就一个一个介绍这四个选择器的用法。1.getElementById(通过ID获取元素)用法:document.getElementById(“Id”);Id为要获取的元素的id属性值。2.getElemen...
2019-03-20 10:41:01
2559
转载 tab选项卡动态切换不同组件
tab选项卡vue tab切换 动态加载不同的组件主页面代码如下，分别导入了child1.vue, child2.vue, child3.vue 3个小模块，当点击页面某一项的时候去加载不同的组件。##父组件 < template > < div > < h2 > vue动态组件实现tab切换加载不同的小模块</ h2...
2019-03-20 10:40:52
1685
5
转载 CSS选择标签
有如下代码： <div> <strong>123</strong> </div> <div> <span> <strong>456</strong> </sp...
2019-03-20 10:40:26
337
转载 JS设置CSS样式的几种方式
直接设置style的属性 某些情况用这个设置 !important值无效如果属性有’-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px';直接设置属性（只能用于某些属性，相关样式会自动识...
2019-03-20 10:40:07
2147
空空如也
需要一个可以比对两个html差异的插件，目前有一个纯文本比较差异的插件
2022-11-15
前端如何将html按A4的大小进行分页
2022-05-16
js如何把一个标签分割成多个相同的标签
2022-04-14
通过text()拿到的一个汉字串，通过substring截取，但是截取不成功，是什么原因
2022-03-28
想使用html + css + js做一个word的分页，希望各位给我提供一些建议和资料
2022-03-21
关于js动态创建dom,并且给dom增加指令v-drag
2022-03-08
求各位同行指导 EPSON的api使用
2021-12-06
怎样获取到这段中的 top:661px 字段
2021-09-17
如何用js设置html标签内联样式
2021-09-10
视频经过base64编译后为什么不能显示使用
2021-08-17
关于vue中集成金格插件，怎么调用金格的方法
2021-08-16
金格插件问题打开显示弹窗应用没有写入授权码
2021-08-11
base64编码后的音频不解码可以直接使用吗
2021-08-09
关于h5传参给安卓（JSBridge）
2021-08-04
前端调浏览器打印功能，样式怎样修改？
2021-07-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人