logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

原生js实现字幕滚动

使用css和原生js实现的字幕滚动效果,无缝衔接效果原理容器设置固定宽度,超出部分隐藏,滚动部分绝对定位并通过定时器改变位置实现html部分<div class="scroll"><span>这里是要现实的滚动内容......</span></div>css部分.sc

基于API的用户认证(OAuth2.0,JWT(json web token))了解

1.OAuth2.0API接口权限认证OAuth2.0流程(用户访问客户端并将其导向认证服务器->用户授权->认证服务器将用户导向客服端redirectURL并附带授权code->客户端将code和redirecURL发送给验证服务器申请token->验证服务器验证redirectURL和code->发送token和refreshtoken给客户端->客户端url加上token成功访问网址)

SSR

前后端分离后单页面应用盛行,出现了服务端渲染的说法,其能更好的SEO什么是服务器端渲染 (SSR)服务器将组件和获取到的数据解析生成html字符串,发送给客户端。过程同之前的php、java等的全栈开发,使用模板引擎,获取数据后解析为html字符串后,发到客户端展现。服务器渲染的 Vue.js 应用程序,可以同时在服务器和客户端上运行。为什么使用服务器端渲染 (SSR)更好的 ...

vue-cli3 使用postcss-plugin-px2rem

postcss-plugin-px2rem是可以将px自动转化为rem的postcss插件安装 npm i postcss-plugin-px2rem --save -devpackage.json中添加配置(组件中px转rem才生效)在package.json、package.json、package.json中设置很重要"postcss-plugin-px2rem": { "r...

Vue中使用eslint代码检测

如何使用1、第一种 使用脚手架时配置使用vue-cli脚手架构建webpack模板的vue项目时会询问你是否使用eslint 选择yes 之后选择检测的配置文件a.选择eslint语法检测b.选择配置文件这里我选择的standard 据说airbnb非常严格这样生成之后就自带了代码检测测试一下cd myappnpm run dev显示没问题接下来我们将代码修改一下出错了函数和参数需要有空格。2..

vue组件eleme 时间选择器问题

使用饿了么vue时间选择组件时选择的时间显示为本地时间  在传递数据到后台是时间慢8小时解决方法.tostring();或者定义date扩展Date.prototype.Format = function (fmt) { //author: meizzvar o = {"M+": this.getMonth() + 1, //月份"d+":

问题杂记-Vue组件中使用地址引入图片

一般我们在html 和css文件中需要用到图片时直接使用相对路径即可。如<img src="@/img/img1.png"/>  background="url(@/img/img1.png)"但在vue中style中这样使用会出错,找不到文件。template模板中既可以使用相对路径,也可以使用别名@ style中可以使用相对路

webpack 处理网页小图标favicon

问题现象:vue脚手架使用了HtmlWebpackPlugin插件打包index中的依赖,因此设置小图标的时候按原来的方法会出现问题在页面源文件index.html的标签之间插入<link rel="shortcut icon" href=" /favicon.ico" />仍然无法加载小图标解决方法:HtmlWebpackPlu

#webpack
Vue.js的初步使用

Vue.js的初步使用领导布置了一个新任务,这次尝试着前端使用bootstrap+vue.js后端用thinkphp5进行开发。页面的样式布局直接使用的模板之家下载的bootstrap模板,因为没啥美感,还是直接下载使用来的快。接下来是正式部分vue的使用:在html头文件部分在线引入vue.js <script src="https://unpkg.com/vue/dist/vue.js">

#html
vue登录验证

思路:前端验证1、路由meta中保存是否需认证字段//meta:{//requireAuth:true //需要登录验证//},2、使用vue-router的全局前置守卫进入路由前判断该路由是否需要登录验证router.beforeEach((to,from,next)=&amp;gt;{if(to.meta.requireAuth){ //是否需要登录权限......

    共 18 条
  • 1
  • 2
  • 请选择