前端
前端
白鸽呀
这个作者很懒,什么都没留下…
展开
-
Linux安装NodeJs
添加环境变量,注意:不仅可以编辑profile文件,也可以编辑profile.d下面的文件设置环境变量一样的,原因:profile文件内部代码,遍历了profile.d。下载之前要清楚自己Linux系统是x64还是ARM。将解压后的文件移到自己的软件安装目录。原创 2022-10-05 11:13:07 · 646 阅读 · 0 评论 -
vue动态参数
从 2.6.0 开始,可以用方括号括起来的 JavaScript 表达式作为一个指令的参数:<!--注意,参数表达式的写法存在一些约束,如之后的“对动态参数表达式的约束”章节所述。--><a v-bind:[attributeName]="url"> ... </a>这里的 attributeName 会被作为一个 JavaScript 表达式进行动态求值,求得的值将会作为最终的参数来使用。例如,如果你的 Vue 实例有一个 data property att转载 2021-03-03 22:32:36 · 1283 阅读 · 1 评论 -
node-sass与node版本映射
项目中 node-sass 版本为4.x,本地node为14,但是服务器安装的node版本是 16,要求node-sass版本为 6.x,更换node即可。版本不匹配,比如在node16上面安装node-sass 4.x,那么就可能会报以下错误。原创 2022-10-05 11:18:29 · 16350 阅读 · 0 评论 -
package.json修改项目的依赖版本
1.在package.json文件中增加如下代码:例如修改 stylus版本"stylus-loader": "^3.0.1","stylus": "0.52.4",2.然后回到命令窗口 输入npm install //重新安装项目的依赖3.然后在输入npm run dev //重新运行项目即可...原创 2021-08-15 16:01:58 · 1341 阅读 · 0 评论 -
npm ERR Could not resolve dependency: npm ERR peer
legacy-peer-deps:安装时忽略所有peerDependencies,忽视依赖冲突,采用npm版本4到版本6的样式去安装依赖,已有的依赖不会覆盖。在新版本的npm中,默认情况下,npm install遇到冲突的peerDependencies时将失败。–force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。建议用–legacy-peer-deps 比较保险一点。原创 2022-10-05 11:25:09 · 6032 阅读 · 2 评论 -
vue不同环境使用axios跨域,前端解决方案
development 环境只需要在config->index.js dev模块中添加proxyTable 即可proxyTable: { //当请求中以/api 开头时,对将/api请求路径进行代理 '/api': { //接口域名 target: 'http://localhost:3000/', // 如果接口跨域,需要进行这个参数配置,为true的话,请求的header将会设置为匹配目标服务器的规则(Access-Co..原创 2021-04-11 10:52:47 · 417 阅读 · 0 评论 -
vue-video-player基本使用
下载npm install vue-video-player如果不使用vue的话,可以直接去官网,或者cdn获取对应js即可在vue中的基本使用main.js中(全局)import Vue from 'vue';import VueVideoPlayer from 'vue-video-player';导入css,和中文支持window.videojs = VueVideoPlayer.videojs;import 'video.js/dist/video-js.css';r..原创 2021-04-11 16:07:02 · 515 阅读 · 0 评论 -
vue-cli 安装问题ERROR command failed: npm install --loglevel error --registry
使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry命令:vue create vue-hello错误提示:ERROR command failed: npm install --loglevel error --registry一、出现这个错误,首先需要排除,node,npm的版本问题。二、然后尝试清除npm缓存:npm cache clean --force三、关键方法:使转载 2021-03-03 22:30:24 · 1542 阅读 · 2 评论 -
vue中 css文件引入失败等问题
1、全局引用css文件main.js 作为一个入口文件可以全局引用css文件在main.js中加入import '../static/css/bootstrap/study/bootstrap.min.css'值得注意的是如果是boostrap.css 文件,是需要这一些图标库的如果没有这些,引入bootstrap css文件,项目编译时,会报这些module不存在。因此我们只需要去bootstrap 官网下这些库就行了。但是还有一点需要注意:这些文件需要放在fonts目录下,并且boo原创 2021-03-03 22:26:28 · 5740 阅读 · 2 评论 -
gyp ERR! stack Error: EACCES: permission denied, mkdir
npm 出于安全考虑不支持以 root 用户运行,即使你用 root 用户身份运行了,npm 会自动转成一个叫 nobody 的用户来运行,而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作,比如写文件(尤其是写 /root/.node-gyp),就会崩掉了。为了避免这种情况,要么按照 npm 的规矩来,专门建一个用于运行 npm 的高权限用户;要么加 --unsafe-perm 参数,这样就不会切换到 nobody 上,运行时是哪个用户就是哪个用户,即是 root。原创 2022-10-05 11:20:21 · 628 阅读 · 0 评论 -
vue项目使用域名部署(一个域名多个项目)
vue去掉访问路径中的#号在router -> index.js中添加export default new Router({ base: "/xi-music/", //项目名称 访问路由页面都需要加上这个,访问的根路径为http://ip:port/webSite mode: "history", //消去# routes: [ ]})vue项目打包build模块中将/ 改为 assetsPublicPath: ‘/xi-music/’,该名称可以任..原创 2021-04-11 12:01:53 · 3166 阅读 · 0 评论 -
定时器的秘密
原文https://www.cnblogs.com/visugar/p/7252976.htmlsetTimeout()是大家再熟悉不过的定时器,但平时对定时器的了解甚少,于是想看看setTimeout()的原理机制。setTimeout()基础setTimeout()函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。var timeer = setTimeout(function|code,delay);注:其中为code时需要以.转载 2021-04-11 12:32:14 · 75 阅读 · 0 评论 -
js格式化时间(不使用moment)
let date = new Date(album.publishTime);let YY = date.getFullYear() + '-';let MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';let DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());let hh原创 2021-08-15 15:57:35 · 162 阅读 · 0 评论 -
axios定制化设置请求响应拦截器,统一处理请求响应
axios定制化设置请求响应拦截器,统一处理请求响应设置拦截器的目的在于:可以定制化,设置请求头,公共api,超时时间。统一处理响应,对于前端获取的数据更加清晰。配置axios,返回axios对象 request// 设置默认请求头axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'// 注意:axios默认返回的就是promiseconst service = axios.create({ //原创 2021-08-23 15:03:44 · 960 阅读 · 0 评论 -
js数组常用方法整理
js数组常用方法整理1. Array.push(),向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。2. Array.pop(),删除并返回数组的最后一个元素,若该数组为空,则返回undefined。原数组改变。3. Array.unshift(),向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。4. Array.shift(),删除数组的第一项,并返回第一个元素的值。若该数组为空,则返回undefined。原数组改变。5. Array.concat(arr转载 2021-08-24 14:49:23 · 3120 阅读 · 1 评论 -
vueLazyLoad懒加载基本使用
下载npm install vue-lazyload基本使用main.js中//导入插件import Vue from 'vue';import VueLazyload from "vue-lazyload";//使用插件Vue.use(VueLazyload,{ //懒加载默认图片 loading: require('./common/image/default.png')})全局域使用了vue-lazyLoad,各个组件将src 替换v-lazy 即可配置项..原创 2021-04-11 15:46:28 · 319 阅读 · 0 评论 -
Base64编码理解与实现(编码图片)
基础Base64是一种数据编码方式,目的是让数据符合传输协议的要求。在项目中,将报文进行压缩、加密后,最后一步必然是使用base64编码,因为base64编码的字符串,更适合不同平台、不同语言的传输;这算法是编码, 不是压缩, 编码后只会增加字节数;(比之前多3分之一,如之前是3,编码后是4)算法简单, 几乎不会影响效率;算法可逆, 解码很方便, 不用于私密信息通信;虽然解码方便, 但毕竟编码了, 肉眼还是不能直接看出原始内容;加密后的字符串只有[0-9a-zA-Z+/=], 不可打印原创 2021-08-23 15:32:54 · 904 阅读 · 0 评论 -
vue-router的两种模式的区别 (hash模式-history模式)
vue-router的两种模式的区别 (hash模式-history模式)1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点: 良好的交互体验,用户不需要刷新页面,页面显示流畅, 良好的前后端工作分离模式,减轻服务器压力,缺点: 不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash模式—使用URL的ha转载 2021-08-26 12:10:36 · 795 阅读 · 0 评论 -
fastclick解决移动端click事件延迟300ms和点击穿透
移动端click事件存在300ms延迟为什么?由于浏览器双击缩放机制的设定,点击一次无法判断是否需要打开某一链接,因此需要等待300ms.解决:使用fastclick1、安装npm install fastclick2、 不同使用方式全局html<meta name="viewport" content="width=device-width, initial-scale=1">2.1、vueimport fastClick from 'fastclick';fas..原创 2021-04-11 15:29:15 · 351 阅读 · 0 评论 -
Springboot集成验证码
依赖 <!--验证码 --> <dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>${kaptcha.version}</version>原创 2021-08-23 15:51:41 · 274 阅读 · 0 评论 -
javascript+CSS 实现原生轮播图
js+css原生轮播1.html<ul id="banner" ></ul>2.cssul{ list-style:none; position: absolute; padding: 0; left: 0; right: 0; bottom: 0; top:0; margin:auto; width: 800px; height:200px;}3.js//生成轮播图export fu原创 2021-08-15 16:00:13 · 158 阅读 · 0 评论 -
父容器透明,子容器不透明
让父容器透明,子容器不透明让父容器透明,子容器不透明一般有两种方法相对定位和绝对定位的使用父容器css rgb为0。也即css加上background: rgba(0,0,0,0);个人博客:https://www.xiaoxuya.top/原创 2021-03-04 12:41:51 · 353 阅读 · 1 评论