frontend
文章平均质量分 75
jwolf2
华山论剑
展开
-
原生js高仿浏览器ctrf+f
高仿要点:关键词高亮命中数scroll到第一块命中的内容#1.获取页面body内容oldBody=document.body.innerHTML#2.js正则前瞻后顾(参考)body中的keyword,为关键词加上样式,正则部分表示:keyword前面是>开头,然后匹配多个非<,>其它字符,然后匹配关键词,关键词后匹配多个非<,>其它字符,再匹配一个<keword='成都'newBody=oldBody.replace(new RegExp(ev原创 2021-08-24 00:41:36 · 183 阅读 · 1 评论 -
以freemarker和vue为例深入理解后端渲染、前端渲染
目录一、springboot集成freemaker demo二、echarts图表,echarts已由百度迁入apache,官网。三、vue.js 后端使用----非node环境vue-cli构建的vue使用方式 官网四、freemarker后端渲染,vue前端渲染五、案例:html转pdf的几个方案一、springboot集成freemaker demopom.xml<?xml version="1.0" encoding="UTF-8"?><..原创 2021-05-19 23:57:54 · 5090 阅读 · 0 评论 -
promise对象与promise在vue axios响应拦截器中的应用
目录一.深入理解promise二、promise在vue响应拦截器的实际应用console.log('start')setTimeout(()=>{console.log('请求后端数据(约3秒)')}, 3000);console.log('end')代码分析1js异步执行,不阻塞,但有些操作之后需要执行回调。下例可以简单实现回调,但这种回调是定时回调,如下请求后端数据,给定3s,如3s后端还没返回,这时执行回调得不到数据,或后端1s就已返回,前端却固定3s才能执行回调,.原创 2021-01-14 00:24:59 · 2318 阅读 · 0 评论 -
vue前端项目jenkins构建
流程描述:选择适当的模板进行配置,freestyle project和pipeline都比较简单。jenkin所在机器需要git,node环境,主要通过git拉取代码,执行npm run XXX 进行打包,然后将打包文件移到到nginx转发的静态资源目录即可。1.选择模板2.以freestyle project模板构建配置自定义参数配置代码库,如果是jenkins与git库同主机,repository URL只需要配置文件绝对路径如/data/git/op.git,不需要凭证。如果非原创 2020-10-13 22:59:32 · 417 阅读 · 0 评论 -
Vue数据变更,但百度地图无法重新渲染轨迹问题,解决方案——$nextTick 。
1、问题描述:F5刷新页面首次请求数据,百度地图可以渲染出轨迹图,修改查询数据后,轨迹图无法重新渲染2、解决方案:①、使用v-if 控制组件的显示②、监听后端返回的轨迹数据(对象内部监听),数据变更时利用v-if将组件销毁,$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调DOM,在回调中(DOM已更新完毕)再将v-if置为true。https://blog.cs...原创 2019-10-19 09:40:30 · 3753 阅读 · 3 评论 -
Jquery validation插件优雅验证表单数据
特点:l 内置验证规则:拥有必填、数字、email、url和信用卡号码等19类内置验证规则l 自定义验证规则:可以很方便的自定义验证规则l 简单强大的验证信息提示:默认了验证信息提示,并提供自定义覆盖默认提示信息的功能l 实时验证:可以通过keyup或bulr事件触发验证,而不仅仅在表单提交的时候验证。<script type="text/javascript" ...转载 2019-04-12 09:45:18 · 173 阅读 · 0 评论