- 博客(24)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Promise
ES6 原生提供了 Promise 对象。Promise，就是一个对象，代表一个异步操作，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。Promise构造函数，接收的参数是函数，两个（resolve、reject）分别代表：▪ resolve：异步操作成功后的回调函数▪ reject：异步操作失败后的回调函数▪ 标准来讲，resolve是将Promise状态置为fullfiled，reject将Pr...
2020-08-10 09:46:02
158
1
原创 css 选择其中中 +（加号）、＞（大于号） 、空格、~（波浪线）、,（逗号）的使用
加号 +：例子：p+span选择 p元素后紧接出现的span，p 和 span元素拥有共同的父元素<div> <p>这是段落</p> <span>这是行内元素文本</span></div>大于号 >例子：p>span选择 p元素下的第一级子节点span，p 是 span的父元素<div> <p>这是段落<span>这是行内元素文本...
2020-08-05 11:34:16
1407
原创 javascript 对数组进行处理比较好用的方法
1. reduce 语法：array.reduce(function(total, currentValue, currentIndex, arr){}) 参数：total初始值, 或者计算结束后的返回值(上一轮循环的return值） currentValue当前元素 currentIndex当前元素索引 arr 当前元素的所属数组 例子var numbers = [1,2,3,4...
2020-08-04 09:54:14
227
原创 sass 使用规则、变量、混入、选择器、继承、判断、遍历、内置函数等等
介绍:层叠样式表语言，动态样式语言、CSS 预处理器、扩展语言；优点：减少 CSS 重复的代码，节省开发时间、完全兼容所有版本的 CSS；Sass 文件后缀为.scss；为什么使用sass：CSS 本身语法不够强大，代码重复率高，无法复用，不方便维护；Sass 引入合理的样式复用机制，增加了规则、变量、混入、选择器、继承、内置函数等等特性。浏览器并不支持 Sass 代码。需要将 Sass 代码转换为 CSS 代码。node安装：npm install -g sass，编译 ...
2020-07-30 17:57:09
1090
原创 css原生、sass、less变量区别及使用
一般有接触到scss，less的都知道，动态样式语言。动态样式语言的精髓就在于其有了变量，其中的诸多功能都是建立在变量之上的，目前css原生也有了变量，但是个人认为使用的局限略大命名方式：scss:$开头的即表示变量less: @开头的即表示变量原生css: --(以--开头，*代表变量名称)例子：// sass $blue: blue;.box{ color: $blue;}// less@blue: blue;.box{ color: @b..
2020-07-30 16:52:37
1163
原创 纯css鼠标悬停后，边框动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标悬停边框动画</title> <style> .main{ ...
2020-06-15 11:42:43
883
原创 vue 执行build命令时报错：Error form UglifyJs
1.问题：Vue 打包报错，报错信息如下ERROR in static/js/XXXXX.js from UglifyJsName expected [./~/XXXX/XXX/XXX.js:1,0][static/js/XXXXX.js:10226,24]报错截图：2.解决方法：在项目中找到build/webpack.base.conf.js中的module–rules下的babel-loader，include加入resolve(‘node_modules/_marked@0.8..
2020-05-18 16:50:39
1934
原创 微信小程序，滚动到页面的底部，或者顶部
滚动到底部wx.createSelectorQuery().select('#page_container').boundingClientRect(function(rect) {// 使页面滚动到底部wx.pageScrollTo({scrollTop: rect.height || rect.bottom})}).exec()// select('#page_container') 页面容器的id回到顶部wx.pageScrollTo({ scrol
2020-05-12 11:51:41
819
原创 手把手记录display: grid 网格布局
grid，网格布局，顾名思义，网格就要涉及到行和列，第一步就要搞清楚哪个是行，哪个是列。Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线（横轴或者纵轴）的位置，属于一维布局。Grid 布局则是将容器划分成"行"和"列"的网格，然后指定"项目所在"的单元格，可以看作是二维布局。G...
2020-05-12 11:40:50
1043
原创 将本地文件推送到远程新分支上，本地分支的内容刚刚创建出来，与远程还未关联
1. 刚创建的本地文件，还未初始化，git init ,会自动生成一个.git 文件夹2. git add . 将文件添加到缓存区3.git commit -m 'commit 的命名'4.创建新分支，直接将新分支的内容push到远程，当然了，也可以不新建，将对应分支push远程上的某个分支看第7，都可5. git checkout -b分支名字，创建新分支并且切换，为下次可直接push6.git push -u origin form推送到远程form分支7.git pu...
2020-05-11 13:54:34
1018
原创 打包项目报错问题，打包A项目报错B项目的错，呐呢噫
问题：我的node运行的是syc-merchant-web 的项目，全网估计只有我一个遇到这样的骚操作吧error：报错syc-bank-web项目中的问题？？这是什么让人怀疑人生的报错情况啊，怎么会这样排查了一系列的代码问题，不是es6的转格式问题，我甚至一度怀疑是不是我打包的配置文件与众不同的找到该项目的父目录，然后遍历打包所有的代码，然后命运总是喜欢和程序员开玩笑...
2019-10-16 16:21:04
205
原创 css 实现类似长纸条折叠的效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2019-10-15 11:10:20
564
2
原创 Vue v-for渲染：Avoid using non-primitive value as key, use string/number value instead.
刚开始的代码块是：<el-form-item label="认证记录状态:" > <div v-for="log in authenLogs" :key="log"> <span>{{log.createDate | formatDateFilter}} {{log.content}} &...
2019-09-27 17:12:17
748
原创 兼容火狐浏览器，清除当type=number没有设置step时的红框线
input[type="number"] { -moz-appearance: none !important; outline: none !important; -moz-outline: none !important; box-shadow: none !important; -moz-box-shadow: none !important;}-moz- 指的是...
2019-09-26 14:34:04
216
原创 全局重写 element 的message 消息提示
一个项目完成了，啊哈，新要求，所有的message消息提示的error改为warning，一个产品配用三个启动项目呢，几百个页面。翻翻elementUI，你会发现Element 为 Vue.prototype 添加了全局方法 $message。因此在 vue instance 中可以采用本页面中的方式调用Message。1. 属于前端的狡猾，样式覆盖，（2.0以上的版本有效，2.0以下的版本...
2019-09-26 12:01:34
8878
1
原创 Vue 打包出现空白屏的问题
刚开始我以为vue-cli3.0 打包后必须丢到服务器才可以打开，深入了解后，都一样都一样，哪里都可以打开啦网上的所有解决方案博客没有一个是真正解决我的问题的，于是我潜心琢磨，哈哈哈，成功后可爱大方善良阳光智慧的小仙女竟然想猛男落泪。1. 第一种问题，本地打开加载文件路径报错（控制台js、css、ico找不到） 不论是cli2还是cli3 ，打包后的地址指向assetsPubli...
2019-09-26 11:45:15
236
原创 NodeJ+Express+Vue+ElementUI+multer 实现upload文件上传（纯JS开发后台功能），记住不是java的哦
本帖子用于本人开发过程中，开心了想记录的一些知识点，转载请附上原文链接 ^V^ 啾咪啾咪1、 .vue 页面的代码，什么引入啥啥的略过喏template里的代码块<el-form-item label="图片(270X152)" prop="imgUrl"> <el-upload class="photo-uploader" ...
2019-09-19 18:11:10
985
原创 NodeJS + Express新的框架刷新页面在Node关闭控制台输出转为文件流输出，Node一直输出影响性能喏
Morgan 之前的log4js是有区分控制台打印和文件流打印（type: 'console', // 控制台输出、type: 'dateFile', // 文件输出）express框架morgan默认在node控制台输出，Morgan对于开发阶段的网站来说，日志打印可以及时帮我们发现错误，但是会影响到服务器内存，可以启动两个node分别启动两个express项目，一个有输出（Morgan未剔...
2019-05-24 10:25:04
905
原创 ES6 基础使用：let、const、箭头函数、模板、解构、获取参数、typyof、instanceof、闭包、浅复制和深复制
1、let 在ES6 之前，变量声明都是使用var 但是var 作用域只有全局和局部 for(var i=0;i<2;i++){} console.log(i) 通过var 会造成一些不合理的情况 1.在循环中用于记录的变量会泄露成全局变量 2.导致代码块中的同名变量是同一个变量，即导致代码块中的变量没有独立的作用域...
2019-05-22 17:28:15
332
原创 jQuery 数组遍历，数组高级操作find、findIndex、map、reduce、filter、forEach详解
// 通过for循环可以获取到数组中的每一个元素，即是利用的for循环产生的i作为数组中的元素的索引值// 该文章不利用for循环进行数组的遍历1. 先定义两个数组： var arr=[2,3,5,6,8]; var newArr=[]2.forEach 可以遍历数组中的每一项 arr.forEach(function(item,ind...
2019-04-24 09:51:52
6602
原创 mongoose 安装及常见的问题
1.安装，下载地址：https://www.mongodb.com/download-center/community2.下载后会出现.后缀为 .msi3.点击安装4.根据个人习惯，我想放在C盘第一级目录所以选择Custom模式，自定义安装路径安装路径5.选择一个方便的路径.6.自动的将mongoDB4.0配置到Window服务接下来就是常见的问...
2019-04-19 18:16:48
1287
原创 JavaScript数组去重多种方案，利用双重遍历 for、定义新数组对比、集合性质set、filter过滤函数，易懂易操作
第一种方法：(基础到不能再基础的js,适合初学者)var arr=[1,5,7,3,2,1,5,4,8,6,1];// 方式一for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ ...
2019-03-05 18:18:11
1525
原创 swiper基础功能应用概括（初学者刚接触应知悉，非实例）
1、触控比例，通俗讲就是规定滑动距离切换动画 Swiper默认提供1:1的触控距离，当然，这个比率是可以设置的。（touchRatio） 触摸比例。触摸距离与slide滑动距离的比率。 默认为1，按照1:1的触摸比例滑动。设置为0时，完全无法滑动 设置为0.5后slide滑动距离只有触摸距离的一半，变得难以滑动，缓慢拖动查看效果 设置为2后sli...
2019-02-28 17:59:54
779
原创 swiper基础使用，轮播项居中排列与不居中（偏移）排列，全屏显示与自定义宽度（一）
如图左右偏移量不一样，设置slidesOffsetBefore：number即可。默认一个如果没有设置slidesPerView 一个slider的宽度为100%，可以自定义宽度在style设置，我自己设置8vw；<script src="/dist/js/swiper.min.js"></scri...
2019-02-28 17:16:13
12234
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人