笔记
敢碰
这个作者很懒,什么都没留下…
展开
-
使用Vant插件的NoticeBar组件,在浏览器中正常,但在ios上只滚动一次
场景:在浏览器和安卓中正常,但在ios上只滚动一次;解决: 更新Vant包;更新无法解决就是scrollable这个属性的问题,直接设置为true<van-notice-bar left-icon="volume-o" color="#343434" background="#fff" :text="" :scrollable="true"/>...原创 2021-04-01 16:33:37 · 1672 阅读 · 2 评论 -
UNI-app video视频播放组件与swiper结合控制
一般商品展示列表都会在第一个位置插入视频播放,然后在实际操作中,容易遇到一些操作问题。swiper里面 切换暂停视频、切换回去继续播放<swiper @change = "swiperChange" :autoplay="autoplay"> <swiper-item v-for="(item, index) in list" :key="index"> <view v-if="isvideo(item)"> <原创 2021-03-01 15:29:42 · 3228 阅读 · 6 评论 -
vue3.0 Global API & Composition API
import Vue from 'vue'Vue.nextTick(() => {})const obj = Vue.observable({})Vue 3.0 在平衡功能和包体积大小做了一定的努力,力图在 Vue 包做到更新并且不限制其功能。Vue 3.0 中使用了 组合式 API,通过 ES Modules 的静态分析的设计,与现代的 捆绑器 webpack 和 rollup 相结合,Tree-shaking 中剔除了那些未在项目使用却导出 ES Module API,如此,用户只会使原创 2021-03-01 15:24:41 · 520 阅读 · 0 评论 -
Vue3.0新特性介绍
中文介绍 跳转链接 https://hefeng6500.gitee.io/advanced-front-end/vue/vue3.0/vue3.0-1.html#v-model-指令原创 2021-03-01 15:16:19 · 269 阅读 · 0 评论 -
前端标准化开发(vue为例)个人习惯不喜勿喷
一.代码规范:1.命名规范:语义化:采用英文单词,避免音译汉语拼音,可对照Google翻译 组件:以驼峰式命名规则,首字母大写 函数:以驼峰式命名规则,首字母小写 class:层级拼接,以下划线形式拼接 API接口URL:统一为大写,以下划线拼接2.eslint.js配置较为统一的eslint规则(采用单引号,去除结尾分号,换行距离等)3.注释建议勤写注释 函数、插件、方法等注明参数类型和作用,使用方法 URL、state等常量标明含义 HTML模块区别注释,css区别注释二.文件目录结构:原创 2021-03-01 14:40:40 · 455 阅读 · 0 评论 -
unit单元测试和e2e端到端测试的区别
一.unit测试站在程序员的角度测试 unit测试是把代码看成是一个个的组件。从而实现每一个组件的单独测试,测试内容主要是组件内每一个函数的返回结果是不是和期望值一样。 例如:const compare = (a,b) => a>b?a:b对这个函数进行测试expect(compare(1,2)).to.equal(2) //okexpect(compare(2,1)).to.equal(1) //ok测试完成 而代码覆盖率是指代码中每一个函数的每一中情况的测试情况,上述测试的代码覆原创 2021-03-01 14:35:36 · 844 阅读 · 2 评论 -
node.js搭建服务器
Node.js究竟是什么? 只支持ES的语法Node是一 个服务器端JavaScript解释器Node本身服务器上的JavaScript对于只在客户机上使用JavaScript的程序员而言,服务器端JavaScript可能是一个新概念什么是V8? V8 JavaScript引擎是Google用于其Chrome浏览器的底层JavaScript引擎。 实际上,JavaScript 引擎负责解释并执行代码。Node实际上会使用Google编写的V8 JavaScript引擎,并将其重建为可在服务器上使原创 2020-09-15 09:12:41 · 2160 阅读 · 0 评论 -
前面JQuery的补充
$(‘xx’) 在引入JQ的时候,这个是JQ对象 — 这个JQ对象里面有JQ方法,也会有节点对象这个属性$ 和 $()的区别不带括号的是方法,$()是这个方法的返回值,该值的一个对象JQ对象,这个对象可以调用JQ方法JQ对象可以通过下标转换成节点对象举个栗子:$(mydiv)[0].style.color = ‘pink’节点对象转换成JQ对象var mydiv = document.getElementById(‘mydiv1’)$(mydiv).css({width:200,heigh原创 2020-09-09 08:56:06 · 107 阅读 · 0 评论 -
jQuery
jQuery 选择器链接jQuery在线手册链接原创 2020-08-25 16:00:55 · 88 阅读 · 0 评论 -
每个前端开发者应该知道什么?
浏览器是怎样渲染一个页面的?每个前端开发者应该知道什么(超链接)我们从浏览器渲染页面的大概过程开始说起:由从服务器接收到的 HTML 形成 DOM(文档对象模型)。样式被加载和解析,形成 CSSOM(CSS 对象模型)。紧接着 DOM 和 CSSOM 创建了一个渲染树,这个渲染树是一些被渲染对象的集合( Webkit 分别叫它们”renderer”和”render object”,而在Gecko 引擎中叫”frame”)。除了不可见的元素(比如 head 标签和一些有 display:none 属原创 2020-08-18 13:59:36 · 115 阅读 · 0 评论 -
JS 创建字符串
1.字面量var str = ’ ’ 或者 “” 或者 ``typeof str ===> string2.字符串对象var strObj = new String(‘123’)typeof strObj ===> objectString 字符串的方法 (注意:方法使用都是 ‘元素.方法’)1.从字符串中获取某个字符charAt()str[ ] 这种方法不能改变原有字符,它是自己生成了一个新的字符串var str = 'javascript';cons原创 2020-08-15 16:44:54 · 1022 阅读 · 0 评论 -
JS 内置函数(时间)
Date获取时间前后端中任何涉及到时间的内容都应该由后端来获取。前端获取的时间:后期不会改变的本地的时间,比如显示每天的日期后端获取的时间:比如倒计时获取时间的方法1.获取当前本地时间Date() // 括号中的时间最终返回出来是毫秒let date = new Date(); //new 关键字创建出来都是对象 let date = new Date();console.log(date);//Thu Aug 13 2020 13:53:42 GMT+0800 (中国标准时间)原创 2020-08-15 16:34:56 · 317 阅读 · 0 评论 -
JS DOM
JS DOM操作主要目的是操纵元素改变页面的结构,样式,内容,行为使用JS改变DOM元素的的样式是动态给元素添加行内(内联)样式Document对象(菜鸟教程)获取body元素:document.body获取html元素: document.documentElement控制台打印查看元素的属性:console.dir(element)通过id获取节点 getelementById()通过节点对象的style获取内联样式(注意的是 一般情况下内联样式的初始值为空)改变样式节点.st原创 2020-08-15 16:14:16 · 110 阅读 · 0 评论 -
函数
一、概念函数就是用来封装一段重复执行使用的代码块。目的:相同作用的代码只用写一段,但是可以通过调用函数重复多次使用函数。 可以减少代码量。二、函数的使用分为声明函数和调用函数声明函数:法一:function 函数名(){函数体;//代码块}调用函数:函数名();法二:let add = function (){ 函数体; //我是匿名函数}调用函数:add();普通函数与匿名函数的区别: 普通函数可在声明函数之前调用,匿名函数不能在声明函数之前调用。原创 2020-08-13 20:19:11 · 373 阅读 · 0 评论 -
数组
1.数组是一个连续的储存空间2.如何创建一个数组?(1)字面量创建数组var str = "";//字面量创建字符串var arr = [123,'wode',true,null,undefined];//字面量创建数组 (2)通过new 创建数组var myArr = new Array(123,'wode',true,null,undefined);当括号内只有一个数字型的内容时,例如:var myArr = new Array(8);注意...原创 2020-08-13 20:15:41 · 102 阅读 · 0 评论 -
结构语句(分支语句if,循环语句for)
分支语句if(条件1){ if(条件1){代码1 代码1} }else if(条件2){ if(条件2){代码2 代码2} }else if(条件3){ if(条件3){代码3 代码3}… }…else{ else{最后代码 最后代码}原创 2020-08-13 20:12:05 · 432 阅读 · 0 评论 -
初入JS基础(变量、数据类型、运算符)细化!
1. js的四种引入方式: (1)行内:直接将js代码写在html标签中 (2)内嵌:js代码用<script></script>包裹,可以在头部里面,也可以在body里任何位置,也可以写在body之后。一般放在body最后一行。 (3)外部引入:单独建一个script.js文件,在html页面通过<script src=”script.js”></script>引入js.注意引入js路径的<script src=”script.js”>&l原创 2020-08-13 19:59:04 · 235 阅读 · 0 评论 -
表单(总结)
表单每一个都要记住br换行name显示关联和隐式关联文本域(富文本编辑器)字节CSSdisabled禁止输入autocomplete(联想)输入: 我的我的狗我的猫我的手机(方便用户)父子标签兄弟标签form表单form的标签属性:1.action="/login" : 表示设置表单提交数据时,后台接收的url(接口),服务器地址2.method=“get”: 提交表单数据的方式(请求后台接口的方法);get,post.下来详细区别GET,POST。获取数原创 2020-08-13 19:37:38 · 208 阅读 · 0 评论 -
模板字符串
模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。语法string textstring text line 1 string text line 2string text ${expression} string texttag string text ${expression} string text描述模板字符串使用反引号 () 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${e原创 2020-08-13 19:13:25 · 303 阅读 · 0 评论 -
初入JS基础(变量、数据类型、运算符)
js的四种引入方式:(1)行内:直接将js代码写在html标签中(2)内嵌:js代码用标签包裹要编写的js内容。(4)a标签的js引入: <!-- 行内 --> <div onclick="alert('我被选中了')"></div> <!-- a标签 --> <a href="javaScript:alert('弹出框');"></a> <!-- 内嵌 --> <script..原创 2020-08-13 19:06:22 · 109 阅读 · 0 评论 -
字符串正则常规字符
常用的正则字符1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,‘n’ 匹配字符 “n”。‘n’ 匹配一个换行符。序列 ‘’ 匹配 “” 而 “(” 则匹配 “(”。2.^:匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 ‘n’ 或 ‘r’ 之后的位置。3.:匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,:匹配输入字符串的结束位置。如果设置了RegExp 对象的 Mu原创 2020-08-13 15:44:37 · 656 阅读 · 0 评论 -
正则笔记概括(正则表达式定义方式)
正则表达式定义方式以字面量的形式来定义正则表达式例如:匹配第一个bat或者cat,不区分大小写var pattern = /[bc]at/i;使用RegExp构造函数它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义,还是以上面的例子为例:var pattern = new RegExp("[bc]at",“i”);注意:RegExp构造函数模式参数时字符串,所以再某些情况下要对字符进项双重转义。所有元字符都必须双重转义原创 2020-08-13 15:40:32 · 965 阅读 · 0 评论 -
CSS第一阶段结束了,之前在做项目,补笔记(css引用方式及选择器及常用标签)
css基础-----css引用方式及选择器及常用标签代码顺序:从上到下一、引入css:优先级:行内样式>内联=外联>导入内联外联:看代码顺序外联:<link rel="stylesheet" href="../css/class.css">原创 2020-08-12 20:27:40 · 116 阅读 · 0 评论 -
HTML篇知识点总结,萌新需要掌握
第一次接触前端大学毕业了,出来工作一两个月,发现不适合自己对于我来说是很迷茫的,今天第一次接触前端,写代码原创 2020-07-21 19:55:47 · 177 阅读 · 0 评论