- 博客(44)
- 收藏
- 关注
RSS订阅原创 vue3+vite项目运行报错[plugin vite:dep-pre-bundle]
原因：vue-i18n 插件于9.5更新，打包和引入方式有改变，所以新启动和新部署的项目都会有这个问题。然后将搜索到的代码替换为 ：vue-i18n/dist/vue-i18n.esm-bundler.js。2.在package.json里找到： vue-i18n。1.项目全局搜索：vue-i18n/dist/v。重新run dev即可。
2023-09-07 10:11:53
1412
2
原创 vue2.x项目引入CKEditor4的两种方式
完结，撒花，就这么简单，不用下载什么文件包，也不用做什么配置，傻瓜式安装。3.在需要使用的组件里这样使用。2.在main.js里导入。
2023-06-14 18:37:41
1362
原创 2022最新前端面试题（vue方向）
前言：又到了跳槽旺季，经过几天的收集，整理出了2022年后最新的面试题及答案，坐标武汉，期望薪资15k+的。持续更新，也欢迎各位大佬的评论区补充1.vue的运行机制1.初始化调用vue原型上的_init()初始化，会初始化vue的生命周期，data，methods,props，watch，computed，利用object.definepropty对data里面的属性设置getter和setter函数，来实现响应式和依赖收集。2.挂载组件调用$mount挂载组件3.编译parse(解析)：利用
2022-02-14 13:42:06
5347
1
原创 vue3初学之composition API实现todo List
主要是看了慕课网的vue3教程，实践其中的案例，分享一下实践中遇到的一些问题首先感谢慕课网老师的课程，课程地址：课程地址先看下自己实践的效果，初学者，大佬勿喷没调整样式，但是功能都实现了，后面上完整代码实践过程1.安装vue3环境，这里不多说了，具体可以百度2.写代码，具体可以参照视频中的案例，这里只分享一下自己写的时候可能会遇到的一些问题问题一，新创建的vue3项目，有defineComponent，而视频中没有defineComponent函数，只是对setup函数进行封装，返回opt
2021-10-27 17:21:39
204
1
原创 windows10安装虚拟机及在虚拟机上创建运行vue3.x项目
最近vue3.x挺火的，手痒想试试，但是本地环境是2.x的，在不改变本地环境的情况下，想试试3.x，那就来试试用虚拟机吧。折腾了一会，还不错，给大家分享一下从虚拟机安装到运行vue3.x的步骤一.安装虚拟机1.先去下载虚拟机，直接百度搜索 vmware下载，我用的是vmware 12 pro，还不错2.安装虚拟机，这里直接引用其他大佬的安装流程，点击这里查看3.这里应该安装完成了，但是虚拟机默认的内存和核心数有点低，建议增加一下，不然跑node和编辑器会特别卡步骤：（1）在虚拟机关闭情况下，
2021-10-22 15:16:29
741
2
原创 vue表格滑过时行列高亮
接上文，我看很多朋友用vue时不好写，简单的说一下，还是先看效果图上代码template的<template> <div> <table> <tr v-for="(item,index) in 5"> <td v-for="(items,indexs) in 5" @mouseover="huadong(index,indexs)" @mouseout="likai(
2021-08-24 17:16:09
260
原创 jquery实现滑动表格所选区域变色
先看效果（请忽略样式）废话不多说，上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&
2021-08-24 11:21:21
204
原创 vue路由跳转时取消上一个页面的http请求
【应用场景】用户进入app或者网站时，在首页数据还未请求加载完成直接进入二级页面，如果此时首页请求还在继续，难免会出现一些性能问题，所以一般项目中会在页面跳转时，取消上一个页面的http请求，此处以vue项目为例【实现思路】1.新建一个数组，放置需要取消的请求，我一般放在原型里2.在拦截器里添加cancelToken属性config.cancelToken = new axios.CencleToken(c => { Vue.protoType.cList.push(c)}) 3.当
2021-08-09 10:12:41
2259
原创 npm i 或者npm下载组件报错Unexpected token
今天发现一个神奇的问题，在引入某组件的时候，使用 npm i *** -s 报错Unexpected token / in JSON at position 135237 while parsing near '…timeout": “1.0.0”然后我想用npm i初始化一下，依旧报错，网上搜了好几个方法，包括但不限于清缓存npm cache clean --force以及npm config set registry https://registry.npmjs.org均无效，然后上git拉
2021-07-14 16:52:02
750
原创 SQL SERVER学习笔记之时间日期查询
1.查询最近一段时间（1天，1一个月，一年）的数据语法select * from 表名 where 时间列名>=DateAdd(m,-1,getdate()) 最近一个月，之前的用-，将来的用+，DateAdd第一个参数可选值：year yy, yyyyquarter qq, qMonth mm, mdayofyear dy, yDay dd, dWeek wk, wwHour hhminute mi, nsecond ss, smillisecond ms2
2021-07-12 13:38:44
2372
原创 vue实现复制html字符串粘贴出来为html富文本
最近有个需要，将接口返回的 html字符串进行复制操作，并将html转为样式粘贴到富文本中，想了下，觉得是在复制操作中进行转换，话不多说，上代码export default{copyEdit(val){ let copyHandler = this.copys(val) document.addEventListener('copy',copyHandler); document.execCommand('copy'); removeEventListener('copy
2020-11-10 14:05:09
1264
2
原创 vue中动态绑定radio单选框选中状态失效
最近一个项目，在动态绑定单选按钮的选中状态时失效，代码如下效果有的动态绑定正常，有的没有显示，仔细看浏览器的dom，发现没有正常显示的是因为多组单选按钮的name重复了，所以就只会对最后一组生效多组单选按钮 , 如果设置的name相同 , 并且分别设置了默认选中 , 结果就只默认选中最后一组的设置了默认选中的按钮解决方法：在给name动态赋值的时候加上唯一标识符完美解决...
2020-11-04 09:57:14
3568
原创 vue实现浮动广告（浏览器范围内匀速移动）
原理：写一个让dom匀速移动的方法，然后用定时器每隔一定时间调用这个方法，下面直接上代码<template> <div> <div id="thediv" ref="thediv">我是浮动广告</div> </div> </template> export default { data() { return { xPos:300, yPos:200, step:
2020-10-29 08:36:48
1921
原创 vue + Asp.net引入kindeditor富文本，并实现上传图片功能
最近有个后台管理系统的项目，需要用到富文本，前端是vue，后端是Asp.net，百度搜了个kindeitor，感觉还不错，废话不多说，直接上重点vue前端部分代码1.在vue项目种引入 kindeitor富文本这里可以直接百度一下，很简单，代码较多，我就不上了，可以参考https://blog.csdn.net/qq_39953537/article/details/1000433542.解决富文本编辑器上传图片产生的跨域问题1找到源文件 kindEditor-all.js2.搜索 Ki
2020-10-16 11:08:47
887
3
原创 vue配置请求头，设置请求拦截
import axios from "axios";import qs from "querystring";axios.defaults.timeout = 60000;axios.defaults.baseURL = window.apiHost; //window.apiHost可以在main.js里进行设置axios.defaults.withCredentials = false;axios.interceptors.request.use( config => {
2020-08-19 08:41:19
2834
原创 vue和js实现将html指定dom保存为excel表格和world文件
最近有个需求，需要将html页面指定位置的dom通过按钮点击事件，另存为excel和world文件，项目是vue项目首先是导出为excel，在main.js定义一个全局方法Vue.prototype.$ToExcel = (tableID, fileName)=>{ var excelContent = $("#" + tableID).html();//NumberFormatLocal = "@"style='mso-number-format: @;' var excelFile =
2020-08-04 13:56:55
1030
3
原创 open XML获取world文件标题及所需的关键字
最近有个需求，使用c#操作world文件，并获取其中的标题及其他所需引导词后面的内容，如下图，获取文件中的标题，引导词后面的内容采用的是open xml将world文件转换成xml(open xml只支持docx文件格式,如果不是docx格式的，可以先通过world转换过来)，可以获取每个段落中的所有文字喝标签样式，已知标题的字体最大，根据标签样式属性，获取最大的样式的那个段落既是标题，其他内容可以通过indexOf查询关键词进行获取先看看完成效果代码如下（初学C#一周，如果有写的不好的地方，望大
2020-07-17 09:29:37
715
原创 c#导入百度统计API数据
最近项目中需要增加一些新功能：当前在线人数，总访问量统计，今日访问量，上一年度访问量，找了很多第三方统计工具，最后确定用百度统计，因为项目是vue的，直接引入的时候出现了跨域，发现前端用jsonp解决不了，所以就直接用c#请求再返回给前端了，话不多说，具体操作如下（本人最近新学c#，欢迎大佬指正）首先去百度统计官网注册登录站长号，然后在需要统计的网站加入代码，获得token，这些不多说AjaxResult result = new AjaxResult(); var endDat
2020-07-01 11:47:18
400
3
原创 vue移动端+pc端文件配置在同域名同路由下报404的问题及解决办法
最近写了两个项目，移动端和pc端的，刚开始用的是双域名（www.xxx.com /m.xxxx.com）后面产品需求在同一个域名下，在nginx这样配置后location /{ root /data/nginx/html; index index.html index.htm; }刚开始进页面首页正常，一切换刷新就报404，后面试了其他的方法...
2019-12-13 15:56:13
586
2
原创 关于ios系统上的浏览器new date() 返回invalid time或者nan等问题
最近写秒杀模块遇到一个问题，项目在pc浏览器各种调试没有问题，换手机时间部分显示异常，经过不断调试，是使用new Date（）返回的时间不正常苹果貌似不支持 时间格式为2019-12-7 09:25:24的格式，但是经过转换成2019/12/7 09:25:24就显示正常了话不多说，看实际案例var that = this;//将时间格式中的‘-’转换成‘/’，不转换ios中会出现异常 ...
2019-12-07 16:48:06
522
原创 jquery实现表格滑动交叉高亮效果
最近项目中遇到一个效果，就是在一个数据表格中，当鼠标滑动至某一个td的时候，实现交叉高亮的效果，话不多说，先看看效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...
2019-11-10 16:37:55
235
原创 vue实现选项卡功能
template代码<ul class="swiper-wrapper" id="wrapper" style="transition-duration: 0ms;"> <li class="swiper-slide swiper-slide-active" :class="{active: activea...
2019-11-04 13:44:52
2565
原创 vue项目在加载的时候根据设备自动跳转至移动/pc页面
在项目的index.html文件title标签下面添加方法注意：需要将index.js中的host改成本机的ip地址
2019-10-29 13:48:30
714
原创 Html5常见的兼容性问题及解决方案
1.双倍浮动bug：描述块元素设置float后，又设置横向的margin值，在ie6下，显示的值比设置的值要大解决方案：给float的块元素添加display：inline2.表单元素行高不一致解决方案：给表单元素添加float属性或者vertical-align属性3.min-height属性ie6不识别解决方案：将min-height：value写成_height：value4.图...
2019-08-01 20:36:38
3800
原创 node之JWT，及JWT的生成和校验方法
jwt–json web tokensjwt的核心是秘钥—json格式的被加密了的字符串（加密签名）1.下载：npm install --save jsonwebtoken2.token秘钥生成jwt.sign(数据，随便点内容加密的密文，（越乱越好）)var data={//数据 uname:"xxxx", userid:"1"}var mi="asdsdsdsdsads...
2019-06-21 21:14:35
2485
原创 node之session及session的存储，读取，注销方法
session是另一种记录客户状态的机制，不同的是Cookie保存在客户端浏览器中，而session保存在服务器上客户端浏览器访问服务器的时候，服务器把客户端信息以某种形式记录在服务器上，这就是session（会话）session的使用1.下载npm i --save cookie-parsernpm i --save express-session2.存储在中间件中进行存储操作...
2019-06-21 21:10:17
7517
3
原创 使用nodejs，ajax,mongoose实现登陆注册功能,带crypto加密功能
//html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-06-21 13:55:00
307
原创 jquery实现页面之间的参数互相传递
//点击产品图片 //发送页js代码，注意：此处是发送到需要接收的html文件，然后通过接收html文件的js进行接收以后的操作 $(".border").click(function(){ //获取当前点击产品的下标 let n=$(".border").index(this)+1; //将下标添加到跳转的url链接之后 //在跳转链接后面用...
2019-06-14 08:47:40
4732
原创 jqery查询数据库，动态获取数据库里面的参数
//查询数据库,动态获取产品的图片,型号等信息 $(".oli").each(function(index){ let n=index+1; //console.log(n); $.post("index.php",{id:n},function(res,status){ }).then(function(res){ var str = res; /...
2019-06-14 08:38:51
1105
原创 jquery使用load方法引入外部文件，js不生效的解决方法
$(function(){ //load是异步操作，所以要将getscript放在load的回调函数里， $(".head").load("clone.html .header",function(){ //$.getScript也是异步操作，需要将在getScript生效之后的事件放在getScript的回调函数里 $.getScript("js/details-head.js"...
2019-06-14 08:32:00
2468
原创 jquery实现轮播图效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #oImg{ width: 500px; height:300px ; background: url(img/...
2019-06-03 09:07:08
9801
原创 cookie实现自动登陆，切换账号功能
//登陆首页<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 账号：<input type="text" id="userId"/><br />...
2019-05-22 14:21:41
2124
原创 php连接mysql，并实现增删改查
<?php header("Content-type:text/html;charset=utf-8"); $conn=mysql_connect("localhost","root","root"); if($conn){ echo "链接成功"; mysql_select_db("zhangsan"); } else{ echo "连接失败"; } //增//...
2019-05-22 14:18:59
732
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人