麦耀强
码龄8年
关注
提问 私信
  • 博客:11,136
    问答:14,537
    25,673
    总访问量
  • 5
    原创
  • 839,967
    排名
  • 1
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:广东省
  • 加入CSDN时间: 2017-03-03
博客简介:

weixin_37745920的博客

查看详细资料
个人成就
  • 获得11次点赞
  • 内容获得8次评论
  • 获得20次收藏
创作历程
  • 1篇
    2020年
  • 4篇
    2019年
成就勋章
TA的专栏
  • 输入正则限制
    1篇
  • 限制输入中文
    1篇
  • 限制输入中英文
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第9期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛! 注: 1、参赛者可以进入活动群进行交流、分享创作心得,互相鼓励与支持(开卷),答疑及活动群请见 https://bbs.csdn.net/topics/619626357 2、文章质量分查询:https://www.csdn.net/qc

475人参与 去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

正则表达式讲义

正则序言正则本就又长又臭的东西,不要求大家都记住下面表格的内容,最重要是知道正则主要有哪些内容,它能干嘛,怎么做,最最重要的是学会写正则的技巧!怎么写正则,在例子上会详细说。语法普通字符普通字符包括没有显式指定为元字符的所有可打印和不可打印字符。这包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号。非打印字符非打印字符也可以是正则表达式的组成部分。下表列出了表...
原创
发布博客 2020.03.02 ·
449 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue指令控制input(输入框)限制两位小数、输入正整数、输入最大值限制、输入时添加正则限制、限制输入中文或者英文等

本人自己整理出来兼容ios和安卓全局添加如下代码添加vue指令import Vue from "vue"//只能输入正整数 0-9的数字Vue.directive('enterIntNumber', { inserted: function (el) { let trigger = (el, type) => { const e = docume...
原创
发布博客 2019.10.30 ·
6690 阅读 ·
8 点赞 ·
5 评论 ·
11 收藏

怎么改变echarts折线图鼠标经过数据时,折线拐点的样式?

答:

https://www.echartsjs.com/zh/option.html#series-line.itemStyle

series: {

              itemStyle: {
                //则线图每个点的样式
                borderWidth: 2,
                color: "#000",
                                //等等 链接上文档有写
              },


            }

回答问题 2019.09.25

vue自定义全局吐司toast

先看效果首先这样写的全局吐司优点是什么随用随丢 这样就能调起并且插到最外层body中(避免了ios因某些(如fixed的不兼容)层叠关系导致的被互相影响问题)消失时自动在body移除 toast({text:"我是要显示的文字"}); 可全局引用,挂载到Vue.prototype方便使用 组件式开发便于维护写这个的最主要原因是项目整天用,然后想到element-ui有类似...
原创
发布博客 2019.09.25 ·
1343 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

用vue指令解决ios滚动穿透问题

先说说什么事滚动穿透!其实就是在页面上层有一个弹框,弹框里面可以滚动,底层也可以滚动在某些ios版本下会导致上层(也就是下图中的时间选择部分)滑动到头,继续滑动,下层内容也被滑动了,这种情况我姑且称之为滑动穿透解决办法!:首先指令在这!Vue.directive('lockScrollBack', { update: function (el, binding, vnode...
原创
发布博客 2019.09.25 ·
1008 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

element-ui的按钮el-button为什么不用加.native

大家都知道vue一般在使用封装组件如果要添加事件什么的要像这样<my-comp @click.native="handleClick"></my-comp>有一天突然发现使用el-button的时候是这样的<el-button @click="handler"></el-button>原来在源码中加了这么几行代码,真的即体...
原创
发布博客 2019.09.25 ·
1645 阅读 ·
2 点赞 ·
3 评论 ·
3 收藏

VUE v-model 无法绑定给 input file 吗?

答:

你可以这样

 <input type="file" @change="getFiles($event)" />


 methods: {
                    getFiles(e){
                        console.log(e.target.files);
                    }
}
回答问题 2017.11.24

Vue+element ui Select 选择器

答:

官网有Select Events 用就行了
图片说明

//在el-select标签内加入事件  @change="getSelected"
//methods中添加方法
methods:{
    getSelected(val){
        console.log(val);
    }
}
回答问题 2017.11.24

如何让JS记住曾经点击选择的单选框?

答:

用sessionStorage临时保存一下 刷新页面时判断对应的值是否存在 如果存在自动填入

回答问题 2017.05.03

媒体查询 制作 响应式 移动端pc端 公用一套代码

答:

同意楼上,如果说你像商城那样的复杂页面,没必要弄响应式,页面加载前判断设备然后重定向到专用于移动端的页面。
像主流的什么京东淘宝,手机进入的页面是m.taobao.com

因为如果这样的网页弄成响应式,必定很多很容删掉,如果手机端跟电脑端,加载的东西一样,但是显示的内容却少那么多,造成流量的浪费和加载速度变慢,所以复杂的页面都是弄两个页面,而像英特尔那样的网页是用类似bootstrap那样的框架写的,布局简单,变成移动端之后内容没有很多删减,只是布局改变,这样的网页才适合做响应式。

回答问题 2017.04.19

absolute定位元素的包含块问题

答:

哥们你这不是为难自己吗 absolute需要有已定位的元素去定位,你试着在html上加position:relative 结果就完全能解释 ,但是像你现在啥都不加 按平时我们都会觉得是根据body或者html 但是这里有点其他bug 可能他是根据浏览器窗口定位,但是我们用的时候应该按套路来给父元素来个position:relative就是自己掌控范围了

回答问题 2017.04.19

修改一个js域名识别代码

答:

跟我的想法一样 只要传进去一个数组 遍历去检查就行了

回答问题 2017.04.19

JavaScript中对于this的详解

答:

没任何人调用的this指向的是window 如果有调用 谁调用,this就是谁

你可以看一下这个例子

 var a='我是全局a';
            function F(){
                return this.a;
            }
            var b={};
            b.f=F;
            b.a='我是b里面的a';
            console.log(F());
            console.log(b.f());

代码运行结果:
//我是全局a
//我是b里面的a

其实一切的函数调用底层都是从window里面调用 就像例子里面的F() 我们可以理解成window.F() 所以this 指向window
而b.f() 我们可以理解成window.b.f() 因此里面的this指向的是window.b 实际上就是b

回答问题 2017.04.19

前端编程 如何解决网页易错乱

答:

外层包裹一个父容器如

然后设置container固定宽度,margin:0 auto; 一般PC端都会这么设置 这个模式也来源于bootStrap 兄弟可以尝试多用bootStrap然后审查下元素看别人自适应怎么做到的
回答问题 2017.04.19

PHP如何调用html里的js方法?

答:

你可以去了解下jsonp,jsonp的原理就是创建一个script标签请求php,然后php返回一段js代码在客户端执行,你返回的js代码只要调用你当前页面的js方法即可
具体jsonp怎么用可以百度或者看一下这里
http://www.runoob.com/json/json-jsonp.html

回答问题 2017.04.18

Html父元素高度固定overflow-x为scrol,子元素为左浮动,如何让父元素包容子元素

答: .container { overflow-x: scroll; overflow-y: hidden; width: 1120px; } .container .box{ width:9999px; } .content { float: left; width: 300px; height: 50px; background: #ccc; margin: 3px; }
<div class="container">
        <div class="box">
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content">222</div>
        </div>
    </div>
回答问题 2017.04.18

Html父元素高度固定overflow-x为scrol,子元素为左浮动,如何让父元素包容子元素

答: .container { overflow-x: scroll; overflow-y: hidden; width: 1120px; } .container .box{ width:9999px; } .content { float: left; width: 300px; height: 50px; background: #ccc; margin: 3px; }
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content">222</div>
        </div>
    </div>
回答问题 2017.04.18

获取a标签的值,方法有哪些???

答:

因为你已经在用jquery,个人建议在你添加事件委托代理,委托到你的dataTable中;
代码如下:
$('#dataTable').on('click','a',function(e){
console.log(this);
//这里的this就是你想要的对应的a标签对象
})

回答问题 2017.04.18
加载更多