淡若輕風-CSDN博客

原创猴赛雷的pointer-events，一个你可以用不到但是不能不知道的 CSS属性

当时的我在工作生涯中其实并没遇到过这种问题，也没有想到为什么会有这种情况的出现，也只是凭着自己的工作经验想出一个可以通过父子元素冒泡的做法实现这个做法，面试官虽说这个方法确实可以实现这个需求，我向他询问应该如何实现这个功能的时候，才首次认识了我们在这篇文章中要了解的pointer-events属性。

2023-12-09 17:04:40 1184

原创 js原生实现reduce

Array.prototype.my_reduce = function(callback, initialValue) { if (!Array.isArray(this) || !this.length || typeof callback !== 'function') { return []; }; let hasInitialValue = initialValue !== undefined; let value = hasInitialValue ?.

2021-05-08 16:59:30 467

转载 vue的双向绑定原理及实现

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码： ...

2021-02-02 14:31:52 693 5

原创利用手机访问Vue本地开发的页面方法

在日常进行移动端开发的时候总会出现PC的开发效果与拿到手机上显示的效果不一致的情况，有时这种兼容问题往往都是在发布到线上测试环境用手机访问后才能被发现，如果我们开发的时候使用的不是公司内网虚拟机开发的话（这一点很重要，如果是内网虚拟机或者是没有无线网卡的电脑无法使用下面的方法）可以通过使用手机访问电脑本地IP查看项目在移动端上的运行效果。首先我们使用WIN+R 打开运行，输入cmd进入到命令行进入命令行后输入ipconfig这个IPv4就是我们PC本地的地址了，接下来我们需要配置一下我们

2021-01-28 14:39:30 1367 2

原创 js校验手机号的正则的函数方法以及手机号脱敏

校验手机号的规则/*校验手机号码*/export function checkMobile(phone, label) { // label默认为空 if (!isDefined(label)) { label = ""; } var re = /^0*(86)*(1)\d{10}$/; var req = /^\d*$/; var mobile = phone.replace(/\s+/g, ""); if (mobile == null || mobile .

2021-01-27 13:30:39 810

原创身份证校验和获取身份证信息的方法

身份证基础校验/*身份证基础校验*/export function checkidcard(idcard) { var result = true; var area = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江",

2021-01-27 10:33:38 324

原创邮箱正则校验

/** * checkEmail 邮箱判断 * @param {str} emailStr 邮箱 * @return {bool} 校验结果 */export function checkEmail(emailStr) { var patten = /^([a-zA-Z0-9]+[_|_|\-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if (!patten.test(emailStr).

2021-01-27 10:27:52 2528

原创 js正则校验姓名的正则

刚做的项目中有个姓名的正则规则，在网上查了下也没有类似的正则，自己正则也很菜，同事一大神就写了这套正则，特此记下来学习一下。首先说一下校验的需求吧1）字母与符号的组合，符号仅允许下列符号“•”或“_” 或“-”或空格(“_” 或“-”或空格仅允许半角模式)。若姓名中有符号“.”、“。”、“．”、“，”、“、”时（含半角、全角及各语种），将其转换为“•”2）“•”或“_”或“-”只能出现在两个汉字或两个字母之间，两个汉字或两个字母之间只允许有1个符号，若有多个符号只保留第1个。 3...

2021-01-27 10:16:20 6740

原创解决Vue CLI 4 运行出现“export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘的问题

在使用cli4创建项目的时候当时选择了默认配置所以像vue-router以及vuex等都是后面再自己去下载的但是cli4的main.js又和之前有一些不一样的地方之前在main中挂载的代码一般都是这个样子的import Vue from "vue";import App from './App.vue';import router from "./router";new Vue({ router, render: h => h(App)}).$mount("#app")

2020-11-04 14:38:00 48041 20

原创 vue cli 4创建项目过程详解

首先先确认自己电脑中nodejs的版本官方要求 Vue CLI 4.0以上版本是要node.js v8.9以上版本（官方推荐v10以上版本）使用node -v查看node.js版本号node -v // 查看nodejs版本号接下来下载Vue CLI至全局npm install -g @vue/cli查看当前版本vue --version接下来就可以去创建项目了使用 vue create xxx 创建项目（xxx是项目名称）我这里创建的项目名就叫cli.

2020-11-04 14:09:52 1370

原创 CSS控制行内显示行数多余的部分是...

text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; // 这里是行数-webkit-box-orient: vertical这几行代码就可以实现控制你的文本在几行之后多余的隐藏...

2019-11-15 09:34:39 129

原创 JS函数基础，利用函数模块化编程求一个数的阶乘和

2018-10-31 21:16:57 1281

su98777的博客