- 博客(32)
- 收藏
- 关注
RSS订阅转载 微信小程序-获取input值的两种方法
1、bindinput<input bindinput='getInputValue' name='price' type='text' placeholder='输入内容'></input>其中 e.detail 是获取 input 数据 其中包含value值, cursor 是获取光标的位置。getInputValue(e){ console.log(e.detail)// {value: "ff", cursor: 2} }2. bindsubmit&
2021-01-25 18:30:50
1587
原创 微信小程序列表页点击数据传值到详情页
列表页传值到详情页列表页：跳转时携带数据： url:'/pages/test2/test2?数据a的名称='+ 数据a的内容 +'&数据b的名称='+ 数据b的内容,详情页：遇到的坑：当不使用JSON.parse时，传过来的数据是这样的但是单独在详情页使用JSON.parse会报错所以在列表页也使用JSON.stringify当不使用JSON.parse时传过来的数据是这样的当不使当不使用JSON...
2021-01-25 18:20:25
1383
2
原创 微信小程序wxs文件中使用正则replace字符串报错
需求把 12345678 八位数转换成日期格式 1234/56/78wxml中引入使用wxs使用wxs很多语法不支持，必须使用getRegExp如果继续replace报错，可能是你的值有问题，要先转换成字符串wxs有时候会toString等报错，我这里使用var values = ''+value;就成功转换了，并且没有报错。...
2021-01-07 18:43:21
2861
2
原创 或（ || ） 与（ && ）的区别
表达式1 || 表达式2，只要任意表达式为true，则整个表达式的运算结果为true。表达式1 && 表达式2，只有所有表达式都为true，则整个表达式的运算结果才为true。
2021-01-06 18:45:38
434
原创 数组和对象，空数组和空对象的判断和使用
数组和对象1，创建方法 var arr = [a, b, c, d]; var obj = { attr1: 'a', attr2: 'b', attr3: 'c' } 2，对象没有长度 console.log(arr.length); //4 console.log(obj.length); //undefined 3，调用方法 console.log(
2021-01-06 18:40:29
358
原创 vue之父子组件间通信项目方法总结（props，$ref，$emit，.sync）
1,通过prop实现通信（父—>子）子组件的props选项能够接收来自父组件数据。没错，仅仅只能接收，props是单向绑定的，即只能父组件向子组件传递，不能反向。而传递的方式也分为两种：（1）静态传递子组件通过props选项来声明一个自定义的属性，然后父组件就可以在嵌套标签的时候，通过这个属性往子组件传递数据了。 <!-- 父组件 --><template> <div> <h1>我是父组件！</h1> &l
2020-12-28 19:28:17
224
原创 Js中双叹号（!!）的使用
var a；var b=!!a;a默认是undefined。**!a是true，!!a则是false，所以b的值是false，而不再是undefined，**也非其它值，主要是为后续判断提供便利。**!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），**也就是只能是true或者false;...
2020-12-28 18:46:08
504
原创 JavaScript 中 call()、apply()、bind() 的用法
首先看一下this的指向例1：var name = '小王',age=17;var obj = { name:'小张', objAge: this.age, myFun:function(){ console.log( this.name +"年龄" +this.age ); } }obj.objAge; // 17obj.myFun() // 小张年龄 undefined例2：var fav = '大哥'function shows () { co
2020-12-23 00:46:28
101
原创 vue里的三个点 ... 展开运算符
通俗来说：对数组和对象而言，就是将运算符后面的变量里东西每一项拆下来。这个东西可以在函数定义的地方使用，比如使用func(…args)将函数传入的参数都放在args的数组里。
2020-12-23 00:20:46
2670
原创 简易css分割线
优点：自适应是指两边的横线会随着文字的个数和父级的宽度自适应伪元素+flex<div class="title">我是分割线</div>设置display:flex，然后两个伪元素分别铺满剩余空间。.title{ position: relative; text-align: center; overflow: hidden; font-size: 14px; color: #999;}.title::before,.title
2020-12-16 18:51:56
1108
2
原创 css伪元素理解及用法
什么是伪元素（Pseudo element）？伪元素不是真正的元素，不存在与文档之中，所以js无法操作他。那为什么叫他“元素”？因为我们可以对其进行跟元素几乎无差别的操作。伪元素有哪些？before,after,first-letter,first-line用于文本的:first-line 伪元素可以通过这个属性设置文本第一行的特殊效果，比如一段文字的第一行为红色，其他为黑色。如果不通过这个方式来实现，就比较麻烦。因为屏幕适配的原因，你可能不能确定哪些文字属于第一行:first-le
2020-12-16 18:47:48
220
原创 计算属性和监听器
计算属性 computed是：return的值发生变化，计算的值跟着变计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。计算属性有缓存性，如果值没有变化，则页面不会重新渲染，这是计算属性的一个优势。监听器 watch是：监听的对象发生变化，执行对应的函数watch是观察某一个属性的变化，重新计算属性值。<!DOCTYPE html><html><head> <meta charset="utf-8">
2020-12-15 17:02:07
86
1
原创 for-of、for-in、forEach 和map的区别
for…of 语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句for…in 语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。Array.prototype.forEach() 方法对数组的每个元素执行一次提供的函数。Array.prototype.map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回.
2020-12-02 23:24:08
486
原创 在for循环中var与let的区别
在for循环中：在使用var时，整个程序运行到结束用的都是同一个循环变量的值//使用var声明，得到3个3var a = [];for (var i = 0; i < 3; i++) { a[i] = function () { console.log(i); };}a[0](); //3a[1](); //3a[2](); //3在使用let时，每次循环时，let定义变量的结果都做了独立模块的解析。let比var在一个块级作用域中的渗透力要强很多，意思就是作用
2020-12-02 16:34:36
972
1
原创 通过git下载项目中途卡住，最后报错504错误时。
git上报错：解决方法：git clone 【你的git链接】 --depth 1git clone --depth=1 git://someserver/somerepo那这个是只克隆指定分支的最近一次commit，还是无视分支，在所有分支里面克隆最近一次commit
2020-09-11 20:10:48
1623
1
原创 tHead / .tBodies / .tFoot /.rows /.cells ——表格＜table＞操作
一、相关操作1、.tHead——表格头，只有一个2、.tBodies——表格正文，可有多个3、.tFoot——表格尾，只有一个4、.rows——行，可有多个5、.cells——列，可有多个写法：元素.tBodies[0].rows[1].cells[1].innerHTML代表： 表格正文里的的第二个的第二列的内容，为下面html的11<table> <thead><!--表格头--> <tr>
2020-09-09 11:19:06
305
原创 html+jq点击获取table中的tr并获取其td的值
结果：HTML代码：<div class="list"> <table width="200" border="1"> <thead> <td>头1</td> <td>头2</td> </thead> <tbody> <tr> <td>1</td> <td>2</td>
2020-08-23 21:48:00
3073
原创 html+js点击弹窗
点击显示隐藏div<body> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';">点击弹窗</a> <div id="light" style="display: none"> 这是弹出窗口 <div> <span>确认</span> <a h
2020-08-20 10:48:56
1261
1
原创 二级菜单--简单
默认打开页面进来时二级菜单是隐藏的，需要点击才能展现二级菜单，再点击就是隐藏二级菜单。这里有两个点，实现展现和隐藏用display="block"和display=“none”,另外就是要做一个判断，if else的判断当前是block还是none。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</tit
2020-08-18 18:22:14
539
原创 在vue项目中使用SCSS ，对SCSS的理解和引用
scss的下载和引用：https://www.jianshu.com/p/d146a1fd5be3[下载]对scss的理解和使用https://blog.csdn.net/zhouzuoluo/article/details/81010331
2020-08-11 17:14:56
125
原创 vue的scrollBehavior滚动行为
我们在使用vue-router做路由跳转时，**想要页面滚到顶部，或者是保持原先的滚动位置，**就像重新加载页面那样，使用scrollBehavior。 //注册路由export default new Router({ mode:'history', // 默认为'hash'模式history routes: constantRouterMap, scrollBehavior: (to, from, savedPosition) => { if (savedPosition)
2020-08-11 16:24:55
541
原创 vue 中使用webpack require.context（基础组件的自动化全局注册）
在vue项目中，我们拆分某些组件，然后在使用组件的页面import进来。这样就会导致一个问题。import BaseButton from './BaseButton.vue'import BaseIcon from './BaseIcon.vue'import BaseInput from './BaseInput.vue'export default { components: { BaseButton, BaseIcon, BaseInput }}而只是
2020-08-11 15:05:27
653
原创 怎么用js在html页面上实现打印功能（超级简易）
首先在head里面加入下面一段js代码：<script language="javascript">function preview(oper){if (oper < 10){bdhtml=window.document.body.innerHTML;//获取当前页的html代码sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域eprnstr="<!--endprint"+oper+"-->";//设置打印结束
2020-08-03 17:34:36
1209
原创 链接CSS文件名后面跟着问号的用处？
例如：<link rel="stylesheet" type="text/css" href="../../styles/channel/chensongshenList.css?1.0.1">为了区分版本号而写的。方便项目开发的时候对比线上和线下的版本，避免冲突。另外一个重要作用是防止缓存。现在的服务器都开了缓存功能，如果想要修改这个css马上生效那就只有在css文件后面加一个 标识来区分达到目的。可以看成是css的一个版本号，如果css改动过，担心浏览器本地css文件没有及时更新而
2020-07-29 16:39:37
302
原创 vue脚手架vue-cli的使用及理解
关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。关于vue-cliVue-cli是vue官方提供的一个命令行工具（vue-cli），可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。使用：安装vue-clinpm install -g vue-c
2020-07-28 17:15:06
467
原创 css命名规则
推荐使用BME命名规则BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。命名约定的模式如下：.block{}/* 块 */.block__element{}/* 元素*/.block--modifier{}/* 修饰符 */.block 代表了更高级别的抽象或组件。.block__element 代表.block的后代，用于形成一个完整的.block的整体。.block–modifier代表.block的不
2020-07-27 17:50:23
732
原创 css属性!important的使用
定义及语法!important，作用是提高指定样式规则的应用优先权（优先级）。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级。兼容问题：ie7及ie7+,firefox,chrome等浏览器下，已经可以识别 !important属性， 但是IE 6.0IE6及更早浏览器下仍然不能完全识别下
2020-07-24 17:59:11
1392
原创 路由懒加载原理及使用
懒加载解决的问题：避免进入首页就加载全部的前端资源造成用户等待时间过长的问题。就好比，访问 login 页面，你返回的 js 路由不仅有渲染 login 页面的，还有渲染 production 页面以及其他页面的功能。而这些代码量太大了，文件也大。js 文件有个特征，下载完全了才会运行，导致页面首屏速度太慢了，也就是白屏时间太长。这个问题，早就有人发现，于是解决方案就是路由懒加载，这只是一个技术名词。Vue路由懒加载原理说明1） 我们一开始用ES6的写法，在路由文件router/index.js中
2020-07-23 17:06:40
11175
原创 window sessionStorage 属性
定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。提示: 如果你想在浏览器窗口关闭后还保留数据，可以使用 localStorage 属性， 该数据对象没有过期时间，今天、下周、明年都能用，除非你手动去删除。localStorage使用①API简单易用②容量一般是5M③不会和服务器产生联系，html5的版本中新增的
2020-07-23 10:55:47
150
原创 【实战项目找队友App】**vue-cli3+vue-admin+koa2
项目简介大学生在校参加比赛活动是都存在一个困扰的问题就是如何选择组队的成员，选择团队。当你想参加一个比赛活动，奈何人数不够，或者想找一个队伍加入，想找跨学院的人组队，找有想法有特色的同学的困难和不方便。因此找队友APP，可以收集大学生的比赛活动信息，在需要队伍或者组队的时候能方便创建队伍，寻找队友等提供支持，在创建完队伍后，app还提供队伍的管理和比赛活动的项目管理，更方便的完成比赛。项目创新点一个主要针对大学生比赛中寻找队员的app。用户可以利用app在线上进行队伍之间的项目管理，可以给队员分配
2020-07-07 00:55:08
707
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人