服务器 腾讯云cos对象存储css字体跨域解决方法 2021-06-26 4203℃ 在部署博客到服务器的时候，出现的字体图标显示不正常的现象。打开浏览器的控制台(F12)，可以看到是字体跨域加载出现错误。Access to font at 'https://xxx.file.myqcloud.com/layui/font/iconfont.ttf?v=240' from origin 'http://daha.cc' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.原因是因为我把静态资源存放在腾讯云对象存储
前端 vue双向绑定v-model实现子组件修改数据 2021-06-25 3212℃ 版本说明Vue 2.6.12Vue-Cli 4.2.3需求说明默认情况下，我们可以使用v-model属性来实现父子组件数据双向绑定。这样当父组件数据更新时，子组件的数据也会同步更新。但是如果我们要在子组件更新数据，并且同步更新父组件数据时，就会报错。[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property bas
前端 原生js实现输入框清空和密码框显示隐藏 2021-06-25 2315℃ 效果图预览html完整代码 原生js实现输入框清空和密码框显示/隐藏 .form-item{ margin: 10px; } 用户登录 帐号： 清空 密码： 显示 //清空帐号文本 function clear() { //获取帐号输入框元素 var accountDom = document.getElementById("account"); //清空输入框文本 accountDom.value = ""; } //
前端 wangEditor代码高亮插件highlight.js 2021-01-04 3666℃ 框架说明wangEditor 4.6.1Highlight 10.5.0使用说明下图是wangEditor编辑器插入代码块时所生成的html代码默认情况下，是没有任何美化样式的，在前台显示时，不利于阅读我们可以使用highlight.js来进行代码高亮处理<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
前端 html+css实现自适应正方形图片显示 2021-01-01 1654℃ 效果图预览完整html代码 自适应正方形图片显示 #app { display: flex; max-width: 540px; margin: auto; justify-content: space-around; flex-wrap: wrap; padding: 0 2%; } .item { /* 图片宽度 */ width: 30%; /* 图片高度 */ padding-bottom: 30%; height: 0; overflow: hidden; position:
前端 vue实现动态增删表单项/表格项 2020-12-28 1280℃ 效果图预览html完整代码 vue动态增删表单项 #app{ padding: 15px 30px; } .form-inline .form-group{ display: block; margin-bottom: 15px; } .form-inline .form-control{ margin-right: 5px; } 用户数据管理 名字 年龄 邮箱 删除 新增一行 var
前端 原生js实现ajax异步请求 2020-12-27 1295℃ (function(window, undefined){ //对象转字符串 var objectToString = function (data) { let newData = []; for (let k in data) { if (data.hasOwnProperty(k) === true) { newData.push( encodeURIComponent(k) + '=' + (data[k] === null ? '' : encodeURIComponent(data[k])) ); } } return n
