Xyp9x.-CSDN博客

原创 css3按钮好看的特效(二)

css3按钮好看的特效(二)先让我们看一下按钮特效二的效果：在碰上去的时候发光且由梯形变成了长方形。需要合理的理解运用到before和after。先看看按钮的元素结构，简简单单的一个a标签里面套着一个展现字体内容的span。 <a href="#" class="playlight"> <span class="play">ENJOY THE GAME&l...

2020-03-23 01:55:16 503

原创 css3按钮好看的特效(一)

css3按钮好看的特效(一)首先看一下如下效果，特效一是一个边框渐出的效果，需要运用到svg去实现看看html结构很简单，一个按钮div中套着一个用来实现边线的svg和一个用来显示文字的div，在svg中需要加入一个rect是svg中的矩形。 <div class="btn"> <svg width="200" height="60"> ...

2020-03-15 01:48:50 950 2

vue-countupjs的使用 vue-countupjs的前身就是countup.js专门用于做数字增长的动画，满足一些展示型数字的使用.使用流程1. 安装vue-countupjsnpm install vue-countupjs --save2. 项目中如何使用<template> <div> <VueCountUp :start-value="0" :end-value="middleValue2.value1" :duration="1

2021-10-08 16:13:24 2117 1

原创 JS如何动态生成正则

JS如何动态生成正则项目中有时会碰到动态传值改变正则eval方法的妙用eval方法直接解决，如下图动态改变num来改变正则，eval直接先执行里面字符串内容，转换为正则

2021-08-26 22:11:04 1316

转载解决github网站 git 操作太慢问题

上网查找改善方法解决了问题：思路：git clone 特别慢是因为github.global.ssl.fastly.Net域名被限制了。只要找到这个域名对应的ip地址，然后在hosts文件中加上ip–>域名的映射，刷新DNS缓存就可以了 1.获取 global.ssl.fastly地址访问 http://github.global.ssl.fastly.net.ipadd...

2021-07-16 16:39:20 356

原创 Express 中间件分类

Express 中间件分类在Express中应用程序可以使用以下类型的中间件:1. 应用程序级别中间件不做任何限定的中间件 app.use((req, res, next) => { console.log("不做任何限定的中间件"); //交出执行权，往后继续匹配执行 next(); });限定请求路径的中间件 app.use("/user/:id", (req, res, next) => { console.log("限定请求路径的中间件",

2021-07-14 14:55:57 322 3

原创 vue-ueditor-wrap光标闪回问题

vue-ueditor-wrap光标闪回问题相信在使用vue-ueditor-wrap的一些小伙伴也碰到如下的问题，因为需要运用富文本的插件，所以必须想办法解决。在翻阅了vue-ueditor-wrap的论坛和giHub发现了目前唯一一个解决的方法，便是将vue-ueditor-wrap版本回退到2.4.4版本，这个版本没有光标闪回问题。...

2021-05-25 10:42:40 648 3

原创 Vue3对比Vue2优点

Vue3浅谈部分优点Vue3六大亮点性能比Vue2 快 1.2～2倍按需编译，体积比vue2更小组合API：组合API（类似React Hooks）更好的Ts支持Custom Render API: 暴露了自定义渲染API更先进的组件Vue3是如何变快的？diff方法优化：vue2中的虚拟dom是进行全量的对比vue3新增了静态标记vue3 Dom生成：https://vue-next-template-explorer.netlify.app/<div>

2021-04-12 18:26:02 970 1

原创页面渲染html的过程

页面渲染html的过程浏览器渲染页面的一般过程：1.浏览器解析html源码，然后创建一个 DOM树。并行请求 css/image/js在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement，对应的是html标签。2.浏览器解析CSS代码，计算出最终的样式数据。构建CSSOM树。对CSS代码中非法的语法它会直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级：浏览器默认设置 < 用户设置 < 外链样

2021-02-18 13:52:43 434

原创 js 遍历A节点的父节点下的所有子节点

遍历A节点的父节点下的所有子节点长时间使用mvvm框架，可能会忘记<script> var b=document.getElementById("a").parentNode.children; console.log(b)</script>

2021-02-18 13:48:01 3129

原创 vscode 代码提示只有一行问题

vscode 代码提示只有一行问题编写代码一段时间后突然提示变的只有一行，困扰好久发现vscode更新了提示的缩展触碰底线久可以拖动将延展放出来，提示就出来啦！

2020-12-14 15:41:29 2022 5

原创 wepy生命周期顺序

wepy生命周期顺序onPrefetch 在页面跳转时触发，用于预加载和预查询数据。onLoad 页面加载完成时调用，一个页面只会调用一次。（在路由跳转的时候通过navigateTo跳转的话onload会重新执行，通过navigateBack跳转的话onLoad不会重新执行）即页面加载时调用，页面隐藏到后台而非关闭，再次打开不会调用此函数。onShow 页面显示的时候调用，每次页面从后台调用到前台时即调用。onReady 页面中的所有资源加载完成时调用。onUnloa

2020-12-14 11:34:24 270

原创 vue如何在app打包后看到控制台方便调试

vue如何在app打包后看到控制台方便调试在index中 <div id="app"></div>下添加v-console即可v-console: <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> var vConsole = new VConsole({ defaultPlug

2020-10-23 11:45:53 1329

原创 vue通过params和query传值(刷新不丢失)

vue通过路由传值在许多跳转的同时需要完成携带参数，并且在刷新的同时不丢失参数。$router : 是路由操作对象，只写对象$route : 路由信息对象，只读对象一. 通过query传递参数刷新不丢失参数在需要传值的页面： this.$router.push({ path: '/tasks',//通过path跳转 query: { id : id, formId : formId } })设置的router:{ path: '/tasks',

2020-09-07 15:54:45 3030 1

原创 jquery QRcode使用

jquery QRcode使用首先要知道qrcode是ie9+以上兼容，ie8的小伙伴可能用不了啦。主要步骤有3步骤1.要想使用需要先引入jquery.qrcode.min.js。2.在html中添加一个生成二维码的容器。 <div id="qrcode"></div>3.在html中添加一个生成二维码的容器。//生成前景色为红色背景色为白色的二维码 jQuery('#qrcode').qrcode({ render: "canvas", //也可以替换

2020-08-11 15:37:33 961

原创 js如何修改地址栏参数而不刷新页面

js如何修改地址栏参数而不刷新页面运用history的方法 //新的地址history.replaceState(null, null, Url)//或history.pushState(null, null, Url)//但跟路径必须还是本页路径，参数是可以修改的～～～～～～～end ～～～～～～～...

2020-07-17 18:18:18 1933

原创 java模版引擎 FreeMarker使用简介

FreeMarker使用简介FreeMarker 是一款模板引擎：即一种基于模板和要改变的数据，并用来生成输出文本,它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。模板 + 数据模型 = 输出 <h1>Welcome ${user}!</h1> <a href="${latestProduct.url}">${latestProduct.name}</a>! (root) | +- use

2020-07-17 11:07:35 179 1

原创运用延时器防抖和节流

运用定时器防抖和节流防抖：防抖的作用主要解决的是在执行事件时，一段时间只让执行一次。例如验证码刷新，点击之后会进入读秒短时间不会再让执行var timeBoolean = true;//开关变量function debounce() { if(timeBoolean == true){ timeBoolean=false doing() setTimeout(function(){ timeBoolean = true

2020-07-10 11:26:26 452

原创 vue中运用echarts

vue中运用echarts首先看看echarts的官网echarts官方事例因为vue是虚拟dom所以在运用vue生命周期确保dom元素已经挂载首先下载echarts npm install echarts --save下一步在main.js将echarts挂载在vue原型,方便后面使用调用import echarts from 'echarts'Vue.prototype.$echarts = echarts在展现echarts图的位置放置一个div<div ref=

2020-07-06 09:55:57 345

原创 node-uuid生成唯一id

node-uuid生成唯一id1.使用npm安装node-uuidnpm install node-uuidUUID Version 1：基于时间的UUIDUUID Version 2：DCE安全的UUIDUUID Version 3：基于名字的UUID（MD5）UUID Version 4：随机UUIDUUID Version 5：基于名字的UUID（SHA1）唯一信最高v1和v2，但v2用的很少v3和v5可能重复v4简单方便但不建议用最常用的v1和v4var uuid = re

2020-06-14 01:06:50 898

原创 node.js 跨域接收和跨域返回

node.js 跨域接收请求和跨域返回解决跨域接收请求//设置跨域请求app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourH

2020-06-07 16:47:18 169

原创 vue axios跨域请求

vue axios跨域请求在写项目时候运用axios可以合理的解决跨域请求的问题//先引入axiosimport axios from 'axios'//配置请求的跟路径跨域地址axios.defaults.baseURL = "http://192.168.11.102:8888/"//将$http放到Vue的原型中方便后面的使用Vue.prototype.$http = axios this.$refs[formName].validate(asy

2020-06-07 16:37:33 227

转载解决vue的代码规范eslint

之前在用cli搭建vue项目的时候，因为手快，直接按了默认装了eslint了，后面觉得也好，有个限制也能规范一点，就没管了，但是写的时候遇到一个很头疼的问题，就是比如我知道后面可能会用到某个变量，我先定义好，后面直接拿来用，但是eslint打了我一巴掌，不行，你定义了就必须用！！！如下图：当然，我也不是好欺负的，不行，我不用我也要先占着！！！哈哈哈，原来可以关掉这个规则验证的，只要在package.json里面的eslintConfig里面的规则里面加上"no-unused-vars":“off”

2020-06-07 01:00:00 156

空空如也

空空如也