![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
文章平均质量分 57
斯昂
做一个有意思的人,写一些喜欢的代码,呆在一座温暖的城市,守护一个幸福的家庭
展开
-
Jest 学习笔记
我们会了正常的,也会了不正常的测试方法,组合起来用就会让测试变的强大的多,比如测试正常的时候是如何的,碰到不正常,应该是如何的。随着项目代码的不断增多 我们可能测试的功能模块里面的函数会越来越多, 我们不可能把所有的测试代码都混淆在一块,最原始的方案 是 分成两个文件夹 但是一个需要测试的文件我们却用两个测试文件来测试 这显然是不够优雅的。注意 : 这样写是由问题的,因为方法还没有等到回调,我们的结果已经完成了,所以这时候你对于没测试完,只是方法可用,就返回了测试结果,这种结果是不保证正确的。...原创 2022-08-31 10:53:11 · 501 阅读 · 0 评论 -
[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]
[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]vue-cli3是基于webpack4打造,vue-cli2是基于webpack3vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录vue-cli3提供了vue ui 命令,提供了可视化配置vue-cli3移除了static文件夹,新增了public文件夹,并且将index.html移动到public中使用vue-cli3初始化项目 vue create 文件名,生成的目录修改配原创 2021-01-20 16:07:34 · 214 阅读 · 0 评论 -
Vue-cli版本和使用
Vue-cli版本和使用安装vue-cli(默认安装最新版)3.0以下版本npm install vue-cli -g3.0以上版本npm install -g @vue/cli创建初始化项目//name是项目名称,可以任意命名非中文名称(不能有大写)//3.0以下版本初始化项目是用vue init webpack name//3.0以上版本初始化项目是用 vue create name 或 vue ui 进入图形化操作页面更新1.先查看当前版本是否需要进行更新vue -原创 2021-01-20 16:06:53 · 1275 阅读 · 4 评论 -
npm 淘宝镜像安装
npm 淘宝镜像安装安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org更换npm源(默认是https://registry.npmjs.org/)npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功npm config get registry// 或npm info express...原创 2021-01-20 11:32:13 · 232 阅读 · 1 评论 -
Leon 带你学 vue完结版
vue学习总结vue 优势 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点(尤其是vue3 react化),实现了html的封装和重用,在构建单页面应用方面有着 独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关 操作; 虚拟DOM:原创 2020-07-21 16:53:27 · 319 阅读 · 0 评论 -
html5学习笔记--leon
html5学习笔记–leon####什么是html51.H5并不是新的语言,而是html语言的第五次重大修改–版本2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari。。。)。IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5.3.改变了用户与文档的交互方式:多媒体:video audio canvas4.增加了其它的新特性:语义特性,本地存储特性,网页多媒体,以及动画5.相对于h4:1.进步:抛弃了一些不合理不常用的标记和属性2原创 2020-07-20 17:14:48 · 642 阅读 · 0 评论 -
Leon 带你学 vue(持续更新)
vue学习总结vue 优势 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点(尤其是vue3 react化),实现了html的封装和重用,在构建单页面应用方面有着 独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关 操作; 虚拟DOM:原创 2020-07-20 16:35:52 · 212 阅读 · 0 评论 -
js常用的一些函数封装
js常用的一些函数封装var events = { /** * 获取路径参数方法 返回参数值 * @name 参数名字 * */ getQueryString: function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); // window.location.search 获取url问号后面部分原创 2020-07-08 09:53:36 · 284 阅读 · 0 评论 -
Vue中使用axios分别实现post方式和get方式提交数据
Vue中使用axios分别实现post方式和get方式提交数据1.安装axiosnpm install --save axios2.在main.js中引入并使用该模块,并设置域名(以后的请求都将基于该域名)import axios from 'axios'3.定义接口的基本路径(非必须),这个只是对一个项目里面的,如果所有接口均调用同一个域名下的不同接口的时候用着方便。Vue.prototype.$http=axios.create({ baseURL: 'https://www.bai原创 2020-07-07 18:22:27 · 1034 阅读 · 0 评论 -
动态切换组件 问题解决方案。
对于昨天求助的动态切换子组件之后 怎么跳转到该页面切换指定子组件的问题 在大神的劝告下 今天上午我还是走了老办法,把问题解决了,特此小编在这里把代码粘贴出来供大家知道。问题求助帖子地址: https://blog.csdn.net/Leon_940002463/article/details/103478501问题是这样的:这个父组件的代码:其他代码 不怎么重要 主要是把从其他页面...原创 2019-12-11 17:48:01 · 375 阅读 · 0 评论 -
vue 子组件控制父组件的 三种方法
第一种方法直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><script> import child from './components/dam/chil...原创 2019-12-05 15:42:46 · 3957 阅读 · 0 评论 -
vue 子传父 传值 require 和 default 的区别与用法
vue 子传父 传值 require 和 default 的区别与用法参考:Prop — Vue.js 父组件=>对子组件传值是通过prop的方法来进行传递,在使用prop的时候,我们有时候需要对这个值进行检查,可能期待得到一个字符串或者需要对这个长度进行约束等。这个时候我们就需要一种方法,来进行自定义的检查。首先先看一个简单的[](javascript:void(0)???? ...原创 2019-11-13 16:32:02 · 2187 阅读 · 0 评论 -
浅述 js正则表达式
浅述 js正则表达式什么是正则表达式正则表达式就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,用来表达对字符串的一种过滤逻辑。通过正则表达式可以达到如下的目的:给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”);可以通过正则表达式,从字符串中获取我们想要的特定部分。匹配普通文本字符正则表达式可以只包含普通的文本,代表去精确匹配这个文本。例如:...转载 2019-10-24 09:28:10 · 161 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
CSS实现单行、多行文本溢出显示省略号(…)如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们...原创 2019-10-22 14:39:44 · 304 阅读 · 0 评论 -
vue 项目中 自动生成 二维码
vue 项目中 自动生成 二维码 最近在写一个vue项目,要求根据卡号可以自动生成一个二维码,并渲染在指定位置,因为第一次做类似业务,小编在网上找了找,发现了很多,具体起来主要用的就两种:QRcodevue-qrvue-qr比QRcode功能多在可以在中间加logo,而且好像更方便一点,具体的 小编也没试,小编需要的二维码不需要那么 多骚操作,就选择了第一种,至于要写这篇博客的...原创 2019-10-21 17:24:20 · 2808 阅读 · 0 评论 -
安装淘宝cnpm
安装淘宝cnpm标签:安装123456分步阅读npm作为包管理器来说相对来说比较好用,但是由于服务器不在国内所以有的时候速度会慢一点,今天小编就来安装一下淘宝团队的cnpm,这个就是npm在国内的镜像。工具/原料电脑一台方法/步骤1之前小编的电脑上已经安装过了npm,今天小编来安装cnpm,安装cnpm需要npm,打开cm...原创 2019-10-21 10:38:18 · 220 阅读 · 0 评论 -
刷新当前页面常用的方法是:
刷新当前页面常用的方法是:1、第一种方法是:window.reload();2、第二种方法是:this.$router.go(0);这两种方法是可以刷新当前面,但刷新的那一瞬间,页面会有一瞬间空白闪烁;这样用户体验不好。3、跳转空白页再跳回原页面在需要页面刷新的地方写上:this.$router.push(’/emptyPage’),跳转到一个空白页。在emptyPage.vue里bef...转载 2019-10-15 09:45:32 · 4474 阅读 · 1 评论 -
scroll 坑 闲谈
最近码农我头有点炸,遇见个布局bug一直解决不了,让我薅头发都快薅秃了。事情是这样的,月初的时候我接了一个半成品的项目 ,为啥叫半成品呢,就是没有ui 没有产品经理,就老板给了你一个文档,寥寥百字,我们需要什么功能,这样作为前端新手的我十分头炸。好了这先不说,最重要的是这是别人开好头的页面,主管把顶部导航,底部导航写在了一个父页面,然后用scroll 不知道是那个版本的啊,做了整个所有子页面的...原创 2019-09-05 10:43:21 · 259 阅读 · 0 评论 -
评价页面,随手写的评价简陋模板
评价页面,用vue + vant-ui 随手写的评价简陋模板<template> <div class="main fuwupingjia"> <h5>服务评价页面</h5> <div class="fuWuPingJia"> <van-rate v-model="value" :size="25"...原创 2019-09-02 16:58:06 · 1189 阅读 · 0 评论 -
关联时间选择器
最近公司要求 写一个时间选择器,要求在选完开始时间后,选的结束时间不能早于开始时间,为了做这个业务,小编翻了好多网上的资料。发现很少用 vant 有赞团队的这个框架来写。索性我就写了一个。坑定没大神们写的好,不喜,勿喷。对你有用的话劳烦您点个赞或 点个关注。下面是代码:第一步引入 vue.js vant.js我用的这两个框架的版本 "vant": "^2.1.1", ...原创 2019-08-30 16:38:48 · 362 阅读 · 0 评论 -
#用vant 写三级联动
#用vant 写三级联动1.首先引入area.jsimport addressList from "../area";2.area.js内容如下:var addressList = { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140...原创 2019-08-20 11:43:23 · 3773 阅读 · 0 评论 -
git 中 A C D M R T U X 分别解释
git 中 A C D M R T U X 分别解释 A: 你本地新增的文件(服务器上没有).C: 文件的一个新拷贝.D: 你本地删除的文件(服务器上还在).M: 文件的内容或者mode被修改了.R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并(你需要完成合并才能进行提交)。X: 未知状态(很可能是遇到git的bug了,你可以向git提交bug rep...原创 2019-09-05 17:09:48 · 8773 阅读 · 1 评论 -
npm 安装包的时候我们经常 遇见 -s -D -g 之类的后缀 他们都是什么意思呢?
npm 安装包的时候我们经常 遇见 -s -D -g 之类的后缀 他们都是什么意思呢? 这里用一段简单的话来概述:-S -save 的缩写 用于生产(上线)环境下,包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在;-D -dev(生产) 包名会被注册在package.json的devDepende...原创 2019-09-05 17:10:30 · 3983 阅读 · 3 评论 -
前端 常见错误汇总:
前端 常见错误汇总:(遇到随时补充)Errors while compiling. Reload prevented. 热更新 出错 常常是页面本身路径更换后出现此类报错( 检查这个出错页面是不是图片或者外部资源的引用路径 不对。)...原创 2019-09-10 14:56:58 · 366 阅读 · 0 评论 -
j's 的几种时间函数
j’s 的几种时间函数$(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); $("#time").text(t); $("#time").load("Untitled-1.html"); });[](javascript:void(0)????获取JavaScript 的时间使用...原创 2019-09-23 16:33:17 · 385 阅读 · 0 评论 -
let 和 var 的区别
let 和 var 的区别最近很多前端的朋友去面试被问到let和var的区别,其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下,以便各位以后面试中使用。ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。先看个var的常见变量提升的面试题目:题目1:var a =...原创 2019-09-26 16:53:52 · 220 阅读 · 0 评论 -
常见的JS正则
1 用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));2 密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符var pPattern = /^...原创 2019-10-08 15:14:43 · 180 阅读 · 0 评论 -
用 Vue 弹窗 组件 封装
近期刚入职一家公司,暂无任务安排老大要求我自己封装一个弹窗组件 里面能渲染表格 ,我思忖良久。照着网上大佬的,代码自己敲了一个弹框的封装,至于弹框上渲染表格(这里的表格是饿了吗UI里面的table组件 博主还没自己封装),等后续 博主会慢慢奉上。闲话不多说,下面是代码:### 这里是组件内容// 弹窗<template> <div> <!--...原创 2019-08-09 10:00:03 · 2154 阅读 · 3 评论 -
day05——Vue
1.路由的基本概念与原理1.1 路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系。 名词:一个地址和资源的映射关系 动词:如何通过一个地址,获取到对应的资源。在开发中,路由分为:后端路由前端路由前端路由概念:根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系[外链图片转存失败(img-QozwyOQW-1564415154182...原创 2019-07-29 23:46:35 · 180 阅读 · 0 评论 -
前端可以做的SEO搜索引擎优化(摘取)
文章目录新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入你好! 这是你第一次使用 Markdown编辑器 所展...转载 2019-06-21 19:34:24 · 3101 阅读 · 0 评论 -
AJAX简要札记
AJAX简要札记有了ajax,前端有了一道分水岭有了ajax,前端有了一道分水岭有了ajax,前端有了一道分水岭1.0 关于ajax和异步ajax是什么 axios Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术 关键词: 异步,不需要页面跳转,局部刷新__...原创 2019-06-28 10:04:59 · 185 阅读 · 0 评论 -
HTML、css基础知识
typora-copy-images-to: media第01阶段.前端基础.CSS初识CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式1.HTML的局限性说起HTML,这其实是个非常单纯的家伙, 他只关注内容的语义,比如表明这是一个大标题,用 表明这是一个段落,用 表明这...原创 2019-06-05 19:33:27 · 199027 阅读 · 0 评论 -
jQuery的简单介绍
jQuery的简单介绍/* *JavaScript框架库:就是一个普通的js文件,封装了很多的函数,封装了很多兼容的代码 *jQuery是JavaScript框架库中的一种 *jQuery的好处:写的少,做的多,链式编程,隐式迭代等… *jQuery可以解决js兼容的问题*//* * ...原创 2019-06-28 10:05:27 · 125 阅读 · 0 评论 -
php笔记
php简要札记了解php基本使用,是方便后期理解node的使用,而不是主要技能,前端开发不写这个了解php基本使用,是方便后期理解node的使用,而不是主要技能,前端开发不写这个了解php基本使用,是方便后期理解node的使用,而不是主要技能,前端开发不写这个1.0 网络的基本概念服务器 服务器小到一台计算机,大到几十万几千万的机房,其实也就是一些计算机群组,存储量更大...原创 2019-06-28 10:06:41 · 403 阅读 · 0 评论 -
css3 属性选择器 总结
01-认识css3什么是css3?CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得 Web开发变得更为高效和便捷css3现状浏览器支持程度差,需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待css3兼容问题?渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面...转载 2019-06-21 20:33:10 · 284 阅读 · 0 评论 -
h5新增标签属性以及api的总结
什么是html51.H5并不是新的语言,而是html语言的第五次重大修改–版本2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safari。。。)。IE9及以上支持h5(有选择的支持,并不会全部支持),但是ie8及以下不支持h5.3.改变了用户与文档的交互方式:多媒体:video audio canvas4.增加了其它的新特性:语义特性,本地存储特性,网页多媒体,以及...转载 2019-06-21 20:36:44 · 388 阅读 · 0 评论 -
day04-Vue
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务但是每个异步返回数据的时间都是不确定...原创 2019-07-29 23:45:28 · 153 阅读 · 0 评论 -
day03-VUe
day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代码组件化规范:Web Component 就是通过创建封装好的功能的定制元素解决问题。 定制元素就是说我们自定义的一些标签,其中封装好了功能,不会污染其他组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,...原创 2019-07-29 23:44:48 · 140 阅读 · 0 评论 -
webpack的相关介绍
** 当前 Web 开发面临的困境**l 文件依赖关系错综复杂l 静态资源请求效率低l 模块化支持不友好l 浏览器对高级 Javascript 特性兼容程度较低etc…webpack1. 概念:webpack 是一个流行的前端项目构建工具(打包工具),可以解决当前 web 开发中所面临的困境。webpack 提供了友好的模块化支持,以及代码压缩混淆、处理 js 兼容问题、性能...原创 2019-07-19 09:43:35 · 171 阅读 · 0 评论 -
Vue脚手架的使用和Element-ui的使用
VueVue 脚手架的基本用法Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cli.vuejs.org/zh/使用步骤安装 3.x 版本的 Vue 脚手架:npm install -g @vue/cli基于3.x版本的脚手架创建vue项目#// 1. 基于 交互式命令行 的方式,创建 新版 vue 项目vue create my-proje...原创 2019-07-19 09:42:29 · 1017 阅读 · 0 评论