Stzyz_121314-CSDN博客

原创深拷贝你真的会吗

手写深拷贝let obj = { name: "zhangsan", age: "12", address: { city: :"shanghai" }, ary: [1,2,3,4]}//普通拷贝//let obj2 = obj;//obj2.name = "lisi"//obj1的值也跟随修改了 //深拷贝let obj2 = shenCopy(obj);obj2.name = "lisi"//再次打印obj1结果并未受到影响function shenCopy(d

2022-03-07 16:19:16 128

原创 vue3.0学习之路

vue3.0与vue2.0的不同之处vue3.0中全局都在setUp(){}中并且每个定义的变量都需要进行return 如export default{ setup(){ //定义的是 refs对象 const editor = ref(null) const state = reactive({ //这里面定义的是vue2.0中的data中的普通参数 tableAry: [] }) const getList = (

2022-03-01 10:58:38 446

原创 vue中element-ui中的form表单的动态验证

废话不多说直接上代码 export default { data() { const validatePass = (rule, value, callback) => { //这里进行动态表单验证 } return { ruleForm: { jobName: '', }, rules: { jobName: [{ .

2021-04-28 17:11:41 310

原创 vue的使用

2019-11-18 10:41:48 108

原创 css常见布局问题

css中使用position：absolute布局后如何居中显示水平居中：top:0; left:50%; transform: translate(-50%,0);垂直居中：top:50%; left:0; transform: translate(0,50%);全部居中：top:50%; left:50%; transform: translate(-50%,50%);...

2019-11-11 09:39:50 115

原创常用css样式属性大全（中文注释）

一 CSS文字属性：color : #999999; /文字颜色/font-family : 宋体,sans-serif; /文字字体/font-size : 9pt; /文字大小/font-style:itelic; /文字斜体/font-variant:small-caps; /小字体/letter-spacing : 1pt; /字间距离/line-height : 200%;...

2019-10-11 18:07:18 495

原创 flex详解

flex涉及的概念lex的基本作用就是让布局变的更简单，比如“垂直居中”等，当然不止这个，要说清楚flex有什么作用首先要了解一些概念。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。flex容器的属性flex-directionflex-direction...

2019-09-21 13:37:29 165

原创 app差量升级 mui/uni-app

mui app升级包制作####### 注意wgtu包中的update.xml文件名称必须全部小写，并且和www在同一级目录中wgtu包中www目录下必须包含manifest.json文件，并且里面不能包含注释（HBuilder中默认带注释，需要手动删除所有注释）update.xml中的appid值是应用的AppID（如“H5F6AE111”），不是程序的包名（如“io.dcloud.H5...

2019-09-12 19:08:30 1432 1

原创 css自动换行,页面允许复制

word-wrap:break-word;word-break:break-all;word-wrap用来控制换行　　两种取值：　　(1)normal　　(2)break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。）word-break用来控制断词　　三种取值：　　(1)normal　　(2)break-a...

2019-09-07 10:28:13 1431

原创 uni或mui上传图片方法封装

图片上传/** * imgNumber 选择图片的个数 number fex:1 * successBack 图片上传成功回调函数 * errorBack 图片上传失回调函数 * baseUrl 上传图片请求地址 * imgType 选择图片类型 1:拍照和上传全部有 2:只有拍照 3:只有选择图片 * * 注：要在onReady后执行 */const u...

2019-08-28 11:12:02 264

原创 uniapp导航栏添加自定义按钮修改导航栏标题等信息

添加自定义按钮按钮的点击事件需要在页面监听onNavigationBarButtonTap事件页面监听代码如下：exportdefault{ data() { return{} }, onNavigationBarButtonTap() { ...

2019-08-26 00:25:27 8647

原创合并两张图片并保存到相册

js合并两张图片并且保存到相册注：drawAndshareImage方法合并图片后生成的是base64文件流 android手机执行mui的存储相册是不能使用，所以要吧bbsse64文件流转换为bipmip格式的图片本机路径才可以function drawAndShareImage(){ var canvas = document.createElement("canvas"); ...

2019-08-03 10:46:55 1114

原创 app内部打开远程服务器界面拍照获取路径问题

选择图片进行上传的时候，由于程序是在服务器端远程访问的。也就是本地没有html，html都在服务器上的。会出现以下错误Not allowed to load local resource: file:///storage/emulated/0/DCIM/Camera/IMG_20170525_154136.jpg经过查询，是安卓的webview安全限制导致的。当访问的是http协议的时候，无...

2019-07-24 11:37:15 459

原创 css横向滑动列表

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="...

2019-06-29 19:30:31 359

原创微信弹出浏览器打开提示

#weixin-tip{ display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100; } ...

2019-04-04 10:28:22 1118

原创圆形进度条

(function() { var context, centerX, centerY; var rad = Math.PI * 2 / 100; //将360度分成100份，每份为rad度 var radius = 50; //默认半径 var lineWidth = 5; //默认线宽 ...

2018-11-30 19:21:17 129

原创 javascript线程

一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaS...

2018-09-09 18:04:57 746

原创移动端实现遮罩对话框

实现原理：点击某一控件实现遮罩弹出会话框原理就是点击后弹出两个div样式。其中一个就是遮罩层给他添加透明度即可实现遮罩，另一个就是对话框内容 <div class="mask" id="mask"></div> <div class="input_informatino" id="input_informatino"&gt

2018-07-20 20:03:49 808

原创 js字符串的基本操作

toUpperCase将字符串全部转为大写，并返回原字符串不变var str = "hello world";alert(str.toUpperCase()); toLowerCase将字符串全部变小写，并返回原字符串不变var str = "hello world";alert(str.toLowerCase());indexOf搜索指定字符串出现的位置，...

2018-07-20 20:03:13 149

qq_40868755的博客