
前端
文章平均质量分 58
狴犴ys
这个作者很懒,什么都没留下…
展开
-
ES6的箭头函数用法详细介绍
文章目录箭头函数的基本使用箭头函数参数和返回值针对参数的不同情况针对代码行数的不同情况箭头函数中this的使用先来结论例子例一例二例三ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数一般用于匿名函数的定义,例如一个函数做参数使用。箭头函数的基本使用普通函数的定义 const add = function (num1 ,num2) { return num1 + num2 }箭头函数的定义 const add = (num1 ,num2) =>原创 2021-10-26 01:08:11 · 915 阅读 · 0 评论 -
vue超详细讲解四(Vue CLI3)
文章目录Vue CLI2与Vue CLI3的区别VueCLI3创建项目和目录结构Vue CLI2与Vue CLI3的区别vue-cli3是基于webpack4打造,vue-cli2还是webpack3vue-cli3的设计原则是"0配置",移除的配置文件根目录下的,build的config的目录vue-cli3提供了vue ui命令,提供了可视化配置,更加人性化移除了static文件夹,新增了public文件夹,并且index.html移动到public中VueCLI3创建项目和目录结构n原创 2021-10-25 21:16:44 · 585 阅读 · 1 评论 -
vue超详细讲解二(webpack)
文章目录前端模块化AMD导出:export导入:importwebpack的使用安装官网vue超详细讲解(一)前端模块化前端模块化开发即把每一个js文件当做一个模块,模块和模块之间的内容不会有任何的相互影响。通过js的导出与导入来使用模块的变量、类、函数…导入与导出的方法有许多规范:CommonJS、AMD… 不用的规范有不同的语法,不同的实现原理,但是理念都是一样的。下面讲解AMD规范AMD导出:export基本语法const name = "张三";const age原创 2021-10-21 20:42:26 · 2103 阅读 · 9 评论 -
报错:webpack@3.6.0版本与css-loader不兼容问题
webpack3.6.0与其他loader不兼容如何解决?再次提供一套兼容版本只需要把下面版本号复制到package.json中,然后直接使用指令:npm install即可。不要一个一个去安装。 "devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-es2015": "^6.24.1", "css-loader": "^3.0.0", .原创 2021-10-19 14:47:32 · 1568 阅读 · 1 评论 -
webpack : 无法加载文件 C:\Users\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本
原文链接 以管理员身份运行powershell 然后输入:set-ExecutionPolicy RemoteSigned 接着再输入Y按回车就可以了转载 2021-08-25 13:43:29 · 421 阅读 · 0 评论 -
vue超详细讲解
文章目录开始安装初体验-数据展示初体验-列表展示初体验-计数器理解vue中的mvvmoptions选项(vue的属性)vue的生命周期官网开始安装直接下载vue.js文件 : 官网->get started -> installation ->development VersionCDN<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>n原创 2021-08-24 10:15:24 · 1852 阅读 · 4 评论 -
微信小程序:通过回调解决先执行onLaunch后执行onload的问题
文章目录promise(不行)回调(可以解决)背景:刚打开小程序的时候会小程序会执行onLaunch方法,执行完之后执行onload方法,但是当我们在onLaunch方法里执行异步操作,例如调用wx.login、使用request调用后台接口,就不能保证onLaunch方法中所有调用方法执行完成后执行onload。当我们在onload方法中需要onLaunch方法中获取的某些数据时,会导致数据获取不到。promise(不行)我一开始想的使用promise解决异步问题,但是不行,promise只能保原创 2021-08-11 18:06:46 · 2195 阅读 · 0 评论 -
微信小程序音频播放
实现小程序音频播放只需要调用wx.createInnerAudioContext(),然后设置音频路径即可播放为了用户体验更加良好,我使用一个进度条让用户能控制小程序的播放,下面是效果图这是这两张图wxml<view class="music"> <!-- 播放按钮 --> <image src="/image/play.png" wx:if="{{!isPlay}}" bindtap="audioPlay"></image> .原创 2021-08-11 11:00:16 · 5443 阅读 · 2 评论 -
json对象转换为http请求参数
例: var json = {name:“zhangsan”,age:13} 转化 ?name=zhangsan&age=13//json对象转http请求参数字符串jsonToString(json){ //判断是否为json对象 if(typeof(json) != "object"){ return ""; } //json属性计数 var filedNum = 0; var str = "?"; for (const .原创 2021-08-09 15:35:27 · 1370 阅读 · 0 评论 -
微信小程序实现订阅消息流程介绍
文章目录在微信公众平台申请订阅消息的模板用户点击按钮,请求用户同意订阅消息在任何时间发送一次订阅提醒前言:微信官方提供了订阅消息的服务,开发者需要在微信公众平台申请订阅消息的模板,然后用户点击按钮,同意订阅该消息requestSubscribeMessage,我们就可以在后台调用微信官方提供的接口subscribeMessage.send在任何时间给发送一次/无限次订阅提醒。在微信公众平台申请订阅消息的模板微信公众平台消息模板可以分为两类:一次性的(用户允许一次可以发送一次),无限次的(用户允许原创 2021-08-06 13:45:10 · 2428 阅读 · 1 评论 -
js中async和await与异步的关系(适合吃饭的时候看)
首先这个这两个关键字在js中经常一块使用,涉及到promise语法,不熟悉Promise的小伙伴可以去这里学习一下,下面说我想说的。asyncasync:在有道上翻译翻译就知道是异步的意思,那他到底有没有让方法变成异步的功能呢?有,但并没有完全有当一个方法被async修饰,并且方法体中使用了await关键字,该方法在被调用的时候就会变成异步的。如果该方法只是被async修饰,那他在被调用的时候不是异步的,请看代码和结果asyncTest(){ this.test1();原创 2021-08-03 17:16:46 · 413 阅读 · 1 评论 -
去除小程序button标签的边框
小程序button默认有一个边框,使用border:none 并不能将其去除,给button的后伪元素设置 border:none才能去除button::after{ border:none}原创 2021-07-28 14:55:31 · 518 阅读 · 2 评论 -
微信小程序网址跳转
使用< web-view>官方介绍使用场景:点击某个东西跳转到指定路径的网页使用条件:小程序为非个人小程序,要跳转的路径需登录小程序管理后台配置业务域名使用方法:创建一个页面 => 在wxml中添加该标签 => 该标签的src属性即为我们要跳转的页面使用过程:点击某个东西时,跳转到我们刚写的页面,把url通过路径传过去。使用效果:点击后会跳转到我们想要跳转的路径...原创 2021-07-21 16:58:18 · 276 阅读 · 3 评论 -
微信小程序module.exports与exports,export与export default,import 与require
文章目录关于变量的导出module.exports与exportsexport与export default变量的导入requireimport声明:本文章所有代码及输出结果本人全部经过测试。关于变量的导出变量的导出涉及到四个关键字module.exports与exports,export与export default,其中module.exports与exports是符合CommonJS模块规范的。export与export default是es6用来导出模块的。module.expo原创 2021-07-16 11:25:06 · 6666 阅读 · 11 评论 -
关于我对css的padding、margin的理解
文章目录关于margin与paddingflex布局下的margin与padding关于小程序中的page这两天一直在整一个微信小程序的页面搭建,对css的padding与margin有了更深的理解特此写一篇文章记录一下关于margin与padding首先我们要知道小程序的每一个组件都是有宽高的,像swiper、image这些组件默认宽高不为零,view、text这样的组件默认宽为父元素的宽,高默认为子元素的高,没有子元素时高为零。关于width、padding、border、margin的原创 2021-07-15 14:04:39 · 190 阅读 · 0 评论 -
微信小程序:用户头像的更改与保存
在小程序中一般使用用户的微信头像作为其小程序头像,但有时用户不用微信头像,我们就要提供可更改的方法。完成这项功能需要两个微信官方的apiwx.chooseImage和wx.uploadFilewx.chooseImage:wx.chooseImage({ //从本地相册选择图片或使用相机拍照 count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['albu.原创 2021-07-14 14:19:42 · 7138 阅读 · 0 评论 -
小程序中input输入框如何实现文本右对齐
小程序中偶尔会有让文字右对齐的需求我们设置input标签的css样式text-align: right;即可input{ text-align: right;}当我们只想让输入框中默认字体向右对,其我们可以这样<input placeholder="请输入" placeholder-style='text-align:right'></input>...原创 2021-07-14 13:24:07 · 12665 阅读 · 0 评论 -
关于微信小程序的分享某个页面并传参的介绍
前言小程序转发时如何指定转发特定的页面、特定的标题以及特定的图片,点击分享链接时如何获取分享源的的信息呢,本文章将为您一一解答。如何进行微信小程序的转发通过按钮方式进行转发,设置一个button,添加opentype属性,其值为share即可<button open-type="share">分享</button>用户点击右上方选项进行转发(该选项默认存在,不需要我们设置)定义转发信息不论用户使用哪种方式的转发都会触发onShareAppMessage监听事件,我原创 2021-07-01 10:07:54 · 2246 阅读 · 0 评论 -
微信小程序获取农历相关信息工具js
获取农历操作方法代码如下操作方法在我们小程序项目根目录创建一个文件夹,里面是一个js文件,把下面的代码放到该文件里。在我们需要使用农历的页面的js文件中引入上面的js文件,写在文件最上面注意:我引入时用的相对路径import convertSolarLunar from "../../utils/convertSolarLunar"代码如下/** * @1900-2100区间内的公历、农历互转 * @Version 1.0.3 * @公历转农历:calendar.solar2lu原创 2021-06-03 21:11:39 · 1000 阅读 · 0 评论 -
关于微信小程序底部类似于导航栏的悬浮组件
使用position=fixed来让该组件固定到底部,由于他的position是fixed,这个view写到哪里都行。固定好之后会出现一个问题:当页面滑到底部时,该悬浮组件会遮挡原有的内容为了解决上述问题,我们在页面底部加一个view,设置它的高度为,底部组件的高度,这样滑到底部时,这个view就阻止我们要展示的内容继续向下,进而不会遮挡该内容。下面是代码/* 这是底部标签 */.edit { height: 8vh;}底部悬浮内容.message { position: fi.原创 2021-05-27 17:50:02 · 1091 阅读 · 0 评论 -
关于js中的date
datedate的构造方法(String转Date)date的获取时间的一些方法设置date的方法date转Stringdate的构造方法(String转Date)返回当前日期的date对象new Date()返回指定日期的date对象new Date(1293879012) 改时间距1970年1月1日已有1293879012毫秒new Date(“2019-10-3”)new Date(“2019/10/3”)new Date(2019, 10, 3) 10对应11月new Date(原创 2021-05-27 10:25:44 · 264 阅读 · 0 评论 -
layui笔记
layui一、开始引入网络中资源已经导入layui到根目录模板栅格系统容器列组合列边距列偏移列嵌套一、开始引入网络中资源<!-- 引入 layui.css --><link rel="stylesheet" href="//unpkg.com/layui@2.6.4/dist/css/layui.css"> <!-- 引入 layui.js --><script src="//unpkg.com/layui@2.6.4/dist/layui.js"&g原创 2021-04-25 12:35:50 · 1242 阅读 · 0 评论 -
后端java工程师必备技术栈
技术知识1.1 必备技术栈1 JavaSE环境搭建程序基础面向对象数组常用的API集合IO多线程网络编程正则表达式Lambda表达式反射机制MySQL前端基础高级Servlet框架软件构成WEB项目请求流程1 先了解知识点是什么2 解决什么问题(为什么要用它,应用场景)3 特性/优缺点/注意事项4 怎么用/语法1.1 必备技术栈1 JavaSE环境搭建程序基础数据类型变量操作符 ++ – , << , & , && ,|| , ! , + ,原创 2021-04-25 12:34:29 · 1504 阅读 · 1 评论 -
使用ColorUI编写小程序
去gitee或者github上搜索ColorUI下载源码使用小程序打开其中的demo文件,它相当于一个模板使用小程序打开其中的template文件,它相当于一个初始化好的小程序,你可以在里面写你自己的代码。在微信中搜索ColorUI这个小程序,我们可以看到有许多样式,当需要某个样式时我们可以从demo里对应的目录中找,找到之后复制其中的wxml和wxss代码即可,有的需要js的代码但数据要改成我们自己小程序所需要展示的数据...原创 2021-04-09 18:44:38 · 559 阅读 · 0 评论 -
2020-10-23-JQuery
勇往直前,无所畏惧!JQuery概念1.它是一个javaScript的框架,是许多javascript代码的封装原创 2020-11-06 19:10:28 · 145 阅读 · 1 评论