- 博客(24)
- 收藏
- 关注
RSS订阅
原创 vite项目 postcss-px-to-viewport适配vant
关于vite项目postcss-px-to-viewport适配vant的问题，网上很多文章都已经过时或者都是基于webpack的配置，很少vite相关的配置教程，故做一下笔记希望帮到正在踩坑的同学
2023-08-15 19:18:41
1853
2
原创 一个简单进度条原理
原理是：通过css3的transition 控制进度条从左到右显示。使用js给控制条动态设置宽度。比较简单，就不一一说明。直接上dom<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>从左到右填充的进度条</title> <style type="text/css"> .rs-tracker-bar{ box-sizing:
2020-09-18 14:12:26
436
原创 左右拖拽table表格实现横向滚动
需求：有时候table表格内容比较多时，通过滚动条横向滚动不是太方便查看溢出内容，如果可以通过鼠标左右拖拽查看内容就方便多了。故有此demo<!DOCTYPE HTML><html> <head> <title>表格</title> <style type="text/css"> .table{width: 800px;} .divTable{...
2020-08-18 18:44:07
3758
1
原创 微信小程序开发注意事项及常见问题
（一)进入小程序的方式1.线下扫码/小程序码进入2.微信搜索小程序3.公众号进入（菜单栏，推送，群发消息，模板消息），前提已关联小程序。4.分享（通过好友分享的小程序进入）5.附近小程序,聊天顶部，已关注的小程序6.APP关联，APP可分享推送直达小程序入口7.微信文章带小程序二维码，通过长按识别二维码进入小程序（无需关联公众号）(二)公众号可以跳转小程...
2020-03-26 10:37:10
555
原创 微信小程序实现video列表播放
需求：实现video列表功能，播放视频前，先暂停上一个视频，再播放下一个视频。原理：不提倡同一个页面存在多个video组件，列表只存在一个video组件，通过获取当前点击的视频id,判断是否显示video组件；列表默认用封面+播放按钮图片代替video，点点击播放按钮时，隐藏封面+播发按钮，显示video组件(设置默认播放)，进行播放。效果图：代码：wxml:js:...
2020-01-07 17:26:06
7572
1
转载 ElementUI el-table组件在flex下的宽度自适应问题
BUG：在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据，在做宽度自适应测试的时候发现该组件的宽度只会增加不会缩小。Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段// table.vueif (this.fit) { addResizeListener(this.$el, this.resizeList...
2019-11-28 15:02:36
1788
原创 解决ios端返回上一个页面不刷新页面的问题
javascript返回上一个页面也许你会立马想到几种方案：1.<a href="javascript:history.go(-1)">返回上一页</a>2.<a href="javascript" onclick="history.back(); ">返回上一页</a>3.<a href="javascript:" onclic...
2019-05-05 10:00:14
12921
8
原创 原生javascript实现导航栏吸顶
导航栏的吸顶效果非常简单，可以说没有技术难度可言，但是既然遇到了，还是选择记录下来，可能会帮到部分小白。（demo链链接在最后面）实现原理非常简单：1.编写一个吸顶的css样式2.div结构3.封装一个获取滚动条位置的函数；4.用window.onscroll =function(){}实时监听滚动条。5.通过滚动条的位置判断，当大于某个指定值的时候（这里设置为...
2019-04-30 15:37:32
2457
原创 JSON数据类型有哪些？怎么处理JSON数据？有些哪些函数方法处理？
序言：JSON数据类型有哪些？怎么处理JSON数据？有些哪些函数方法处理？什么是JSONJSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析JSON的类型有哪些？1.jsons数组类型var json1=[{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"A...
2019-04-22 14:32:55
3419
原创 微信小程序图片按比例自适应显示
小程序的图片默认大小为320px*240px,有时候需求要显示多张图片（每张图片的规格不一致）自适应屏幕的宽，不失真。这时候你第一反应肯定是写：widht:100%;hegiht:auto;很遗憾地告诉你小程序的图片高度必须是数值，不然不会显示。如果你写：width:100%;那么默认的高度为240px,图片失真。由于每张图片的高度不一致，不能给出确定的高度。那么怎样让图片按比例自适应显示呢？...
2018-11-12 09:49:07
7920
1
原创 浏览器缓存Cookie,localStorage,sessionStorage三者的区别与用法
在web网页开发中，常常会用到Cookie,localStorage,sessionStorage等方式临时储存客户端数据，本文为大家解说这三种方式的区别，应用场景以及使用方法。三者的异同 cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值...
2018-11-09 11:45:28
1348
原创 正确使用这些HTML标签属性会有意想不到的效果
做前端开发的都知道HTML标签很多，但常用的也就那么几个。个人觉得在标签上面小程序做得很好，只有26个标签，而且是我们常用到的。文章介绍一些常用的HTML标签，以及一些非常有用的HTML属性。本次不详细讨论标签的使用，有兴趣的朋友可以关注我下篇关于常用标签的使用注意事项的文章。以下是小编最常用的标签，可以说几乎开发网页就用到这么22个标签。22个最常用的标签1.点击“下载” 链...
2018-11-08 10:51:09
439
原创 用gulp.spritesmith生成一倍和两倍精灵图教程
说明1.本教程默认你已经安装好gulp(不会的自行搜索安装教程)2.src源码目录，dist为线上正式目录项目结构为：icons:存放一倍图；icons@2x:存放二倍图安装插件 spritesmithnpm install --save-dev gulp.spritesmith配置gulpfile.js//引入gulpvar gulp=require("gulp"), spritesmit...
2018-04-20 12:22:51
1269
翻译 Phpstorm调试教程
Phpstorm调试教程一．下载工具（1）UPUPW_K2.1_64Kangle版PHP（http://www.upupw.net/）（2）phpstorm二.配置2.1.安转UPUPW_K2.1_64解压upupw文件夹到不含中文和空格的任意盘符目录下-打开UPUPW面板输入s1启动全部服务,把网站程序文件拷贝到htdocs默认网站根目录-浏览器输入127.0
2017-03-09 10:00:03
969
原创 获取公众号素材管理列表-教程
思路1.根据公众号的appid和secret获取到access_token;2.根据access_token以及相关参数获取素材管理列表数据直接上传代码，有注释，很简单。<?php/* * 获取access_token *grant_type 获取access_token填写client_credential *appid 第三方用户唯一凭证 *secre
2017-02-28 16:23:04
1503
原创 微信网页授权获取用户信息--------小白教程（简单）
微信网页授权获取用户信息--------小白教程（简单）准备工作。1.申请微信公众平台测试帐号。2.phpstudy服务器（百度下载安装）。一.新建index.php文件接收用户唯一ID，昵称，性别，头像，所在地/*网页授权登录*/header("Content-type:text/html;charset=utf-8"); $code=$_GET['cod
2016-09-28 22:18:08
2336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人