zcs123ok-CSDN博客

原创 splice和slice的区别

splice和slice的区别splice和slice是数组里的两个重要的方法。1、splicesplice会改变原数组，他通过删除或者替换现有元素或者原地添加新的元素来修改数组，并且以数组形式返回被修改的内容。有三个参数start，指定修改的开始位置，如果超出数组的长度，则从数组末尾开始添加；如果是负值，从数组末尾开始第几位；如果负数也大于数组的长度，则开始位置为0deleteCount 可选参数，表述要移除的数组元素的个数。item1，item2，可选，表示要添加进数组的元素。/*

2021-01-09 13:20:35 7784 1

原创 js中常用的正则

js中常用的正则1、密码最少8位，需至少包含大写字母、小写字母、数字、符号中的任意两类，原文链接：https://blog.csdn.net/qq_41554330/article/details/107485596 rules是结合iview用的验证。function passwordValidate(rules, str, callback) { const rC = { lW: "[a-z]", // 小写字母 uW: "[A-Z]", // 大写字母 nW:..

2020-08-04 10:17:23 317

原创 Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (72)

出现这个报错，是因为node版本导致的node-sass问题这个时候，直接执行:npm rebuild node-sass但是rebuildnode-sass中可能会有报错，问题是node版本太高，我们可以选择回退一下node的版本node版本回退安装最新版 sudo n latest 版本降级/升级 sudo n 版本号 // 比如 sudo n v12.0.0 安装node版本模块管理工具n sudo npm install n -g ..

2020-07-26 11:11:03 279

原创 js中递归数组

在js中，接口或者对象是这样的{ name: 'xiaoming', id: 1, children: [ { name: 'xiaoming2', id: 2, children: [] }, { name: 'xiaoming3', id: 3, children: [ { name: 'xiaoming4', id: 4 } ] } ]}这个时候，我们需求是给每一个name添加'hh-'，

2020-07-26 10:43:27 6078

原创 vue-cli-service: command not found

拉一个ts项目，然后装依赖然后运行启动命令 yarn run serve，但是居然报错了// /bin/sh: vue-cli-service: command not found然后百度下得知，是依赖有问题，然后运行下边这个命令rm –rf node_modules and npm install但是居然卡在 fetchMetadata: sill install loadAllDepsIntoIdealTree 不动然后得知是源有问题，可以使用cnpm 然后mac安装cnpmnp

2020-07-26 10:27:38 17745 1

原创 vue中配置eslient

##### 1、安装项```安装yarn add eslient 或 npm i -g eslientyarn add prettieryarn add eslint-plugin-prettieryarn add eslint-plugin-htmlyarn add eslint-bable```##### 2、以vscode为例，vscode提供了大量的插件，使用Prettier插件搭配eslint插件使用。##### 3、新建.eslintrc.js配置规则，也可以在pac.

2020-07-05 16:59:47 925

原创分享给大家两个svg画的波浪线

效果图一:html代码: <div class="nectar-shape-divider-wrap" style=" height:80px;" data-front="" data-style="mountains" data-position="bottom"> <svg class="nectar-shape-divider&q

2018-07-05 18:25:08 3844

原创使用大神写的wz框架

首先感谢大神写出如此好的后台模板，给了我们这些小菜偷懒泡妞的时间，但是再用的时候，遇到了点麻烦，就是用自己的api接口替换mock模拟的用户信息，我是这么做的，最后实现登录和分权：第一步:这里暂时用的get方式拼接的用户名和密码。第二步：在这里替换成自己后台出来数据的token。然后就可以登陆了，就是这么的简单。...

2018-07-02 18:34:34 2600 1

原创使用mock模拟数据，实现图片文字向上的轮播

向上轮播，效果图：使用mock模拟的数据，使用jq的ajax获取数据，字符串拼接，但是某些方面又写成了原生的js，图片来自百度图片，侵权请留言删除，欢迎大神提出意见或批评。CSS代码： <style> *{ padding: 0; margin: 0; } .div{ height: 52px; widt...

2018-06-29 16:45:02 1788

原创关于父子组件，router-view和自定义组件名。

做了这么多路由跳转了，但是今天下午突发奇想，写一个父子组件以及自定义组件跳转的小例子。我理解的，当需要点击按钮路由跳转的时候，用router-view，当作为默认子组件，只是显示的时候用自定义组件名。项目地址：https://github.com/nihaohahahanihao/smailPorject效果图：图一：首页进去：图二：点击上边按钮二： ...

2018-06-28 18:11:09 2638

原创密码框点击切换input类型

今天有个需求，就是常见的input框点击后边小眼睛，会显示输入的密码，现在把它单独拿出来，因为懒，所以用”=“来代替小眼睛。css代码部分： *{ padding: 0; margin: 0; } .div{ border: 1px solid #e4393c; width: 270px; height: 30px; margin: ...

2018-06-27 18:50:54 1069

原创 CSS3文字向上轮播

今天闲着没事，看到隔壁老张在用jq写文字向上的轮播效果，遂想到用css3的动画也可以做到，然后就随手写了点，向上的过渡距离不是很精确，有需要的自行修改，欢迎提出意见。css部分： div{ width:350px; height: 150px; border: 1px solid; overflow: hidden; } .ul li{ ...

2018-06-25 15:16:57 3849

zcs123ok的博客