一路繁花似锦绣前程

nuxt配置环境变量

摘要： 1、npm i -D cross-env 2、配置package.json "scripts": { "dev": "cross-env NODE_ENV=dev nuxt", "build": "nuxt build", "start": "cross-env NODE_ENV=prod nuxt 阅读全文

posted @ 2021-03-25 13:08 一路繁花似锦绣前程阅读(274) 评论(0) 推荐(0)

OAuth2单点登录知识点

摘要： ###一、前端 #####1、前端知识点登录并重定向 /?redirectURL= 退出并重定向 /logout?redirectURL= 刷新令牌并重定向 /refresh?redirectURL= 登录及刷新令牌接口，需提供OAuth2认证所需的客户端id及密码 url组成协议://主机名. 阅读全文

posted @ 2021-03-17 19:59 一路繁花似锦绣前程阅读(187) 评论(0) 推荐(0)

nuxt整合element-ui

摘要： 1、npm i -S element-ui 2、新建element-ui插件 import Vue from 'vue' import ElementUI from 'element-ui' Vue.use(ElementUI) 3、配置nuxt.config.js css: [ 'element- 阅读全文

posted @ 2021-03-16 16:24 一路繁花似锦绣前程阅读(230) 评论(0) 推荐(0)

nuxt知识点

摘要： 1、nuxt.config.js * server: { port: '3000',//服务端口号 host: '0.0.0.0' } * 全局的配置文件 2、layouts * 默认default，自定义组件不会省略index * 路由组件标签<nuxt/> * layout() {//使用自定义阅读全文

posted @ 2021-03-12 16:37 一路繁花似锦绣前程阅读(202) 评论(0) 推荐(0)

canvas图层添加拖拽事件

摘要： <template> <div style="height: 100%;text-align: center"> <canvas id="cvs" width="600" height="600"></canvas> </div> </template> <script> export defaul 阅读全文

posted @ 2021-03-08 16:31 一路繁花似锦绣前程阅读(274) 评论(0) 推荐(0)

监听属性改变defineProperty和文档碎片createDocumentFragment

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ll</title> </head> <body> <div id="el"> <div>xxx</div> <div>yyy</div> </div> <sc 阅读全文

posted @ 2021-03-04 17:44 一路繁花似锦绣前程阅读(75) 评论(0) 推荐(0)

css mask文字渐变+clip-path裁剪路径+border-image图片边框

摘要：一、mask <template> <div> <div class="textGradient" data-text="这是一段中文">这是一段中文</div> </div> </template> <script> export default { name: "a9" } </script> 阅读全文

posted @ 2021-02-01 09:10 一路繁花似锦绣前程阅读(430) 评论(0) 推荐(0)

vue全屏组件

摘要： <template> <div ref="full" class="ll-full"> <div ref="adapter" class="ll-adapter"> <slot /> <svg-icon :icon-class="useicon" class-name="ll-icon" @clic 阅读全文

posted @ 2021-01-26 13:17 一路繁花似锦绣前程阅读(316) 评论(0) 推荐(0)

css弹性盒骰子

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css弹性盒骰子</title> <style> * { margin: 0; padding: 0 } div { width: 200px; height: 200px; bo 阅读全文

posted @ 2021-01-15 15:15 一路繁花似锦绣前程阅读(192) 评论(0) 推荐(0)

移动端适配方案pxtorem

摘要： ####一、移动端适配方案pxtorem #####1、安装 # vue create hello-world创建的项目 npm i -D autoprefixer@8.0.0 npm i -D postcss-pxtorem npm i -S lib-flexible #####2、新建postc 阅读全文

posted @ 2020-12-25 16:22 一路繁花似锦绣前程阅读(145) 评论(0) 推荐(0)

导航

2021年3月25日

2021年3月17日

2021年3月16日

2021年3月12日

2021年3月8日

2021年3月4日

2021年2月1日

2021年1月26日

2021年1月15日

2020年12月25日