![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习记录
文章平均质量分 68
暗影刀客
看过==会了,理解加分享===会了,前端小白,有个大神的梦想,路还很长,贵在坚持,共勉。
展开
-
linear-gradient的用法详解
文章目录一、介绍linear-gradient是css3的一个属性,功能强大,但是因为使用的灵活性,让没接触过的人感觉不好下手,下面来一起学习一下:一、介绍MDN介绍文档linear-gradient 是一种实现线性渐变的属性,顾名思义,它的特点的是控制渐变,特点是线性的进行控制。属性介绍:linear-gradient([ [ [ | to [top | bottom] || [left | right] ],]? [, ]+);可以简化为:...原创 2020-07-20 10:57:01 · 32414 阅读 · 0 评论 -
TypeError: Cannot convert a Symbol value to a string
记一个坑,踩了几个小时才排查到,报错没有任何信息背景是这样的,我在store中获取了router,我对目标route的matched进行遍历match = to.matched;let tempList = match.filter(item => item.path); //最后才发现...原创 2020-05-26 02:07:39 · 9115 阅读 · 3 评论 -
VUE实现页面缓存的解决方案-keep-alive
文章目录(一)背景(二)实现页面缓存的方案2.1 整个页面的数据和状态进行缓存2.2 vue的keep-alive来实现2.2.1 配置keep-alive2.2.1 配置组件(三) 注意事项(一)背景在实际开发中,对于spa类的单页面应用,一个页面就是一个组件的概念,默认情况下,在我们打开一个新页面的时候,为了内存的不浪费,不会缓存上一个页面,但是一些时候我们的pm会给我们提一些需求,比如:...原创 2020-04-09 01:44:19 · 1608 阅读 · 0 评论 -
python自学(六)——高级特性补充
文章目录一、生成器二、迭代器一、生成器作业:打印杨辉三角#!usr/bin/env python3#encoding=utf-8def generator(n=10): i = 1 l = [1] yield l while i<n: l = [1]+[l[x]+l[x+1] for x...原创 2019-07-15 23:54:25 · 87 阅读 · 0 评论 -
python自学(三)——列表和逻辑判断
文章目录一、列表和tuple1.1 列表1.2 tuple1.3 二者的区别和相同二、逻辑判断2.1 if三 、循环3.1 for循环四、dict和set4.1 dict4.2 set一、列表和tuple1.1 列表数组和其他语言的数组基本类似,表示一个有序的数据集合: 1. append(data) // 向列表追加数据元素 2. pop(index) //index为空时,默认删除...原创 2019-07-10 23:05:01 · 1207 阅读 · 0 评论 -
python自学(二)——字符串和编码
文章目录一、 字符的编码和解码1.1 ord1.2 chr二、字符串的编码和解码2.1 encode2.2 decode三、字符长度 ——len四、字符串的格式化五、format一、 字符的编码和解码和其他语言是一样的,python的编码格式有ASCII 和unicode,utf-8,说到这里建议大家安装python3,之后的学习才能方便的进行下去,因为python3的默认编码是unicode...原创 2019-07-10 00:23:55 · 153 阅读 · 1 评论 -
python自学(五)——高级特性
文章目录一、切片二、迭代2.1 判断是否支持迭代2.2 dict的迭代三、列表的生成式四、生成器(generator)一、切片形式:列表[start::end] start // 可以省略,缺省时默认从0开始,可以为负值,负值从右侧开始 ://不能省略 : //可以省略,存在时end的意义表示为间隔长度 end //可以省略,缺省表示到选取方向的末尾,可以为负号,表示右侧数第几个,如...原创 2019-07-13 17:01:20 · 129 阅读 · 0 评论 -
python自学(一)——python基础
文章目录一、学习工具二、python的基础2.1 为什么要学python2.2 python是什么三、python 基础3.1 python 的基本语法3.2 python 的输入和输出3.3 python的数据类型一、学习工具terminal(mac 自带的python 解释器)廖大神的文档二、python的基础2.1 为什么要学python本人科班出身,但是很多语言学完就丢了...原创 2019-07-08 23:30:46 · 697 阅读 · 0 评论 -
时间日期五级联动组件封装和demo——微信小程序组件
文章目录一、组件需求二、实现思路2.1使用小程序组件进行组装2.2 难点三、实现3.1 布局文件3.2 js核心代码3.3 最后上调用代码四、问题(留给你们)五、demo微信自带的组件只有时间和日期,分开的的组件,所以自己封装了一个时间日期联动的组件一、组件需求可以传入初始时间,否则就是当前时间可以选择日期时间可以做一些限制,比如选择年份的范围,是否可以选择当前日期之后的日期二、...原创 2019-05-25 22:51:57 · 1023 阅读 · 3 评论 -
微信小程序自定义组件——添加图片组件
文章目录一、预期功能二、组件的设计方案三、现在上代码(根据引用关系进行展示)3.1 image-view组件3.2 row-view组件3.3 add-img组件先上图一、预期功能实现图片的添加实现图片的删除实现图片的预览二、组件的设计方案2.1 添加图片方案有几种添加方式添加的同时上传,这样最后提交表单的时候便捷,但是会浪费一些多余的流量和服务器资源添加只保存本地url...原创 2019-05-12 18:51:25 · 12749 阅读 · 3 评论 -
Lodash常用函数学习总结
文章目录一、官网地址二、数组操作2.1 _chunk(数组分割)一、官网地址lodash官网前端开发一个跟便捷的简化代码的工具,优势很明显,优化代码,同样的也会有一定的弊端,就是对于熟悉lodash的开发着来说,确实很爽,对于小白来说,可能会更懵逼,同时建议初学者还是造造轮子,等一切熟悉之后在来用工具来提升速度吧吐槽一下,老婆饼没有老婆,中文文档没中文,总结一下常用的lodash的函数:...原创 2019-05-21 00:02:30 · 1535 阅读 · 0 评论 -
微信小程序实现粘性布局sticky——注意事项
最近小程序要实现一个商城页面的切换菜单,处在页面的中间,滚动到最上面时,能够悬浮在顶部,最开始的解决方案是,外层使用scroll-view,监听滚动事件,当滚动到顶部时,菜单fixes布局,这样可以实现,但是一直监听的消耗内存和资源是问题,同时还会不流畅,出现卡顿,正好发现这个神器position:sticky;但是网上一搜,我大中国现状出来了,基本都是一个知识源,大家都是抄过来抄过去,但是...原创 2019-04-20 15:38:57 · 14707 阅读 · 1 评论 -
git 常用命令最全汇总
git命令汇总,日常更新文章目录1.初始化和删除仓库1.1 初始化1.2 删除本地仓库2.添加和提交项目3.撤销3.1 add之后撤销4.git 远程分支4.1查看远程仓库地址4.2 添加远程远程仓库地址4.3 查看本地、远程、所有分支1.初始化和删除仓库1.1 初始化git init1.2 删除本地仓库在已经初始化git的路径内执行如下命令find . -name ".git" ...原创 2019-05-05 00:22:30 · 428 阅读 · 0 评论 -
python自学(四)——函数的学习
文章目录#!/usr/bin/env python3#-- encoding:utf-8 --import mathdef test():a =int(input("请输入第一个数据a: "))b = int(input("请输入第二个数据b: "))c = int(input("请输入第三个数据c: "))tempSq = math.sqrt(bb-4ac)y1 = (tem...原创 2019-07-11 22:59:24 · 143 阅读 · 0 评论 -
python自学(九)——高阶函数(sorted)
文章目录一、sorted二、返回函数一、sortedsorted没有说明是冒泡还是快排实现,我就不装逼去找文档了,姑且认为是快排把,反正用起来很快def f():sorted(list, [f], [reverse=True]) // 第二个是先对每一个元素执行,在进行排序,可选参数,第三个是是否倒序作业L = [(‘Bob’, 75), (‘Adam’, 92), (‘Bart’...原创 2019-07-18 23:38:35 · 109 阅读 · 0 评论 -
webpack配置module的rules是条件匹配详解
文章目录一、共同点二、不同点2.1 优先级webpack的loader配置中,对于那些文件会匹配到哪些loader来处理,这个就是module的rules的的loader一个属性,或者说是三个属性:testincludeexclude一、共同点三者后面跟的都可以是字符串和正则表达式,最常见的就是/.css/或者/.js/等,此时是一条匹配规则,也可以是数组[/.css/,/.s...原创 2019-10-08 01:44:18 · 12510 阅读 · 0 评论 -
ValidationError: Invalid options object. CSS Loader has been initialised using an options object tha
ERROR in ./main.css (./node_modules/css-loader/dist/cjs.js??ref–4-1!./main.css)Module build failed (from ./node_modules/css-loader/dist/cjs.js):ValidationError: Invalid options object. CSS Loader ha...原创 2019-09-25 20:36:57 · 14485 阅读 · 0 评论 -
编译器配置git更新类型update type 的选择
git type的选择一、git type的选择二、区别2.1 merge2.2 Rebase2.3 Branch Defalut三、后记一、git type的选择一共有三种选择,在配置编译器的时候,会提示我们作出选择:如下merge 合并Rebase 保留本地项目代码Branch Default 保留远程仓库的代码二、区别这三者如果没有冲突,update的表现方式是没...原创 2019-09-22 19:50:39 · 2928 阅读 · 1 评论 -
python自学(十二)——面向对象编程
文章目录一、类和实例二、访问限制一、类和实例类和实例是面向对象编程无法跳过去的一关,python也是如此。首先使用class来声明class class Student(object): pass类的声明,应该遵循规范,首字母大写,括号中指明当前class的父类,和js一样,最终所有的类都指向了object,从下面可以看到,我们打印由Student创建的对象tom时,能够看到它的...原创 2019-08-22 00:52:12 · 161 阅读 · 0 评论 -
javascript正则表达式学习汇总
文章目录一、什么是正则表达式二、常用工具三、开始学习啦一、什么是正则表达式正则表达式,又称规则表达式,是一个用来检索(也称匹配)和替换(本质还是检索)符合特定规则的文本工作中最常见的莫过于一下几个情况:校验用户名校验密码校验手机号校验邮箱格式校验域名解析URL匹配某个字段…不胜枚举,正所谓,没学不知道,学了不会用的就是正则表达式了,上述几个问题会在最后解答。很多之前学...原创 2019-08-18 21:12:22 · 156 阅读 · 0 评论 -
vue使用注意事项总结
文章目录一 、v-for的key绑定二、$refs三、router 和 route的区别3.1 router一 、v-for的key绑定先上文档可以看到,如果对于key的绑定会造成一些bug,而且往往这些bug是我们没有注意到的例如如下代码 <div v-for="(item, key) in list" :key="key">{{item.text}}</div&g...原创 2019-07-28 17:56:02 · 447 阅读 · 0 评论 -
web常见性能优化总结(浏览器渲染过程详解)
文章目录一、什么是web的性能优化一、什么是web的性能优化web的性能指标有很多,大致可以分为三类:首次访问速度。首次访问速度主要指首页的加载速度,这个在移动端显得尤为可贵,对于大厂的h5 app,这一块的优化一直都是头疼的问题,例如淘宝首页,手百首页等等,多让用户多看几百毫秒的白屏,都会让pm逼死一帮程序猿。持续访问速度。web的健壮性。...原创 2019-08-03 20:47:24 · 1194 阅读 · 1 评论 -
python自学(八)——高阶函数(filter)
文章目录一、filter作业一:生成质数集合作业二:请利用filter()筛选出回数:后记(字符串反转)1. [::-1]2.reverse()3.reduce (lambda配合更爽)一、filter接着昨天的学习filter这个函数算是比较熟悉的了,和js的功能效果基本一致:对于传入的列表的每一个元素执行目标函数,返回函数中返回值为True的元素,组成一个新的列表def f(item)...原创 2019-07-18 00:00:08 · 161 阅读 · 0 评论 -
python自学(十一)——模块的使用
文章目录一、使用模块一、使用模块模块的一般定义格式如下(和我们自定义的py文件差不多):#!/usr/bin/env python3原创 2019-07-29 23:05:04 · 534 阅读 · 0 评论 -
python自学(七)——高阶函数
文章目录一、什么是高阶函数二、map/reduce作业1:字符串转数字作业2:单词首字母转大写作业三:编写一个prod()函数,可以接受一个list并利用reduce()求积作业四:利用map和reduce编写一个str2float函数,把字符串'123.456'转换成浮点数123.456一、什么是高阶函数可以把函数作为另一个函数的返回值或者参数的函数,成为高阶函数二、map/reduce...原创 2019-07-16 23:41:31 · 100 阅读 · 0 评论 -
python自学(十)——函数式编程
文章目录一、匿名函数一、匿名函数如题,匿名函数,直白点,就是没有具体名称的函数,但是不影响函数本身的使用。作业:使用匿名函数改造下面的代码def is_odd(n): return n % 2 == 1L = list(filter(is_odd, range(1, 20)))如下L = list(filter(lambda n : n%2 == 1, range(1,...原创 2019-07-23 23:26:59 · 147 阅读 · 0 评论 -
公众号运营学习(一)——什么是新媒体
文章目录一、传播迅速,信息高效二、用户参与度高三、高效利用了用户的碎片时间四、人人都是媒体人五、社交的因素最近在学习公众号的运营知识,感觉自己都快落伍啦,坚持每天一篇,记录下来。一、传播迅速,信息高效这个肯定是相较于纸媒时代,新媒体的一个特点就是,传播高效,往往我们刚看到微博一个爆点起来,转身一杯咖啡的功夫,很多公众号,“内幕”、最全揭秘、关于“XXX”你不知道秘密。。。简直就像雨后春笋般崛...原创 2019-04-19 00:51:47 · 695 阅读 · 0 评论 -
公众号运营学习(二)——新媒体人应该具备的能力和提升方法
今天学习的是作为一个新媒体人应该具备的哪些能力,和对应的能力应该怎么样培养,听完之后,感觉一点是很重要,那就是执行力,没有执行力,一切都是空谈。作为新媒体人,或多或少的都要能够拿得起笔杆子,笔下见真招,但是行家里手,抬起笔的那一刻基本高下立判,所以要写什么文章,从那个角度来写等等,都需要我们来学习和训练,下面是应该具备的能力:一、文章选题的能力就像一个厨师来考虑我今天要做哪道菜一样,要考虑顾...原创 2019-04-21 01:03:38 · 366 阅读 · 0 评论 -
Windows 下NVM的安装与配置
nvm是一个来管理node的工具,方便我们在开发过程中node版本的切换,现在我们来一起安装一下吧1)下载资源github下载地址2)安装注意事项:如果有node请先卸载,避免出现不必要的错误,我是卸载了自己最新的node再安装的安装目录不要有中文(这个一定要注意),因为默认安装到用户文件夹下,如果用户名是中文,就会在之后安装node时失败,如果失败,请卸载重新安装到一个没有中文的...原创 2018-10-30 21:34:41 · 4572 阅读 · 0 评论 -
JS使用filter实现数组去重
这是在runoob里面进行的在线测试var words = ['spray', 'limit', 'spray', 'exuberant', 'destruction', 'present'];var arr = [];const result = words.filter((word,index) =>{ return words.indexOf(word)===index;})...原创 2018-10-30 18:28:05 · 9746 阅读 · 0 评论 -
js实现累加(闭包、柯里化)面试经验分享
闭包今天面试需要手写一段代码实现 var a = sum(); a.add(1); a.add(2); a.add(3); a.add(4); a.getResult();//打印出10首先看到这个题,我先想到是考察闭包的使用,暂存计算过程中的数据,随时可以打印结果。 function sum(){ let a = 0;//let和var不受影响 return...原创 2018-10-30 18:17:18 · 1685 阅读 · 0 评论 -
im标签中 alt和title的区别
这个题在前端笔试题中不止一次遇到了,这是一定要记下来一)二者皆有&lt;img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" title="这是标题" alt="这是提示" /&gt; 图片显示时(鼠标经过是显示title)图片不显示时(图片位置显示alt,经过文字区域时显示ti原创 2018-10-31 18:32:14 · 6490 阅读 · 0 评论 -
原型规则——javascript学习
闲扯:有次面试,面试官问了我一句,你知道function是怎么来的吗?我当时一脸蒙蔽,我说function是本来就有的,当时基础太菜,面试官是function也是一个对象,然后没有过多解释,今天看完原型规则才知道,我方为我,哈哈原型规则,不多扯,有五个,自己先记下来所有的引用类型都具有对象属性注意:null除外既然都具有对象属性,引用类型均具有__proto__属性,称为隐式...原创 2018-10-24 14:17:31 · 195 阅读 · 1 评论 -
Javascript数据类型
最近遇到javascript的数据类型有哪些,有点错乱了,比较混乱,今天整理一下,记下来javascript的数据类型有字符串、数字、布尔、对象、Null、Undefined当然看到这里可能会问为什么没有数组、函数啦,别着急,往下看,这些又可以分为以下两类原始类型(String、bool、number、null、underfined)原始类型是可按照值来访问,即其存储在栈内存当中,可...原创 2018-10-24 12:45:23 · 115 阅读 · 0 评论 -
Vue的生命周期(学习心得加面试经验)
前言:相对三个框架而言,Vue确实是最容易上手的一个轻量级框架,只要有相关的基础即可轻松入门,但是很多细节的知识点不仅工作中有用,面试中也会问到,今天我来分享的我的心得和经验。生命周期就是以一个宏观的视角来审视Vue,理解一个Vue实例的生老病死,即创建到销毁的过程。下面是我的理解和记忆过程:1.整体来看Vue实例有三个大过程,创建、挂载和销毁,这个很好理解,就好像一个机器的器件,生产完成,组...原创 2018-10-26 16:23:04 · 756 阅读 · 0 评论 -
bash: webpack-dev-server: command not found
今天按教程配置weback,其他的都是按照老师的一步一步来,环境变量和各种依赖都装了,一直报这个错误,按照搜到的前几条发现都不行,最后一个说的是用cnpm来安装,因为有可能是因为npm下载安装的补全,试了一下,重新安装一遍,ok了,耽误了一个多小时,真坑,至于怎么使用cnpm自行百度即可,很简单。...原创 2018-10-29 15:51:05 · 6507 阅读 · 0 评论 -
html行内元素与块级元素的区别总结
虽然自学了html很久了,但是对于小知识点记得总不是很清楚,最近被问到题目这个问题,当时我傻傻的读题不清楚,看成行级元素和块级元素,理解成,独占一行的元素和在行内一块一块的元素,结果错的妥妥的,所以记下来这次错误。行内元素。顾名思义指的是在行内的元素,默认不会单独占一行,会多个紧密排列,根据布局会按照情况进行调整。其中常见的有(默写啦):em、strong、input、img、span、a...原创 2018-10-29 11:25:57 · 741 阅读 · 0 评论 -
Github入门(创建项目)
最近面试发现很多岗位要求熟悉github或者有开源项目,之前没咋用过,所以来试一试看。注册我就不多说啦,我本来是准备在线创建项目,但是很容易刷出来404,按照网上的方法修改本地域名映射,还是会有,所以我就下载本地客户端进行创建。1.安装就不多说了(我的是windows10)2.登录之后出现这个界面从左向右1.创建一个新的项目2.添加一个本地项目到github3.同步一个项目到本地...原创 2018-10-23 21:32:24 · 138 阅读 · 0 评论 -
Vue 前端跨域的解决方案(心得记录)
背景:今天面试一面和二面都还ok,三面是两个小姐姐(工作性质应该是外包驻场,所以有甲方来面),简历上巴拉巴拉的简单聊了一下,到了关键了,小姐姐说问一下基础的东西(这也是最怕的,毕竟Vue我之前用的挺浅,局限在项目所用),小姐姐问,怎么解决Vue项目中的跨域问题。我当时虎躯一震,用服务器代理解决,我们之前的项目都是这么干的,简单省事,当时还想说jsonp的,但是怕错了,没敢说,结果可想而知,表现...原创 2018-10-23 20:50:11 · 18655 阅读 · 4 评论 -
Javascript 变量提升的细节注意
最近笔试想起来一道题,关于JS变量提升这个知识点的,当时看完感觉自己会了,但是遇到真题时发现想多了,下面是题目console.log(num)var num = 1;问打印的是几,我当时真是黏黏自喜,说刚他妹的的看过,头铁的写个1,后来果然呵呵了,我当时理解的是变量提升是,是把 声明 提前,我理解的是这样的var num = 1;console.log(num)后来发现想多了,它是...原创 2018-10-25 14:59:17 · 164 阅读 · 0 评论