加载中
封装Vue组件并发布到npm上

一 、构建一个vue项目 vue create hello-world 1.创建组件 在src/components/JudyButton.vue 组件内容: <template> <div> <button :class="type == 'Default'?'btn default':type == 'prim...

2020/03/06 10:18
5.4K
Vue自定义指令

Vue自定义指令 什么是自定义指令 比如v-show元素的显示/隐藏,vue允许我们自己设置自定义的指令 自定义指令传递的参数 el: 指令所绑定的元素,可以用来直接操作DOM。 binding: 一个对象,包含...

2020/02/24 18:46
166
[小程序] 封装request

封装request 1. utils/util文件下封装 util.js var api = require('../../config/api.js'); /** * 微信的的request封装 * @param {String} url * @param {Object} data传递的对象参数 * @par...

【数值】关于数值的工具函数

输入转换数值 流程图:方便理解相关函数信息 2. 转换指定的数组 题目: var obj = {1:200, 2:140, 5:400}; function translate(obj) { // 请在此处添加代码 } //答案:[200, 140, null, null...

2020/09/27 16:29
0
【浏览器】页面显示缓存问题的解决办法

问题:很多时候在修改页面、css和js完成后,上传发现没有效果,这主要是因为浏览器会对一些资源进行缓存,在加载时还是使用的以前的资源,下面是归纳的几种方法。 1. 对于html缓存,可以用m...

2020/09/27 10:09
118
【JS】关于this题目指向的问题

最近看到一个题目关于this指向的问题,因为好就没有画图了,就先利用画图的形式把它更好的展现出来! var num = 10 const obj = {num: 20} obj.fn = (function (num) { this.num = num * 3 n...

2020/08/31 16:59
64
【小程序】防止重复跳转多次页面

概述 问题:由于页面加载速度慢,重复点击按钮就会出现重复跳转页面。 解决:加一个开关来解决此类情况 解决方法 1. 在data里面定义一个布尔类型 data:{ isGoNavigation:undefined, } 2. 页面...

2020/08/28 11:46
180
【小程序】按钮点击多次重复

问题一 用户频繁提交数据,一条相同的数据偶尔会出现重复,那怎么解决呢。 借用网上的间隔1分钟来提交,方法是可行的。 方法一:间隔1分钟来提交 var m = new Date().getMinutes().toString...

2020/08/28 09:55
259
【css】多种背景及使用场景

background相关使用 CSS background是最常用的CSS属性之一,但是我们经常使用这个,但往往疏忽到底表达的是什么意思! background:url(glbanner_3.png) top left/50px 50px no-repeat; Backg...

2020/08/26 13:24
25
【小程序】回到顶部

回到顶部 scroll-view形式下回到顶部 //wxml

【小程序】 版本自动更新的实现

更新问题 微信小程序遇到新版本发布后,旧版本无法自动更新的困扰. 我之前进行开发的时候: 最笨的方法就是,删除小程序后再重新搜索打开就好; 注意:准确来讲,版本自动更新的方法越早进行补...

【Vue console】如何去除vue项目中的console内容

一 、vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码,其实方法很简单: 下载依赖包 npm install babel-plugin-transform-remove-console --save-dev; 下载成功后在根目...

2020/08/03 11:41
338
【Vue Nginx】项目打包后使用nginx本地服务器运行

一、下载Nginx 官网:http://nginx.org/en/download.html 我下载的是稳定版本 nginx-1.18.0版本 二、 解压与修改 解压出来的结果: 打开文件夹中的conf找到nginx 用编辑器打开后找到http对象...

2020/08/03 11:27
663
【swich】相对于swich更好的选择

swich function test(color) { // 使用 switch case 来找到对应颜色的水果 switch (color) { case 'red': return ['apple', 'strawberry']; case 'yellow': return ['banana', 'pineapp......

2020/07/24 17:35
19
JS方式实现隐藏手机号码中间4位数

方法一: 使用正则: function geTel(tel){ var reg = /^(\d{3})\d{4}(\d{4})$/; return tel.replace(reg, "$1****$2"); } //测试 var tel = "17826454444"; console.log(geTel(tel));//178...

2020/07/24 16:41
245
【函数】防抖与节流

函数防抖 应用 节约请求资源 - 频繁操作点赞和取消点赞,因此需要获取最后一次操作结果并发送给服务器 - search搜索联想,用户在不断输入值时,用防抖来节约请求资源。 /** debounce 防抖 每...

2020/07/20 10:10
33
npm引入小程序官方WeUI组件库weui-miniprogram

1、打开cmd,在小程序根目录内,初始化npm   npm init 2、执行命令安装 npm 包: npm install --save weui-miniprogram 3、安装完成后,在微信开发者工具中的菜单栏:工具 ------ 构建 npm ...

2020/06/05 11:01
896
【http】一次完整的HTTP事务是怎样的一个过程?

域名解析 发起TCP 3次握手 建立TCP连接后,发起http请求 服务器收到http请求,浏览器得到html代码 浏览器解析代码,请求代码中的资源 浏览器对页面进行渲染并呈现给用户...

2020/06/04 09:50
181
安装vant-weapp 组件

一、新建小程序项目 二、打开cmd,小程序项目目录下 npm i vant-weapp -S --production 2.1 如果执行上面的代码报错了 那你就执行一下:npm init -y 微信开发工具里面就会出现:package.jso...

【Array】数组展开

目的:把多维数组彻底降维 方法一:flatMap 缺点:有些浏览器可能不支持 var arr = [1, [2], 3].flatMap((v) => v ); console.log(arr) //[1,2,3] 方法二:函数 多维数组彻底降维 推荐:浏览...

2020/05/20 13:42
85

没有更多内容

加载失败,请刷新页面

返回顶部
顶部