利用bootstrap-table 表格表头固定

客户的需求是探索的动力。利用bootstrap-table来固定表头 在table设置 data-height data-fixed-scroll 属性即可。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.1/dist/bootstrap-table.min.css"> <script src="ht

前端 · 07-17

VUE 引入外部样式

如题<style lang="scss" scoped> @import "./style.scss"; .co-body { height: 40px; background-color: aqua; } </style> <style src="../static/style.css"></style>vue组件如何引入外部.js/.css/.scss文件

VUE·前端 · 04-02

使用内容安全策略（CSP）屏蔽前端脚本劫持

发现注入内容：var _0xafac=["\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x73\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x63\x6F\x6F\x6B\x69\x65","\x3D","\x3B\x65\x78\x70\x69\x72\x65\x73\x3D","\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67","\x77\x61\x66\x5F\x73\x63","\x35\x38\x38\x39\x36\x34\x37\x37\x32\x36","\x25\x33\x43\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x27\x68\x74\x74\x70\x73\x3A\x2F\x2F\x70\x6C\x75\x67\x69\x6E\x

PHP·前端 · 03-20

uniapp，uview获得元素高度

uniappuni.getSystemInfo({ 　　success: function(res) { // res - 各种参数 　　 let info = uni.createSelectorQuery().select(".类名"); 　　　 　info.boundingClientRect(function(data) { //data - 各种参数 　　　 　console.log(data.width) // 获取元素宽度 　　 }).exec() } });uviewexport default { methods: { async getElInfo() { let rectInfo = await this.$u.getRect('.类名'); console.log(rectInfo); } } }转：微信小程序,uniapp，uview获得元素高度

前端 · 03-14

转载：vue+webpack打包发布到线上后微信公众号H5部分打开白屏,刷新又好了

客户有反馈，有些客户打开后白屏。有视频为证。遂开始排查，在编辑器里搜索，反复试验均无果。出现白屏后，刷新即可修复。这次可能的原因分析白屏原因，应该是用户访问的index.html并不是最新的, 而是微信缓存的旧版的index.html 但是本地的JS缓存过期了，加载旧版JS的时候404了。微信客户端及微信浏览器下比较特殊，这个bug一样的存在居然把入口文件html给缓存下来了，这就意味着通过版本号和hash号的形式避免缓存的方案失效了。同时html的meta设置依旧没能生效。标准的浏览器是不会缓存html文件的。经常使用vue作为开发框架的开发者都知道，build打包后，所生成的css/js的文件名中间会夹杂哈希值，以此来避免缓存问题。但是由于入口文件index.html的名字每次打包后不改变，并且也不能乱变，就导致了index.html在用户端仍然会被缓存下来。那么在服务端更新包之后，由于旧的文件被删除，而index.html所链接的路径依然是旧文件路径，因此会找不到文件，从而白屏。location / { root /root/path; index inde

VUE·前端 · 03-04
2022 - 2024 进击的小学生. All Rights Reserved.
Theme Jasmine by Kent Liao