前端实践
文章平均质量分 79
一个前端爱好者的用心总结。荣幸与您分享。
格林希尔
少年 远望 远行
展开
-
H5网页实现录音并转换为文字
FileInputStream前言小结前言 今小结 荣幸与您分享~原创 2020-03-03 20:23:14 · 8690 阅读 · 10 评论 -
H5网页实现语音识别音频文件-AI开放平台
Vue前言内容小结前言 今内容 今<template> <div class="wrap"> <el-form v-model="form"> <el-form-item> ...原创 2020-03-03 18:19:02 · 2718 阅读 · 2 评论 -
Vue 创建公共组件 全局调用
Vue 创建子组件 全局调用实现效果图关键代码文后总结实现效果图 系统:关键代码 Html文后总结 荣幸与您分享~原创 2019-12-30 19:18:26 · 796 阅读 · 0 评论 -
Vue 建立自定义过滤器
Vue 建立自定义过滤器实现效果图关键代码文后总结实现效果图 系统中有很多地方会用到数据字典,对于这部分内容我们只需要知道对应编码就可以通过自定义的过滤器在前端实现动态的加载这些信息内容。如下图的地区名称:关键代码 Html部分的只需要将userInfo.area编码传入dictName过滤器: <span lable="地区:" ">{{ userInfo.a...原创 2019-12-26 19:35:53 · 460 阅读 · 0 评论 -
Vue中根据时间戳计算时间间隔-年龄
根据时间戳转化年龄实现目标功能代码内容小结实现目标 功能代码 this.patientAge = this.toAge(this.$route.query.age); toAge(timeStamp) { let birthDate = this.toDate(timeStamp).substr(0, 4);...原创 2019-12-02 20:06:29 · 3982 阅读 · 0 评论 -
Vue_el-autocomplete 根据输入内容查询对象列表提供建议
el-autocomplete 根据输入内容查询对象列表提供建议前言内容小结前言 你好内容 你好小结 你好原创 2019-11-28 20:45:24 · 2267 阅读 · 1 评论 -
Vue递归调用JS方法调整嵌套list目录结构
Vue递归调用方法调整嵌套目录结构前言内容小结前言内容 changeMenus(menuList) { if(menuList && menuList.length > 0) { for (let i = 0; menuList.length>i;i++) { ...原创 2019-11-06 18:58:55 · 449 阅读 · 0 评论 -
Ionic4实现手机滑动答题页面---轮播图切换设计
Ionic4轮播图样式实现及设计前言概述小结前言 概述 小结原创 2019-03-31 21:56:55 · 780 阅读 · 2 评论 -
Angular7样式失效问题解决方案
Angular7样式失效问题解决方案前言概述小结前言 概述 小结原创 2019-03-31 21:52:47 · 2098 阅读 · 0 评论 -
JS实现动态页码及分页导航
目录前言内容小结前言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件。通过JS自己简单实现了效果。下面和大家分享一下。内容下图为首次加载后的效果,默认显示5页,当点击下一页时将选中页面的页码置于中间小结&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原创 2019-01-16 11:37:59 · 3529 阅读 · 1 评论 -
Asp.Net 鼠标滑过图片自动放大的效果
结点前言内容小结前言 在最近开发的项目中需要在网站中展示一张较为细致的框架图,既要保证图片的完整性又要让用户看清图中的细节。一时就想起了某宝购物时对图片的放大展示效果,于是便有了如下的实现Demo。内容①准备一张像素清晰的图片,大爱我中华~②如下是在网页中实现的放大效果,是不是很贴心。③实现功能的部分代码如下:...原创 2019-01-15 15:48:06 · 874 阅读 · 1 评论 -
Angular5 IonIC转盘抽奖应用
前言内容小结原创 2018-06-10 21:39:52 · 1071 阅读 · 13 评论 -
选型IonIC3分析
前言 Ionic 是一个强大的混合式(Hybrid)HTML5 移动开发框架,也是一个开源的,免费的代码库,特点是使用标准的 HTML、CSS 和 JavaScript,开发跨平台的应用 ,只需要几步就可以快速创建一个移动端的 应用。 核心Ionic 主要包括三个部分: ①CSS 框架 - 提供原生App 质感的 CSS 样式模拟。ionic 这部分的实现使用了 ...原创 2018-05-27 23:41:57 · 447 阅读 · 15 评论 -
Angular5 IonIC3 实现页面滚动加载
前言 最近在做一个移动端的项目,需要应用滚动加载的效果,开始是想通过JS自己写个方法,但是实际操作中发现代码设计比较复杂。最终通过IonIC框架的方法很好的实现了想要的效果,如下图: 实现效果 当滚动条距离底部一定距离时触发加载事件:代码块//html代码://顶部标题<ion-header> <ion-navbar no-bord...原创 2018-05-20 19:31:54 · 1390 阅读 · 9 评论 -
Ionic3.x 创建项目中的问题-IonIC start myApp tabs
前言 最近的项目开展需要用到Ionic的框架技术,为了使之后的项目开展顺利一些先来踩踩坑,为之后同学的们做个参考和借鉴。 下面我们来看 我在创建项目时遇到的问题:Error: read ECONNRESET at _errnoException (util.js:1022:11) at TLSWrap.onread (net.js:628:25) 开始创建项目就被卡住了,o...原创 2018-05-08 15:23:25 · 2533 阅读 · 14 评论 -
前端框架-Angular5 说明与分析
简介 Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。 Angular、Vue、React对比分析 Angular1也叫做AngularJs,由于从Angular2之后有了重大的改变,从开发方式来看完全基于T...原创 2018-04-29 20:49:17 · 541 阅读 · 13 评论 -
Web服务器-Apache配置与运行
前言 接着上一篇博客的下载安装 ,我们继续来看Apache的配置与运行。步骤选择我们需要存放 Apache的路径地址并解压。 解压之后会有两个文件,让我们点开文件夹来简单了解一下 了解每个文件夹的存放内容,Conf文件夹中是我们一会要配置的文档 找到 “httpd.conf” 文件记事本打开 根据Apache的存放地址,来设置文档中的绝对路径 使用CMD...原创 2018-03-20 10:03:45 · 17080 阅读 · 15 评论 -
Web服务器-Apache下载与安装
前言 Apache服务器的下载安装还是有些步骤的,请看我下面的引导图。 步骤 首先让我们进入Apache官网 http://www.apache.org/ 找到首页最上方的Download. 这里我们选择它所建议个下载路径。 在项目列表中找到 Httpd/ 一项 这里我们选择CurrentReleases(通用版本) 选择Windows平台 ...原创 2018-03-19 21:40:01 · 3068 阅读 · 6 评论 -
Web服务器-Apache认识与描述
何为服务器 服务器是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。Web服务器 Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。片面的讲一台安装了服务器软件的主机便可称之为服务器,服务器软件和主...原创 2018-03-19 21:33:02 · 633 阅读 · 8 评论