- 博客(74)
- 收藏
- 关注
RSS订阅原创 鼠标经过，图片放大效果
写在前：固定一个div，实现鼠标经过里面的图片放大效果（纯css)<div class="imgbox"> <img src="1.jpg" alt=""></div>.imgbox { width: 180px; height: 180px; overflow: hidden;}img { width: 100%; transition: all 0.2s;}.imgbox img:hover { transform: scale(
2022-05-27 11:34:40
308
原创 Error: Cannot find module ‘../config‘
写在前：因项目来回打开，可能不小心把文件夹移了位置，运行vue项目报错解决：找到文件夹放到正确的地方，我的是config 的文件夹跑到了build的文件夹下，daosh
2021-06-19 15:51:56
6128
原创 Cannot read property ‘style-resources-loader‘ of undefined
写在前：当前环境是vue3, vue-cli4新建项目。安装过 'style-resources-loader'之后报错；报错内容：Cannot read property 'style-resources-loader' of undefined；
2021-06-19 10:04:29
5533
2
原创 图片使用 onload 检测图片是否加载
写在前：图片更新，确定图片或者图片流是否加载完成（是否显示），更新图片封装方法： getimg(src, resolve, reject) { let img = new Image(); img.src = src; // 以下resolve为成功回调函数，reject为失败回调函数 img.onload = () => { resolve(img) }; // 这里需要把img传
2021-05-19 11:36:51
636
原创 vue 单页面 未登录 跳转登录页 记录
写在前：当前环境，复制登录后的单页面链接分享他人，他人并没有登陆过，实现他人打开这个链接未登录的情况下，路由重定向登录页，以防数据等参数错误导致页面不能查看问题。1.登陆页面，登陆成功后本地记录sessionStorage.setItem('userId', resdata);2.在main.js 中router.beforeEach((to, from, next) => { if (to.matched.some((auth) => auth.meta.requi..
2021-01-15 14:02:59
331
1
原创 vue 引入 echarts 小例子
写在前：这是一个使用vue引入 echarts 的案例，最简单的demo。全局使用。官网链接1、 使用npm 获取 echartsnpm install echarts --save2、 全局引入 main.js 中引入
2021-01-05 17:36:04
185
原创 js 基础记录
写在前：记录js的一些基本的用法，以便查询。点击事件：onclick数据类型转换：转换成字符串类型：1. tostring()2. string()3. 字符串拼接注： null 和 undefined 没有tostring() 方法布尔类型转换：Boolean()数值类型转换：1. Number()2. parseInt()3. parseFloat()4. string 类型转 number (NaN)隐式转换：fale:0.
2020-11-23 18:15:48
226
原创 关于git 用法记录
写在前：git 的用法检查分支：git branch创建并切换分支：git checkouit -b usercheckout 切换-b 新建添加到暂存区：git status 检查当前分支文件状态git add .分支user 提交到仓库git commit -m "已经完成用于列表"场景：当码云上并没有user 分支，需要推送到分支上：推送git push -u origin user 当前肯能需要账户 密码origin 仓库
2020-11-21 14:44:55
106
原创 jq 获取元素距离及窗口高度
写在前：获取元素到顶部的距离，获取当前可见高度，获取内容高度，获取滚动高度。1.获取当前元素距离顶部距离高度。$(".text_box").offset().top2.当前窗口可见高度$(window).height(); //可见高度3.获取内容高度$(document).height();$(".text_box").height();4.滚动的高度$(document).scrollTop();...
2020-11-05 14:57:46
2209
原创 js / jq 发送 ajax 请求完整例子
写在前：出现跨域问题，后台也可以解决。js 发送ajax请求五个步骤详解：第一步：var xhr = new XMLHttpRequest();//全局定义 创建 XMLHttpRequest() 异步对象第二步：xhr.onreadystatechange = calback1//在事件内 设置回调函数第三步：xhr.open("GET","http://s.plcloud.music.qq.com/fcgi-bin/fcg_yqq_song_detail_info
2020-09-25 18:11:52
376
原创 vuex的使用杂录
写在前：vue官方文档地址定义：Vuex是一个专为Vue.js应用程序开发的状态管理模式。范围：组件之间共享的数据。安装vuexnpm install vuex --save引入：import Vuex from 'vuex'Vue.use(Vuex)创建store对象const store = new Vuex.Store({ state:{count: 0}, mutations: { increment (state) { stat.
2020-09-21 18:26:29
169
原创 vue 使用TCPlayerLite 官方提供方式播放直播
写在前：这是使用官方提供的方式实现视频播放（自动播放）可切换实现：<template> <!-- 测试--> <div id="palyback"> <div :class="{'else': onswitch}"> <div id="player-container-id"></div> </div> <div :class="{'else': !onswitch
2020-08-22 13:52:59
3354
2
原创 vue 使用v-tcplayer播放m3u8格式(直播）案例
写在前：这个例子，如果你只想显示一个视频，并且是调接口才能拿到视频地址，请勿使用这种方式，你可能要看最后提示。前提：已经下载插件（必须）<template> <!-- 测试--> <div id="palyback"> <div :class="{xiaoping: isaa, 'daping': dapingshow}"> <VTcPlayer ref="tcPlayer" :options="options" e
2020-08-21 15:41:45
1948
1
原创 vue 使用v-tcplayer播放m3u8格式直播（自动播放）
写在前：本例中记录使用vue插件 v-tcplayer 播放直播流m3u8格式，并实现自动播放安装插件下载地址实现效果：（待解决：当前页面刷新视频停止播放，视频暂停后切换）下载插件：npm install --save v-tcplayer页面引入：（本例中播放视频页面引入）import { VTcPlayer } from 'v-tcplayer'...
2020-08-21 15:11:07
3632
3
原创 vue 图片 404 显示默认图片
写在前： vue中循环显示图片，报错404，未加载图片的情况下可以使用默认图片 <img v-if="onswitch" :src="oneurl" alt="图片" onerror="this.src = '线上图片地址'">注：测试中本地图片没有实现效果
2020-08-15 17:12:57
792
原创 vue 中 router-view 路由跳转到同一个页面，页面刷新解决记录
写在前：当前环境，在父级页面点击方法跳转路由，路由携带参数到同一个页面，本例使用name/params(post）方式传参，页面不刷新解决方式记录。1.修改传参方式为get,当路由地址发生改变的时候，重新刷新页面。（绑定以下key） <router-view :key="$route.fullPath"></router-view>当前传参环境：router.js页面案例：{ path: 'rotation', component: Rotatio.
2020-07-28 15:39:26
3808
原创 html 快速写法记录
写在前，嵌套（父子），并列（兄弟），上级（父级/其他级别的兄弟），属性（img的src）, 内容（文本）第一例：快速添加class/id 的名字<!-- div.home --><div class="home"></div><!-- div#home --><div id="home"></div><!-- 本例中 div可以是其他标签 -->第二例：嵌套多级<!-- div>p
2020-07-21 14:55:53
427
原创 面试题
html/html5/css/css31.什么是盒模型？答案：是由内容（content），内边距（padding），边框（border），外边距（margin）组成。 盒模型允许我们在其他元素和周围元素边框之间的空间放置元素。2.什么是外边距重叠？重叠的结果是什么？答案：上下相邻盒子的底部外边距，和顶部外边距相互重叠。结果是相距最大值位置。3.外边距重...
2020-07-09 11:32:44
10239
原创 局域网内解决vue项目跨域问题
写在前：vue-cli（2）脚手架项目，局域网使用谷歌浏览器，报错 “跨域” 问题， 修改vue中的配置文件，解决跨域。一、修改项目中的 config > index.js 文件（替换自己的调用的地址）proxyTable: { '/api': { target: 'http://192.168.0.162:998/', // 目标接口 changeOrigin: true, // 是否跨域 pathRewrite: {...
2020-07-08 10:19:22
1774
原创 本地项目推送到远程仓库
写在前：在本地新建了一个项目，要推送到远程码云仓库。记录：新建分支，切换分支，查看分支，合并分支，检查git状态，添加到暂存区，提交到本地，推送到码云。// 查看分支git branch//新建login 分支git checkout -b login// 切换主分支git checkout master// 合并分支 （如果在子分支上切换到主分支上然后执行以下合并，例：合并login）//切换到主分支上并执行git merge login当你想推送项目到码云的时候，场景
2020-07-03 16:36:27
193
原创 Incorrect username or password (access token)解决过程记录
写在前： 之前用github远程存储，现在想使用码云，但是报错了，当我运行 git push -u origin master后，报用户名或密码不正确。原因： 我修改了码云的账号密码。解决目标：修改本机之前记录的账号或密码（本机环境 w10）首先：进入控制面板 > 点击用户账户 > 管理Windows 凭据(如下图流程，修改密码即可）图一图二图三点击编辑后，修改密码即可。...
2020-07-03 15:05:40
10248
4
原创 less 基础用法和技巧
写在前： less是css 预编译， 记录less 基本用法；w3c详情地址 中文文档地址less 操作： less 支持一些算数运算 （+） （-） （*） （/）例子：
2020-07-01 13:56:12
364
原创 小程序 修改头部 文字 标题
写在前： 修改小程序当前页头部标题 小程序文档地址wx.setNavigationBarTitle({ title: '当前页面'})使用父级文字：1，父级传参： // 点击列表项 onitem: function (e) { // es6写法 在页面上自定义的属性 let { helptypeid, isfile, itemid } = e.currentTarget.dataset; let n...
2020-05-13 17:24:13
2059
原创 获取当前月份的天数
写在前：开发过程中使用年月日，自定义日期获取当前月份天数；let data= new Date();const year = date.getFullYear();const month = date.getMonth() + 1;//------------------getDay:function(year,month) { month = parseInt(month,...
2020-04-27 11:23:02
917
原创 vue-cli3脚手架引入 axios 两种方式
写在前： vue-cli3脚手架新建的项目中 全局使用 axios使用npm: 安装axiosnpm install axios新建开发环境下的配置文件.env.development文件名字文件内容 本地地址VUE_APP_URL = 'http://192.168.0.86:8090/'新建生产环境下的配置文件（可忽略）.env.production...
2020-03-18 17:10:27
4149
原创 vue脚手架 vue-cli 3 手动建项目
注意，如果vue-cli 3是目前最新的，但是，不是vue3，只是脚手架版本（个人理解）第一步，下载node.js、使用node自带的npm 命令行搭建项目（node.js下载地址）1.检查是否安装node 方法：window + r 弹出输入框，输入：cmd2.在窗口中输入：node -v注：检查是否出现版本号，如果出现版本号，就表示成功；（报错请自行百度解决方法或留言在...
2020-03-13 11:50:15
214
原创 小程序 订阅消息功能实现 wx.requestSubscribeMessage
写在前： 小程序 服务通知 订阅消息功能 小程序文档地址 （前端部分）第一步，html 内容，添加按钮点击事件<text>{{textcontent}}</text><button bindtap="subTap" hover-class="other-button-hover">允许订阅消息</button>第二步，js ...
2020-03-07 17:47:23
15870
3
原创 webstorm 打开vue项目出现10% building modules 1/1 modules 0 activeevents.js:174
写在前：错误详情修改：config下index.js中的之后修改package.json中的 -- host
2020-03-05 11:04:31
1789
原创 前端 排序算法基础记录
写在前：1，非线性时间比较类排序：1）交换排序： 冒泡排序、快速排序2）插入排序： 简单插入排序、希尔排序3）选择排序：简单选择排序、堆排序4）归并排序：二路归并排序、多路归并排序2，线性时间非比较类排序：1）计数排序2）桶排序3）基数排序冒泡排序：比较相邻的元素，如果第一个比第二个大，就交换他们两个。function bubbleSort(arr) ...
2020-03-02 16:51:38
139
原创 vue element 表单验证 rules 规则caikeng
问题复现： 输入内容符合rules 验证规则依旧报错如下：页面输入符合规则 依旧报错<el-form :model="querylearn" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="学段" prop="name"&...
2020-01-02 17:06:54
370
原创 vue 中 @click.native
写在前：使用 vue + element 的项目<el-option v-for="item in subEnum" :key="item.key" :value="item.key" :label="item.value" @click.native="sectionTap"></el-option>@click.native ：给组件绑定原生事件...
2019-12-23 14:38:46
291
1
原创 远程无效的用户名或密码：remote: Invalid username or password解决过程记录
写在前：当我执行git push -u orgin master 语句时， 弹出github 登录的小界面巨坑：此处的密码不是github登录的密码，也不是邮箱的密码！！！解决方法：1、点击头像2、点击箭头指向3、点击指向4、获取token 5,全部勾选注意：保存生成的token 到本地， 因为只会出现一次，再次打开就看不到了6、执行 ...
2019-11-07 17:55:35
16260
2
原创 小程序 聊天功能 页面滚动到底部
写在前：当我们给一个类设置overflow-y: scroll;overflow: hidden; 的时候，wx.pageScrollTo不起作用。1.给盒子定义一个id为x_chat；（其他样式，按需定义） <view id="x_chat" class="dialog" > </view>2.封装成方法，在onReady时调用；（滚动用到的wx...
2019-09-06 16:13:23
3451
原创 js基本用法-数组去重
写在前：数组是由数字组成，数组是由字符串组成，或字符串去重的几种方式第一种数组去重：双重for循环 // 定义一个的数组 let arr = ['af2', 'fadf3', 'fadf4', 'afde4', 'af2','1112','1112'] // let arr = [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6] // 定义一个...
2019-08-23 18:01:23
273
原创 小程序 自定义开关组件
写在前：想自己写一个开关switch 如下图；并写成组件 首先，根据小程序文档提供的自定义组件；可以新建一个文件夹 包括： json wxss wxml js 四个文件夹；小程序右键，新建Component 之后，此文件夹json中已经设置："component": true, js文件夹也是已经初始化好了。其次，可以先引用这个组件，然后看效果；...
2019-08-14 15:20:25
1762
原创 小程序 自定义单页面头部导航栏（标题栏）
写在前：自定义头部标题栏，并封装引用到需要的页面。实现单页面可用自定义头部（未封装）首先：根据小程序文档顶配置项 在需要自定义的页面的json文件中添加下面的配置{ "navigationStyle": "custom"}其次：为适配各手机顶部状态栏高度高度不同，动态获取高度并存放在全局变量中（放到app.js中）App({ onLaunch: functio...
2019-07-11 17:21:37
11229
1
原创 向自定义空对象中添加键值对
写在前：定义一个对象let obj = {}当前是一个空的对象，新增键值对obj['name'] = "静静"obj['time'] = "2010"现在，打印这个对象，如下所示 {name: "静静", time: "2010"}...
2019-07-09 15:26:41
6447
原创 小程序 button禁用后样式记录
写在前：小程序提供组件,button禁用之后的样式wx-button[disabled]:not([type]) { background-color: #fbb0b0; color: #ffffff;}
2019-07-09 11:26:37
787
原创 小程序 左滑动删除效果
写在前：手指向左滑动 删除当前手机号码布局：内容和删除按钮在同一个区域内，并循环数据<view class="phone-content"> <view class="phone-logic"> <view class="local"> <view class='local-img row'> <...
2019-07-05 16:41:34
481
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人