- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue 点击图片放大预览
网上有很多关于vue点击图片放大的方法，我是根据自己使用的情况进行制作的，我这种情况是点击iframe标签中图片进行放大的。话不多说咱直接上代码，走你父组件：<template> <div class="iframeBody"> <!-- 标题 --> <el-row> <el-col :span="24" class="iframeTitle"> <h1>{{ navigation
2022-02-25 10:13:23
6310
原创 js判断输入框的首位字符串是否为特殊字符
input 判断输入的首位字符是否为特殊字符使用正则表达式进行判断验证使用正则表达式进行判断验证我们使用正则表达式去判断input框输入的字符是否为特殊字符 //声明变量作为正则表达式的载体 let flag = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？% ]"); // 验证判断关键字首位是否为特殊字符，如果是就进行提示并终止搜索 if (fl
2022-01-18 14:52:01
1485
原创 在iframe中获取选中的数据/iframe中鼠标事件
在iframe中获取选中的数据/iframe中鼠标事件在iframe中获取选中的数据iframe中鼠标事件我现在的vue项目有个需求是，点击手册时，在显示的手册内容中进行内容的选中，并进行右键生成反馈在iframe中获取选中的数据刚写的时候是在iframe标签上写了鼠标的事件，导致没有任何事件没有任何反应，也是查了百度才知道，因为iframe是独立的标签，外部是无法对iframe内部进行操作的，所以我是用了addEventListener方法对内部生成事件，从而进行数据的获取。// 初始化ifram
2021-10-19 15:00:59
2108
2
转载 LINUX安装nginx详细步骤
1.安装依赖包//一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2.下载并解压安装包//创建一个文件夹cd /usr/localmkdir nginxcd nginx//下载tar包wget http://nginx.org/download/nginx-1.13.7.tar.gztar -xvf nginx-1.13.7.tar.gz3.安装nginx//进入nginx目
2021-07-28 15:31:13
180
原创 vue:路由嵌套时只有一个子路由时父级路由不显示问题
vue:路由嵌套时只有一个子路由时父级路由不显示问题我是在使用vue-admin-beautiful后台管理模板的项目中，在路由中使用权限控制路由（菜单）的显示。父级路由（菜单）下有多个子路由（菜单）的父级都可以正常显示，只有父级下是一个子路由（菜单）的父级路由（菜单）不显示。因为只有一个子路由（菜单），是由父级隐藏不显示属性引起的。在父级设置alwaysShow: true，就可以保证在权限只有一个子菜单的父级显示。如下图：...
2021-07-20 14:53:13
3256
原创 avalon.js之if和visible的区别
avalon.js之if和visible的区别ms-visible的作用是使元素在一定条件下隐藏，不显示，ms-if“同样隐藏，但它是将元素移出DOM。这个功能直接影响到CSS :empty伪类的渲染结果”。ms-if在隐藏元素的同时，将元素移除了DOM，这样就有可能出现元素中不再包含子元素的情况，即满足:empty状态。而ms-visible只是隐藏元素，并不将其从DOM中移除。此情况是我在写项目中遇到的问题，这个问题的隐藏性还是比较大的，当时以为是js代码除了问题，最后找到是因为标签属性的使用问题
2021-04-14 17:56:29
196
原创 微信小程序 构建 npm 包失败解决方法
微信小程序 没有找到可以构建的 npm 包解决方法进入小程序根目录，运行 cmd ，输入：npm init输入命令之后一直点回车。输入命令：npm i miniprogram-sm-crypto --production执行命令完之后，再去微信开发者中点工具-构建npm，就成功了。...
2020-09-05 14:48:54
2796
3
原创 微信小程序用setData修改数组中的一个属性值
微信小程序用setData修改数组中的一个属性值通过id这唯一标识，进行属性shu的值的覆盖data中的数组如下：list:[ { signupimg:'../../image/signup.png', imgsrc:'../../image/jquery.png', title:'JQuery-制作商品+商品详情 ', iconsrc:'../../image/usercount.png', shu:17,
2020-05-14 16:42:16
1728
原创 Git项目版本管理（3）—— 分支操作
Git分支简介Git分支是由指针管理起来的，所以创建、切换、合并、删除分支都非常快，非常适合大型项目的开发。在分支上做开发，调试好了后再合并到主分支。那么每个人开发模块式都不会影响到别人。创建分支如果一个项目需要上传多个版本，就需要在主干上创建分支了在GitHub中创建分支本地创建分支git branch [分支的名称]本地由master主分支切换名到新建的分支git che...
2020-04-25 17:01:52
195
原创 小程序获取当前日期和时间
小程序自动获取日期时间今天是项目考核的第四天，项目已经完工，现在对项目进行bug修复以及用户体验的调整。问题：遇到的技术问题是购票选择日期，并获取当天日期。获取日期在要获取时间的.js文件中加载util.js文件，（这个util.js文件在项目根目录中，大家可以参看一下）在onload方法中，调用util.js中的formatTime方法获取当前时间 onLoad: funct...
2020-04-16 18:15:57
1958
原创 微信小程序（3）—— 添加联系人至通讯录
添加联系人至通讯录我写的小功能是在点击联系人的时候，进行选择多种选择（拨打电话和添加联系人）。该功能必须在手机上运行才能体验最终效果。代码参考并分析wxml:<van-col span="8" class='footer_list2' data-id='4' catchtap='freeTell' data-current="4" bindtap="chooseImg">...
2020-04-08 13:51:31
4955
原创 vue项目路径使用@的原因
@是webpack设置的路径别名。在vue项目中我们会引入文件或者组件，在引用的时候会用@符号因为这利用了到了webpack的 alias 别名在build/webpack.base.conf.js中配置的别名： resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dis...
2020-04-07 14:27:02
1498
原创 uni-app 公共接口
公共接口并非整个项目公用一个相同的接口，而是同一个接口域名而已。公共接口也是项目常见的写法。使用公共接口前这是我们在项目中常见的接口写法，url就是复制接口文档中的接口地址使用公共接口后实现步骤在项目根目录中新建mycompoents文件夹，并在文件中创建global.vue文件接口共有部分注册3.页面引用首先，先声明一个url，并把Global文件中的url赋给声明的...
2020-04-01 14:50:55
2154
原创 vue.js 时间戳转换日期格式
时间戳可以理解为过滤器的一种方式，日期格式的转换在项目中也经常遇到，今天我来总结项目中踩过的坑，以及解决方法。时间戳转换日期格式有三种方法：方式一运行 cmd 执行 npm install moment --save 或者 yarn add moment 命令，安装 moment 插件在 main.js 文件中引入 moment 插件，并定义全局过滤器3. 在后续组件中，如果需要转换时...
2020-03-31 14:55:55
5587
10
原创 uni-app引用colorUI库
简介ColorUI是一个css库！！！鲜亮的高饱和色彩，专注视觉的小程序组件库。在你引入样式后可以根据class来调用组件。下载进入Github 网站进行最近代码资源的下载。下载完毕后进行解压。引入colorUI点击进入解压后的文件夹中，找到colorui文件夹，然后复制该文件夹粘贴到项目的根目录中粘贴在项目根目录中3.App.vue 引入关键Css main.css、...
2020-03-30 10:24:49
1065
1
原创 uni-app的使用 和 vant weapp组件库的引用
简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。特点学习成本低，如果学习过vue.js和微信小程序就可以直接上手写项目。项目目录结构，与微信小程序一样，配置文件以及配置文件内容都一样。语法，uni-app的语法可以理解为是vue和微信小程序的...
2020-03-30 09:13:32
2865
8
原创 微信小程序问题归纳（三）
上下级绑定首先理清思路，并画出流程图根据流程图编写代码，一步一步实现功能程序如何实现页面间的跳转wx.navigateTo(OBJECT)保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。注:目前页面路径对多只能十层。wx.redirectTo(OBJECT)关闭当前页面，跳转到应用内的某个页面。wx.reLaunch(OBJECT)关闭...
2020-03-27 18:02:19
303
原创 微信小程序问题归纳（二）
小程序同步API和异步API使用时注意事项？微信小程序的优劣势分析？优势：无需下载，随走随关功能丰富，体验更简便接口众多，可以进行不断的开发流量入口大，背靠日活9.6亿的微信有强大的微信生态环境劣势：现在入口还是很深小程序列表页现在的虽然有收藏的功能（10个），但是现在以列表的形式展示还是很简陋分享到朋友圈还没放开，朋友圈才是主战场（估计微信团队还是在克制自己）。不能...
2020-03-27 18:01:21
682
原创 微信小程序问题归纳（一）
微信小程序问题总结小程序页面有哪些传递数据的方法？全局变量之中传递参数数据在跳转、重定向等转变页面时候，可以直接通过url来传送数据通过页面栈获取到上一页面对数据进行修改通过第三方服务器用数据库进行保存，是要使用的时候直接从数据库里面直接读取全局变量。在使用url进行参数传递时候，传递数据有字节限制通过wx.navaigaTo跳转到具体的页面，并传递相关联的参数数据微信小程序主要目...
2020-03-27 17:55:22
1414
原创 微信小程序（2）—— 自定义三级联动
三级联动是商品类程序常用的和必要的功能，不同的商家也有不同的三级联动选择，但是大都相同，下面是我自定义的三级联动，通过接口请求一级一级往下请求显示地址信息。效果图：实现思路：省、城市、区都有自己的接口。省：在请求省的时候，保存城市的参数以便请求城市接口使用（这时候省份会显示出来）。城市：请求城市接口时，使用保存的城市的参数，进行城市信息显示，同时保存区的参数，以便情求区接口使用。区：...
2020-03-26 15:53:39
1309
原创 微信小程序（1） —— 获取用户信息
小程序一个比较重要的能力就是获取用户信息，是使用 wx.getUserInfo 接口。我们发现几乎所有的小程序都会调用这个接口。<button class='bottom' type='primary' open-type="getUserInfo" @getuserinfo="wxGetUserInfo">授权登录</button>wxGetUserInfo() ...
2020-03-26 11:07:20
414
原创 vue 安装
安装node.js介绍Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言2.安装在官网下载安装：https://nodejs.org/en/安装淘宝镜像介绍选择性安装，因为直接使用 npm 的官方镜可能会非常慢，也可能会出现很多问题，所以推荐使用淘宝 NPM...
2020-03-24 16:22:22
430
原创 Git项目版本管理（2）—— 项目上传操作
GitHub操作步骤GitHub创建仓库登录到GitHub的官网（https://github.com），进行账号注册。点击Sign up按钮进行注册注册完毕之后进行登录，点击Sign in进行账号登录创建repository库点击New repository进入创建仓库的页面，如下图：注：Public为公开任何人都可以查看，Private为私密只有自己可以查看和操作。操作者...
2020-03-23 11:25:55
201
原创 Git项目版本管理（1）—— GitHub简介
什么是GitHub？GitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名GitHub。特点分布式 : Git版本控制系统是一个分布式的系统, 是用来保存工程源代码历史状态的命令行工具;保存点: Git的保存点可以追踪源码中的文件, 并能得到某一个时间点上的整个工程项目额状态; 可以在该保存点将多人提交的源码合并, 也可以会退到某一个保存...
2020-03-23 11:21:36
176
原创 vue.js简介
什么是vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue.js 是非常流行的 JavaScript 技术开发框架之一。Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。Vue.js 的目标是通过尽可能简...
2020-03-22 11:07:40
231
原创 jQuery 购物车功能
简单版原生jQuery购物车在制作购物车时，为了方便我们阅读、修改、制作，我们就要把这个项目分为三个部分进行分离：html + css + jshtml：<body> <div class="container-fluid logo"> <img class="img-responsive" src="img/taobao_logo.gif" />...
2019-10-23 15:53:19
4551
原创 symbol 数据类型
symbol小编学习编程已经快6个月了，今天小编就来讲讲对symbol这一数据类型的理解。在刚刚接触js时，大家都会接触数据类型。数据类型又分为基本数据类型 和 引用数据类型 两种。在基本数据类型中其中一个数据类型就是symbol。概述ES5（ECMAScript第五个版本，现在已更新到ES6、ES7）的对象属性名都是字符串，很容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想...
2019-10-23 13:54:05
453
原创 ES6中的let和const
ES6中的let命令和const命令ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。let命令ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。基本用法：...
2019-10-22 20:52:09
148
原创 汉字在计算机上的表达方式
一个汉字在计算机中占有2个字符西文字符中的ASCII码表示西文字符是，用的是7位的ASCII码，为了在计算机中存储，最高位（第八位）默认为0，所以可以表示27个不同的字符；扩展的ASCII码，使用的第八位，不在默认为0，所以最多可以表示28个字符。中文跟西文不大一样。中文的一个汉字占16位，也就是两个字节的位置。编码方式跟ASCII码类似，但是为了与ASCII码区别开来，最高位默认为1.计算...
2019-10-22 19:53:44
9444
2
原创 ASCII码
ASCLL（American standard code for information interchange：美国信息交换标准代码），是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言，到目前为止共定义了128个字符。Ascll码使用指定的7位或8位二进制数组合来表示128或256种可能的字符。标准ascll码也叫ascll码，使用7位二进制数（身下的一位二进制位0）来表示...
2019-10-22 19:14:29
2983
原创 C/S模式 和 B/S模式的区别
C/S 和 B/S的区别什么是C/S:C/S结构（Client-Serve，服务器/客服机模式），C/S结构通常采取两层结构。计算机是网上访问信息的设备，服务器是提供信息的机器。服务器负责数据的管理，计算机负责完成与用户的交互任务。工作原理：用户利用计算机通过局域网与服务器连接，接受用户的请求，通过网络向服务器提出请求，并对数据库进行操作。服务器在接受计算机的请求，会把数据提交给计算机，计...
2019-10-22 17:40:48
6296
原创 前端7大常用布局方式
Web前端常用布局方式页面的布局方式是块状元素依次从上至下、从左至右进行布局布局的作用对公司、企业而言视觉极佳的布局效果能让在瞬间抓住客户的心，能吸引潜在的合作者。适用性 ，根据不同行业情况进行不同效果的制作。吸引性，视觉效果优秀的布局效果能瞬间吸引客户。布局方式一、静态布局静态布局是最为原始的布局方式，没有什么技术性可言，往往是计算机行业刚刚入门的小白使用的布局方式。制作的网...
2019-10-21 16:36:02
26069
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人