- 博客(45)
- 收藏
- 关注
原创 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 3441
原创 nginx解决跨域问题
正式部署的项目,如果不存在跨域问题,需要在代码中配置生产环境。如果存在跨域问题,由于需要nginx解决跨域问题,所以代码中不需要配置生产环境接口请求的协议、域名、端口,这样生产上就会默认请求实际部署的域名、端口,然后在nginx中配置代理,当访问生产地址接口时,被代理到跨域接口地址。执勤台正式部署,推送代码到远程先找到本地dist所在的目录,然后打开终端scp -r dist root@192.168.10.202:/data/nginx/ 使用的是8081端口,使用的是ngnix服务或
2022-04-09 14:05:22 1036
原创 vue给对象添加属性,无法与视图响应(已解决)
问题:vue中,给data中的某个对象添加属性,无法与页面响应解决方法:方法一:直接在对象中写上属性data() { return { //错误写法 //handle_form: {}, //正确写法 handle_form: { ruleName: '' }, }}方法二:通过$set赋值 //错误写法 this.handle_form.rule
2021-10-11 10:47:41 1602
原创 wx.XXXXX is not a function(已解决)
报错问题原因: 调试基础库的版本太低解决方案:在微信开发者工具界面,将调试基础库改到高版本
2021-09-17 18:13:25 5002 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 3918 1
原创 vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件
vue中$root访问根组件、$parent和$emit访问父组件、$ref访问子组件
2021-08-16 21:03:45 7602
原创 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 151
原创 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 25079
原创 获取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 528
原创 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 89
原创 tinymce富文本组件封装
效果:能够实现上传图片等功能第一步:引入vue和tinymcetinymce需要从官网上下载到本地,官网地址http://tinymce.ax-z.cn/download-all.php <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <script src='./lib/tinymce/js/tinymce/tinymce.min.js'></sc
2021-03-18 09:56:48 776
原创 iframe中的方法
代码整理的有点乱,整体思路就是:resizeWindow 是在父页面中调用子页面的方法resizeWindows 是在子页面中调用父页面的方法父页面created: function () { that = this; //将父页面中的方法,与iframe页面中的方法绑定,用于子页面调用 window.resizeWindows = function (parentId, zi_id, selfs) { console.l.
2021-03-15 14:52:38 584
原创 动态生成的标签,点击事件无效
无效写法 $('.search').click(() => { console.log('123') })有效写法 $(document).on('click', '.search', () => { console.log('456') })
2021-03-12 17:09:26 191
原创 el-input只能输入数字(正则)
<el-input oninput="value=value.replace(/[^\d]/g,'')" v-model="list_order" placeholder="请输入序号"></el-input>
2021-02-01 14:06:19 866
原创 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 499
原创 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 19627 1
原创 jq添加类名、删除类名
$('#' + arrs[i]).addClass('serach_resule') $('#' + arrs[i]).attr("class", "serach_resule");
2020-12-28 15:58:34 3333
原创 设置div高度等于屏幕高度
设置标签高度等于屏幕高度原因:浏览器默认html和body是没有高度的。或者说高度是auto的。解决方法:html, body{ height: 100%; }
2020-12-02 08:40:19 6982 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 172
原创 tinymce富文本报错 Uncaught SyntaxError: Unexpected token ‘<‘
原因:鼠标放在 plugin.min.js:1 上,发现是找不到 lineheight 这个文件夹,解决方法:去掉plugins: "code,lineheight",中的 lineheight 属性安装 lineheight 插件=> lineheight插件地址
2020-11-17 17:06:54 4125 3
原创 vue强制刷新子组件
子组件 <com v-if="childShow" ></com >先销毁再重建 fun() { this.childShow = false; this.$nextTick(() => { this.childShow = true }) },
2020-11-16 11:26:51 286
原创 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 1511
原创 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 292
原创 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 267
原创 阻止冒泡事件、阻止默认事件
阻止冒泡事件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 115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人