- 博客(25)
- 资源 (60)
- 收藏
- 关注
原创 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关注的人