- 博客(45)
- 收藏
- 关注
RSS订阅
原创 webpack解决跨域问题
一、生产环境跨域：请参考 nginx解决跨域问题二、开发环境跨域：使用vue-cli搭建的前端项目，可通过配置vue.config.js文件解决。module.exports = { // 配置代理，解决跨域问题 devServer: { port: '8080', // 设置端口号 https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { '/api': { t
2022-04-16 13:38:50
3322
原创 nginx解决跨域问题
正式部署的项目，如果不存在跨域问题，需要在代码中配置生产环境。如果存在跨域问题，由于需要nginx解决跨域问题，所以代码中不需要配置生产环境接口请求的协议、域名、端口，这样生产上就会默认请求实际部署的域名、端口，然后在nginx中配置代理，当访问生产地址接口时，被代理到跨域接口地址。执勤台正式部署，推送代码到远程先找到本地dist所在的目录，然后打开终端scp -r dist [email protected]:/data/nginx/ 使用的是8081端口，使用的是ngnix服务或
2022-04-09 14:05:22
990
原创 vue给对象添加属性，无法与视图响应（已解决）
问题：vue中，给data中的某个对象添加属性，无法与页面响应解决方法：方法一：直接在对象中写上属性data() { return { //错误写法 //handle_form: {}, //正确写法 handle_form: { ruleName: '' }, }}方法二：通过$set赋值 //错误写法 this.handle_form.rule
2021-10-11 10:47:41
1483
原创 wx.XXXXX is not a function（已解决）
报错问题原因: 调试基础库的版本太低解决方案：在微信开发者工具界面，将调试基础库改到高版本
2021-09-17 18:13:25
4039
2
原创 html页面显示之前执行js方法
一、方法：1. 把方法写在head中2. onload方法3. jq提供的ready() 方法4. document.addEventListener(“DOMContentLoaded”,console.log(123), false);执行顺序： head > ready = DOMContentLoaded > onload二、示例：<!DOCTYPE html><html lang="en"><head> <meta
2021-08-20 22:10:50
3217
1
原创 vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件
vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件
2021-08-16 21:03:45
7094
原创 directives自定义指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>dir
2021-07-29 20:28:00
127
原创 js去除字符串前后空格
1.使用 js 提供的函数 trim()trim() 方法会删除一个字符串两端的空白字符。trim() 方法并不影响原字符串本身，它返回的是一个新的字符串。//trim()例子let str = ' hello 'console.log(str.trim()) //hello2.使用正则表达式去除所有空格: str = str.replace(/\s+/g,"")去除两头空格:str = str.replace(/^\s+|\s+$/g,"")去除左空格：str=str.
2021-06-10 09:45:15
23199
原创 获取dom节点(事件源)的三种方法
1. 传统方式var div1 = document.getElementById("box1"); //方式一：通过id获取单个标签var arr1 = document.getElementsByTagName("div"); //方式二：通过 标签名 获得 标签数组，所以有svar arr2 = document.getElementsByClassName("hehe"); //方式三：通过 类名 获得 标签数组，所以有s2. html5新选择器document.querySelecto
2021-04-05 21:18:58
468
原创 js深克隆方法
方法一：JSON.parse(JSON.stringify(obj))方法二： function deepClone(obj) { //过滤特殊情况 if (obj === null) return null; if (typeof obj !== "object") return obj;//基本数据类型时 // 如果是正则 if (obj instanceof RegE
2021-03-23 22:17:53
74
原创 tinymce富文本组件封装
效果：能够实现上传图片等功能第一步：引入vue和tinymcetinymce需要从官网上下载到本地，官网地址http://tinymce.ax-z.cn/download-all.php <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script src='./lib/tinymce/js/tinymce/tinymce.min.js'></sc
2021-03-18 09:56:48
723
原创 iframe中的方法
代码整理的有点乱，整体思路就是：resizeWindow 是在父页面中调用子页面的方法resizeWindows 是在子页面中调用父页面的方法父页面created: function () { that = this; //将父页面中的方法，与iframe页面中的方法绑定,用于子页面调用 window.resizeWindows = function (parentId, zi_id, selfs) { console.l.
2021-03-15 14:52:38
551
原创 动态生成的标签，点击事件无效
无效写法 $('.search').click(() => { console.log('123') })有效写法 $(document).on('click', '.search', () => { console.log('456') })
2021-03-12 17:09:26
163
原创 el-input只能输入数字（正则）
<el-input oninput="value=value.replace(/[^\d]/g,'')" v-model="list_order" placeholder="请输入序号"></el-input>
2021-02-01 14:06:19
843
原创 js跳转页面传参，参数中有汉字
方法encodeURI() 函数可把字符串作为 URI 进行编码。decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。事例//页面 a ,传递参数addProject() { window.location.href = './b.html?' + encodeURI('学历')},//页面 b ，接收参数let search = location.search;let arr = search.split("?");console
2021-01-19 08:18:17
468
原创 el-input 监听输入事件、键盘事件、粘贴事件、失去焦点事件
@paste.native=“usernamePaste” 监听粘贴事件@keyup.native=“userNameInput($event)” 监听键盘事件 <el-input placeholder="请输入身份证号" @paste.native="usernamePaste" @keyup.native="userNameInput($event)" id="username" v-model="usern
2020-12-31 15:41:18
17479
1
原创 jq添加类名、删除类名
$('#' + arrs[i]).addClass('serach_resule') $('#' + arrs[i]).attr("class", "serach_resule");
2020-12-28 15:58:34
3205
原创 设置div高度等于屏幕高度
设置标签高度等于屏幕高度原因：浏览器默认html和body是没有高度的。或者说高度是auto的。解决方法：html, body{ height: 100%; }
2020-12-02 08:40:19
6725
1
原创 js 返回顶部，并封装成组件
1、封装成组件// 返回顶部Vue.component('gotop', { template: '<div class="gotop" @click="top"></div>', methods: { top: function () { var timer = setInterval(function () { $(window).scrollTop($(window).scrollTop() - 50); if ($(window).scrol
2020-11-26 15:49:34
153
原创 tinymce富文本报错 Uncaught SyntaxError: Unexpected token ‘＜‘
原因：鼠标放在 plugin.min.js:1 上，发现是找不到 lineheight 这个文件夹，解决方法：去掉plugins: "code,lineheight",中的 lineheight 属性安装 lineheight 插件=> lineheight插件地址
2020-11-17 17:06:54
3791
3
原创 vue强制刷新子组件
子组件 <com v-if="childShow" ></com >先销毁再重建 fun() { this.childShow = false; this.$nextTick(() => { this.childShow = true }) },
2020-11-16 11:26:51
263
原创 js 背景音乐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js "></script></head><body>
2020-11-09 20:27:57
1451
原创 js 将图片转为base64格式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&
2020-11-09 20:24:22
267
原创 vue-router 传值
query传值直接在需要跳转的地址后面加上需要传递的参数 <router-link :to="`/info?id=${item.id}`">{{ item.name }} /router-link> 获取传递的参数 this.$route.query.id动态路由(params传值)定义动态路由path:"/infos/:ids",在地址后面加上参数 <router-link :to="`/infos/${item.id}`">{{ item
2020-08-26 10:49:54
238
原创 阻止冒泡事件、阻止默认事件
阻止冒泡事件event.stopPropagation(); 存在兼容问题IE <= 10 专用 event.cancelBubble = true兼容写法 event.stopPropagation?event.stopPropagation():event.cancelBubble = true;案例：// 为内部元素设置点击事件$('.inner').click = function (){ event.stopPropagation?event.stopPropagati
2020-08-21 15:32:16
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人