- 博客(25)
- 资源 (60)
- 收藏
- 关注
RSS订阅原创 vue,uni-app 移动端UI框架（组件库）
一、Vant UI轻量、可靠的移动端 Vue 组件库https://youzan.github.io/vant/#/zh-CN/intro二、uView:多平台快速开发的UI框架。https://www.uviewui.com/components/intro.html三、Muse UI基于 Vue 2.0 优雅的 Material Design UI 组件库。https://muse-ui.org/#/zh-CN四、Cube UIdidi.github.io/cub
2021-01-25 17:44:23
15193
5
原创 es6 import导入文件夹和文件
推荐文章：https://www.cnblogs.com/i6010/articles/10173506.html
2021-01-25 17:20:53
1324
原创 uni-app 编译运行时报错 Error: No matching use for foo.js
如果开始安装依赖的时候采用的“cnpm i”，那么就删除node_modules目录，重新执行命令安装：npm install
2021-01-25 10:39:08
574
原创 js 获取pc端和移动端屏幕宽高
网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scrollTop
2021-01-23 11:03:20
621
原创 js 移动端查看图片算法，单指触摸时拖动，双指触摸时缩放。
<style> #find_picture{position:fixed;top:0;right:0;bottom:0;left:0;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;display:box;box-pack:center;box-align:center;-webkit-user-select:none;user-select:none} #find_picture_box.
2021-01-22 16:26:34
659
原创 js 不要在大括号后面写注释，if语句的当前行后面
代码原型是这样的：box.addEventListener("touchstart",function(e){ console.log(1,e,e.touches.length==1); if(e.touches.length==1){//一个手指时移动 console.log("进入"); startX = e.targetTouches[0].pageX;
2021-01-21 18:14:37
299
原创 qrcode.js 生成二维码
简单使用代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &
2021-01-20 18:35:07
271
原创 js 返回上一级页面
返回上一级页面：window.history.go(-1);window.history.back();window.location.go(-1)其他：//如果要强行刷新的话就是：window.history.back(); //刷新当前页window.location.reload(); ; //刷新上一页，不可行看下面...
2021-01-20 09:47:23
1786
原创 css 下拉复选框，带搜索
效果图：使用代码：<!DOCTYPE html><html lang="en"><head> <title>下拉复选框</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="tex
2021-01-19 11:03:02
701
原创 css 流动边框，蚂蚁线。新添加svg实现方式
流动边框效果图：代码块：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2021-01-14 18:25:32
1269
原创 uni-app 运行时报错“‘cross-env‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。”
uni-app 运行时报错“'cross-env' 不是内部或外部命令，也不是可运行的程序 或批处理文件。”先执行以下命令：cnpm i
2021-01-14 10:32:12
2623
3
原创 css 各浏览器内核的兼容写法，-webkit，-ms，-moz
-moz代表火狐的内核，-ms代表IE内核，-webkit代表webkit内核，常见是的是谷歌和苹果浏览器。
2021-01-14 09:30:19
1724
1
原创 css grid网格布局，以及速查属性值作用
网格布局属性容器属性：一、定义网格布局。display:grid | inline-grid（行内网格布局） | subgrid;说明：声明为一个网格布局。二、创建网格列数。grid-template-columns:1fr 1fr 1fr;可取值单位（列举常用的）：1fr（比例。平分剩余空间），100px（像素）， 20%（百分比） ，1em（字符）， 1vw（屏幕宽度比）。以空格分隔，有多少值就生成多少列。说明：2fr：平分剩余空间，表示总宽度扣除其他单位
2021-01-12 17:39:56
280
原创 vue 动态绑定class和动态绑定style多种用法
一、动态绑定class。可以使用v-bind绑定，如“v-bind:class = ''”，缩写：“:class = ''”。不同形式：1.数组形式(类名必须用''包起来)：<div :class="['red', 'font16']">内容</div>2.数组中使用三元表达式：<div :class="['red', 'thin', isactive?'red':'yellow']">内容</div>说明：如果“isac.
2021-01-11 18:21:58
17987
1
原创 js 判断数组是否有重复值
function isArrRepeat(_arr){ let is_repeat=false; _arr.map((item,index)=>{ if(_arr.indexOf(item)!=index){ is_repeat=true; } }); return is_repeat;}function isArrRepeat2(_arr){ let len=_arr.filter((item,i.
2021-01-09 09:53:23
1319
原创 jquery 实现移动端拖动，旋转，缩放，删除控件（元素）功能。
效果图：代码：https://download.csdn.net/download/qq_42740797/14046488（推荐）https://download.csdn.net/download/qq_42740797/14046508
2021-01-08 18:10:30
646
1
原创 vue 动态绑定class，并同时存在不需要动态绑定的class
<div class="static" :class="{'active':isActive,'error':isError}"></div>说明：对象中也可以传入多个属性，来动态切换class。另外，:class可以与普通class共存。
2021-01-08 09:08:34
1145
原创 css background一行代码，输出图片和颜色。
background:#aaa url("img.png")centercenter/16px16pxno-repeat;依次对应：背景颜色 图片路径 位置（垂直和水平）/大小（宽和高） 是否重复贴图。
2021-01-06 13:31:04
661
原创 vue3 脚手架创建项目
升级版本（卸载旧版本再安装新版本）：npm uninstall vue-cli -gnpm i @vue/cli -g“上下键”切换，“空格”勾选，“回车”确认。1、创建项目。2、3、4、5、6、7、8、9、10、11、最后是否保存之前配置的模板，可以选择“y”。...
2021-01-05 16:03:28
317
原创 vue3 用户片段（快速生成代码）
{ "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script lang='ts'>", "import {defineComponent, reactive, toRefs, SetupContext} from 'vue'", "interface D.
2021-01-05 15:43:05
2443
原创 html引入css文件的两种方式
<link rel="stylesheet" href="css/a.css"><style>@import "css/a.css";</style>
2021-01-04 18:35:32
255
原创 js，jquery的常用插件
一、html2canvas功能：生成图片，下载图片官方说明：能够实现在用户浏览器端直接对整个或部分页面进行截屏。二、propeller功能：拖动旋转元素官方说明：jQuery鼠标拖动旋转DOM元素插件。三、vanilla-tilt.babel功能：3D倾斜官方说明：一个平滑的3D倾斜JavaScript库。四、clipboard功能：复制粘贴。官方说明：现代化的拷贝文字，不依赖flash, 不依赖其他框架，gzip压缩后只有3kb大小。五、dayjs功能：格式化时间。官方
2021-01-04 18:28:10
218
原生js实现h5游戏，本项目已提供分辨率适配解决方案，pc和移动端需要调部分参数，技术栈vue。
2021-12-16
verify公共函数（陈攀）.js
2021-01-04
html和css如何实现跟Photoshop（ps）的图层蒙版一样的效果？
2022-10-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人