khadijiah-CSDN博客

//验证是否是中文var pattern = new RegExp("[\u4E00-\u9FA5]+");var str = "中文字符"if(pattern.test(str)){ alert('该字符串是中文');}//验证是否是英文var pattern2 = new RegExp("[A-Za-z]+");var str2 = "abcdefsgaaweg"if(pattern2.test(str2)){ alert('该字符...

2021-12-17 15:46:13 3836 1

原创 reactNative 中使用position:absolute绝对定位引起的遮挡

直接上图吧，想要的效果，就是给卡片右上角加一个标签：position:absolute得到的效果，安卓上不好截图，不放图了，就是呗压在了卡片下面，自行脑补吧解决办法：1、和web不同zIndex不好使，999也不好使2、发现一个新属性（我没用过的就是新的~）：elevation上代码： skuTagNew: { flex: 1, height: px2dp(35), paddingRight: px2dp(7), paddingLeft..

2021-12-03 15:31:34 2485

原创前端JavaScript高频手写面试大全

前端JavaScript高频手写面试大全

2021-11-24 10:52:17 497

原创安装adb，使用adb报错及方案

1.安装adb：brew cask install android-platform-toolsIcon# 问题：brew命令失败报错如下：# 解决过程：brewupdate-reset# 然后重新下载：# 继续报错：# 解决方案：改用命令：brew install --cask android-platform-tools# 验证：adb devices成功如下，adb只要不出现command not fo...

2021-09-07 14:32:32 550

原创 element Table 修改表头样式，添加提示

<el-table-column prop="name"> <template slot="header" slot-scope="scope"> <span>名字</span> <el-tooltip class="item" effect="dark" content="这是提示文字" placement="right"> <i class="el-ic...

2021-08-30 16:48:14 305

原创 element-UI嵌套使用dialog导致蒙层冲突的问题

直接上方法，有效利用官网提供属性对外层Dialog设置 :modal-append-to-body="false"对嵌套里面的dialog设置:modal-append-to-body="true" :append-to-body="true"看效果：

2021-07-02 14:58:45 947

原创 2021-01-08-react native中实现时间轴移动

TimeLine组件：index.jsimport React from 'react';import { View, Text, DeviceEventEmitter,} from 'react-native';import * as R from 'ramda';import { PComponent } from 'rnplus';import moment from 'moment';import styles from './style';import {..

2021-01-08 20:34:02 463

原创 2020-12-23 vue js实现标签选中样式

记录效果如图：实现过程：.pug(html) .row(:gutter='10') el-col(:span='5') span.reminder-text 商品标签: el-col(:span='20').skuTagsArea .tagGroup(v-for='(item, index) in tagAll') .tagName {{item.tagName}} .

2020-12-23 20:06:10 529

原创 2020-12-22 ReactNative 父组件/子组件的调用方法

直接上代码吧~~// 父组件import React, {Component} from 'react';import { View, Text, Button,} from 'react-native';class Parents extends Component { constructor(props) { super(props); this.state = { } } componentDidMo...

2020-12-22 20:27:10 1147

原创 20200907 将一个数里的所有对象合并为一个对象

反正做需求的时候各种神奇的需要，类似这样的：将一个数里的所有对象合并为一个对象例：

2020-12-03 15:51:50 250

原创 element-UI + vue table远程排序 && 手动干预排序

table远程排序：要排序的属性添加：sortable='custom'table添加：@sort-change='sortChange'页面pug： el-table( :data='dataList' border @sort-change='sortChange' ) el-table-column(prop='ruleId' label='配置编号' align='center' sortable='custom' width='120')

2020-12-03 15:42:22 1502 1

原创 RN踩坑之-render内部使用setState

在看到下面这句话之前一直在纠结是不是自己的语法有问题，就是不报错..没有任何提示但无法运行，react-native中，包括react中在render中使用setState时会再次出发render，导致进入页面渲染的死循环。。好吧，忘了这茬，踩坑记录，以示警戒~...

2020-11-03 20:43:28 1292

原创 2020-10-14《数据密集型应⽤用》--中文版.pdf

链接: https://pan.baidu.com/s/14RDn0wPEhFbdg5Mt55-bag 密码: p49v

2020-10-14 20:58:22 7804 3

原创 react native清除WebView的Cookie缓存方法

在RN中使用WebView加载内部H5页面，将登陆信息缓存在WebView的cookie中，导致另外一个接入移动端登录的地方，登录时拿到H5登录时种的cookie，业务需求是要求不同的人在两端都可登录，因此要清除cookie，淌坑一天emm…两行代码搞定var RCTNetworking = require("RCTNetworking");RCTNetworking.clearCookies(() => {});...

2020-08-21 15:36:46 1437 2

原创 Mac使用git提示active developer path (“/Applications/Xcode.app/Contents/Developer“) does not exist

怎么调试都无法安装成功，一直提示xcrun: error: active developer path ("/Applications/Xcode.app/Contents/Developer") does not exist Use `sudo xcode-select --switch path/to/Xcode.app` to specify the Xcode that you wish to use for command line developer tools, or use `xcode-s

2020-08-07 11:22:59 1275

原创 Vue-点击复制内容方法 — clipboard的使用

clipboard.js：clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中clipboard.js支持主流的浏览器：chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;下载npm install clipboard --save使用clipboard复印内容的方式有从target复印目标内容通过function 要复印

2020-07-21 17:16:19 966

原创后端使用echo格式： “\033[字背景颜色字体颜色m字符串\033[0m“ 前端解析

需求：需求是日志加载向上滑动滚动分页，并解析后端返回字符串中含有的特殊字符并替换成标签修改特殊字符包裹文本的样式后端使用echo格式：使用的命令如下：echo -e "\033[30m 要修改样式的文本 \033[0m"echo -e "\033[31m 要修改样式的文本 \033[0m"echo -e "\033[32m 要修改样式的文本 \033[0m"方法：正则匹配、替换关键代码及注释:常量定义：func.js/** * 处理日志字体高亮 */import { isEx

2020-07-21 17:00:04 1773

原创 webpack: hard-source-webpack-plugin-速度优化

1、背景在项目实现的过程中，想在代码更改的同时，查看效果的改变，而这个时候长时间的编译等待，造成了额外的时间浪费。2、简介HardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤。为了查看结果，需要使用此插件运行webpack两次：第一次构建将花费正常的时间。第二次构建将显着加快（大概提升90%的构建速度）。3、实现安装：yarn add --dev hard-source-webpack-plugin（或者使用npm）。并在webpack的插件配置中添

2020-06-08 19:18:19 3801 1

原创 git 删除本地修改/新增文件

git 删除本地修改/新增文件场景：忘记在.gitignore文件中添加 node_modules文件，于是开发过程中npm install 时产生了一堆跟踪变更文件，这个时候我想删除本地新增及修改的一堆node_modules里的东西，总不能手动处理吧，于是搜到两个特别好使的f方法：git checkout .此命令用来放弃掉所有还没有加入到缓存区（就是未 git add ）的修改：内容修改与整个文件删除。但是此命令不会删除掉刚新建的文件。因为刚新建的文件还没已有加入到 git 的管理系统中。

2020-06-08 17:41:54 3686

原创使用EChars实现较为复杂的甘特图，包含多任务组合，完整到mock好数据的代码

最近接到一个将多人任务进度做成甘特图的需求，本以为用echars很容易就实现了，没想到啊，断断续续搞的头大，大概就是使用EChars官网的实栗不足以打到需求目标，所以开始了我为期一周的修修补补，终于是完成了，写一下总结：包含了缩放、横轴分组显示一行展示多条内容、以及数据之间的对比效果首先效果图上个：数据mock有点少，可自行添加，项目中数据量大，我添加了分页，可按需添加点击效果：点击对比效果：右边的点击效果这次需求赶还没有添加，后续更新。。。上代码啦完整到带mock数据的代码～～ind

2020-05-23 18:19:21 2463 1

原创 React native如何让点击事件穿透遮罩层- pointerEvents属性应用

碰到一个需求是在屏幕上24小时整点平铺，有时间轴（带信息）平移并标记准确时间，屏幕里面有点击事件，大致长这个样子：描述：移动的时间轴定位在最上层，影响了下层按钮的点击解决：这个原因很简单就是点击事件的捕获冒泡相关的知识，那我们来说一下解决的办法发现有个好用的属性，以前从来没用过—— pointerEvents看看官网的介绍：用于控制当前视图是否可以作为触控事件的目标。属性设置：auto：视图可以作为触控事件的目标。none：视图不能作为触控事件的目标。box-none：视图自身不能作为触

2020-05-13 14:45:33 5551 3

原创 mac 下Mysql管理界面Sequel pro的下载

官网下载：http://www.sequelpro.com/话说官网下载满的要死，所以网盘资源：点击->链接: sequel pro（专门管理Mysql的工具）提取码: 6rk4基础使用：启动应用连接mysql数据库Sequel Pro提供了3种连接方式，standard/socket/ssh。我使用的是standard模式，只需提供以下几项就可以访问服务器Name：备注名，随便起，你知道是连接哪个数据库即可。Username：mysql用户名。Host：服务器IP地址 / 特

2020-05-08 17:40:57 759

原创 js-正则-前端搜索日志实现日志中两个特定字符串之前的内容高亮变色

需求：前端搜索日志实现日志中两个特定字符串之前的内容高亮变色首先我的这个需求是日志加载向上滑动滚动分页，并解析后端返回字符串中含有的特殊字符并替换成字符标记的颜色，上关键代码：常量定义：/** 日志字体颜色 * 字颜色:30-----------3930:黑31:红32:绿33:黄34:蓝色35:紫色36:深绿37:白色 */const colorObject = {...

2020-05-06 20:08:03 588

原创如何进行业务横向扩展？负载均衡是什么？代理、反向代理是什么

如何进行业务横向扩展？负载均衡是什么？代理、反向代理是什么？负载均衡（load balancer）：首先举例有个网站起名叫-xxx，用户访问xxx网站发起http请求，打到目标服务器，假设xxx网站目前有两百多个用户量，服务器只有2Core 4GB内存。但是随着网站用户增多，一年以后用户量达到了200万人，显然当200万人同时向一台服务器发出请求，服务器需要超多200万个线程处理这些请求，此时...

2020-05-04 18:54:54 843

原创 vue中使用element-ui里的table中表头与表格出现错位问题

现象：原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。解决方案：找到项目入口文件（敲黑板重点！！），添加全局样式：.el-table th.gutter{ display: table-cell!important;}效果：完美啦，看着顺眼多了吧～...

2019-11-14 15:17:23 8420 2

原创函数声明提升和变量声明提升

直接举个栗子：var getCount = function(){ console.log(2);}function getCount (){ console.log(1);}getCount(); // 考虑一下打印什么getCount():打印什么呢，没复习函数和变量声明之前，第一眼感觉输出1，没错我是真么想的；好的那么我们来解析一下；首先：我们要提到函数...

2019-11-12 11:17:11 186

原创箭头函数和普通函数

箭头函数可以让setTimeout里面的this绑定定义时所在的作用域，而不是指向运行时所在的作用域，举个栗子：functionTimer(){this.s1=0;this.s2=0;setInterval(()=>{this.s1++;},1000);setInterval(function(){th...

2019-11-11 20:43:06 111

原创 bind,call,apply的手动实现

共同点：1、都用来改变函数的this对象的指向2、第一个对象都是this要指向的对象3、都可以用后续的参数进行穿参举个栗子说区别：const personOne = { name: "小周周", age: 4, say: function () { console.log(this.name + ',' + this.age); ...

2019-11-04 20:26:27 85

原创 react-native中的storage存储

安装： npm install react-native-storage --save 引入：import Storage from 'react-native-storage'; 初始化： import { AsyncStorage } from 'react-native';var storage = new Storage({ // 最大容量，默认值1000条数据...

2019-10-28 16:52:27 914

原创一些typeof的返回值

对变量或值调用 typeof 运算符将返回下列值之一：undefined - 如果变量是 Undefined 类型的 boolean - 如果变量是 Boolean 类型的 number - 如果变量是 Number 类型的 string - 如果变量是 String 类型的 object - 如果变量是一种引用类型或 Null 类型的注意：typeof(null)返回的是obj...

2019-10-27 13:30:26 473

原创 vue使用webpack构建时的报错

错误如下：No parser and no filepath given, using 'babel' the parser now but this will throw an error in the future. Please specify a parser or a filepath so one can be inferred.解决：方法一：升级：vue-loader@1...

2019-08-14 16:10:02 418

原创 vue使用webpack构建的警告

开发环境正常，在生产环境打开console会在最上面见到这样一句话：You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.htm...

2019-08-14 11:18:53 622

原创 addEventListener的第三个参数

Dom时间流：js中，我们可以给一个dom对象添加监听事件：addEventListener("click",function(){},true);第一个参数是事件类型，比如点击(click)、触摸(touchstart)第二个参数就是事件函数第三个参数涉及到事件的捕获与冒泡，为true时捕获，false时冒泡。...

2019-08-07 19:59:25 778

原创 javaScript：一行代码实现一个字符串反转

let str = '123456789'; // 这句不算欧hahastr = str.split('').reverse().join(''); // 当然一行代码指的是这一行咯console.log('str',str); // 这句自然也是不算的haha~~ok,一句话done...

2019-07-03 12:21:49 276

经典算法题大全

resume template

font-awesome.min.css

空空如也