web前端
Muchen灬
工欲善其事,必先利其器,记录并分享工作生活经验!
展开
-
npm如何一次同时安装多个依赖?
npm如何一次同时安装多个依赖?拉取代码的时候提示要安装相关的依赖,通过提示的信息找到要安装的并进行安装一次安装多个依赖:通过空格将要安装的隔开npm install --save @smallwei/avue benz-amr-recorder moment stompjs vue-video-player...原创 2020-10-09 17:40:46 · 9664 阅读 · 0 评论 -
vue+vantUI模板
1、在HTML页面中引入vue和VantUI <!-- 引入vue和vantUI CDN --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.1/lib/index.css"> <!-- 引入组件 --> <script src="h...原创 2020-02-24 17:45:37 · 2536 阅读 · 0 评论 -
vue+ElementUI页面模板
vue+elementUI的HTML页面模板,可以直接套用引入 vue CDN:<!-- 引入vue组件库 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>引入elementUI CDN: 官方文档地址:https://element.f...原创 2020-02-24 16:16:41 · 19832 阅读 · 0 评论 -
JS实现数组、对象去重的几种常用方式
一、数组去重1、ES6--Set方法数组去重function uniq(arr){ var a=new Set(arr); var b=[...a]; return b}var aa=[1,2,2,2,3,3,3,4,4,5,6,7,7,8,8];var bb=uniq(aa);//输出结果Array(8) [ 1, 2, 3, 4, 5, 6, 7, ...原创 2019-12-30 17:05:46 · 827 阅读 · 0 评论 -
JS中常用的四种数组拼接方法
1、方法一:concatc是新数组,此时内存使用有,c,a,b三个数组。var a=[1,2,3,4,5];var b=['lucy','andy','bob'];var c =a.concat(b)console.log(c)输出结果:[ 1, 2, 3, 4, 5, "lucy", "andy", "bob" ]2、方法二:for循环逐个添加使用for循环往...原创 2019-10-07 23:25:45 · 8836 阅读 · 0 评论 -
SVG格式编辑工具
svg的简介:--SVG 是可伸缩的矢量图形,在浏览器中改变尺寸,其图形质量不会有所损失--相比其它位图,SVG图像文件更小,可压缩性更强--SVG 可以被记事本等阅读器、搜索引擎访问--SVG 图像中的文本是可选的,同时也是可复制的--SVG 图像可以与DOM,CSS和JavaScript交互--SVG 可以制作成整体或局部动画.svg是什么文件SVG可以算是目前...原创 2019-08-18 15:51:07 · 8691 阅读 · 0 评论 -
纯CSS实现波浪效果
纯CSS实现波浪效果步骤一:首先搭建好基本的布局样式这里。Wava的长度设置为200%s是为了使用动画时能够更加好的展示。步骤二:实现背景的透明度(实现渐变效果)步骤三:使用绝对定位将三个波浪模块叠放在一起,并设置动画在第二个模块中引入动画:animation: move_wave 10s linear infinite;开始发生移动变化...原创 2019-08-17 23:47:52 · 1415 阅读 · 0 评论 -
APICloud实战--每日生鲜App
APICloud实战--每日生鲜App每日生鲜App布局及窗口切换关于APICloud的一些入门操作,这里我就不废话了,不清楚的建议去看看我的另一篇APICloud的入门博客https://blog.csdn.net/qq_40976321/article/details/99933311步骤一:登录APICloud并创建一个新应用首先去APICloud的官网平台登陆https:/...原创 2019-08-25 22:20:44 · 2783 阅读 · 0 评论 -
APICloud入门初体验
APP快速开发平台APICloud之初体验借助APICloud开发平台,使用web开发技术制作的APP,和我们使用原生开发的APP,几乎没有任何区别,这是因为除了使用HTML、JS这些web开发技术外,APICloud为我们提供了许多原生模块,供我们在APP中调用,这种“原生+HTML”的混合开发模式,不仅降低了App的开发门槛,而且极大的提高了用户体验。从流畅度和美观度都足够满足主流App的...原创 2019-08-21 08:39:37 · 1048 阅读 · 0 评论 -
Json-server的安装与使用
搭建本地的数据接口Json-server 地址:https://github.com/typicode/json-server1、全局安装json-server首先我们来到终端,在根目录下安装我们全局的json-server,输入指令:npm install -g json-server接着创建一个文件夹存放json文件,终端中切换到创建的文件目录初始化packjson...原创 2019-07-27 09:36:16 · 18508 阅读 · 2 评论 -
使用node实现向手机发送验证码
步骤一:安装node.jsNode官方网站https://nodejs.org/en/ 下载node.js安装好之后输入 node -v 能够显示版本号表示安装成功了步骤二:注册并登陆聚合科技,申请短信API服务我们来到聚合科技的官网中https://www.juhe.cn/ ,注册登录进去登录之后,点击进入个人中心我们要使用的是短线验证码,所以需要申...原创 2019-08-04 23:19:20 · 2681 阅读 · 1 评论 -
Vue的路由项目
一、创建vue-cli项目首先来到终端,切换到自己项目要存放的路径,之后输入创建项目的指令:vue init webpack-simple 项目名 这个创建的是更简洁的vue-cli项目如果使用npm install 安装很缓慢,建议去安装淘宝镜像的cnpm 这样下载安装就会快得多https://blog.csdn.net/qq_40976321/article/detai...原创 2019-07-20 00:15:12 · 686 阅读 · 0 评论 -
Vue的生命周期、vue-router、vue-resource
一、Vue的生命周期如果发生问题,就需要借助于生命周期来寻找问题,如果有需求,也可以通过生命周期找到需求的位置。// vue的生命周期,钩子函数beforeCreate 组件实例化之前创建的函数created 组件实例化完毕,但页面还未显示beforeMount 组件挂载前,页面仍未展示,但虚拟Dom已经配置mou...原创 2019-07-16 23:15:48 · 390 阅读 · 0 评论 -
Vue属性的传值
Vue-cli属性的传值(父组件向子组件传值,子组件向父组件传值) 第一种传值:父组件向子组件传值 当会有很多组件运用到我们的数据,我们不可能在每个子组件中创建数据,所以将数据抽离出去,放置到父组件之中,那个子组件要使用,就通过父组件将数据传递给它去调用。第二种子组件传值给父组件(事件传值)父组件绑定属性之后点击子组件Heade...原创 2019-07-16 23:01:19 · 758 阅读 · 2 评论 -
vue-cli入门项目实战(超详细)
Vue-cli脚手架关于如何去安装vue-cli去访问我的领一则博客,会有详细教程,这里我们就直接从创建vue-cli项目开始一、创建vue-cli项目 打开终端,切换到自己要创建的文件路径,输入vue init webpack 项目名,回车之后会下载资源文件 Project name 项目名称...原创 2019-07-14 22:37:13 · 13693 阅读 · 8 评论 -
Vue-cli的安装与配置
Node的下载与安装工欲善其事必先利其器,在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现。1、首先我们进入到node的官网 https://nodejs.org/zh-cn/ 下载node运行安装node-—选择文件安装路径-—之后一直点next就可以了2、安装淘宝cnpm镜像安装好nod...原创 2019-06-29 02:01:35 · 3855 阅读 · 1 评论 -
Vue入门
Vue的一个简单实例Vue的简介Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、首先我们需要去v...原创 2019-06-06 09:18:25 · 241 阅读 · 1 评论 -
BootStrop的环境配置
去BootStrop中文官网下载文档https://www.bootcss.com/ 进入到官网点击下载即可2.由于BootStrop需要依赖Jquery的文件,所依我们需要下载Jquery下载网站:http://www.jq22.com/jquery-info1223.在Hbuilder中创建一个名为BootStrop练习的项目。将bootstrap.mi...原创 2019-06-05 23:46:01 · 261 阅读 · 0 评论 -
JQuery安装与下载教程
jQuery安装与下载 JQuery 是一个javaScript库,是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery 极大地简化javaScript编程--juery相比js优点:jquery的onload加载事件速度更快,并且多个加载并行 【jq绑定事件都是使用的事件函数,不需要加on】; js的onloa...原创 2019-05-25 22:21:17 · 131483 阅读 · 16 评论