前端
记录在开发过程中前端遇到的问题
嘉戈
No end for learning
展开
-
【HTML】元素与标签
HTML元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个 “<” 和一个“ >” 的字符串。1.HTML元素的四种形式空元素<br>带有属性的空元素<hr color="blue">带有内容的元素<title>http://www.baidu.com原创 2019-01-12 19:19:23 · 322 阅读 · 9 评论 -
HTML制作网页
一、步骤1、HTML1、新建文本文档2、改后缀名.html3、以记事本方式打开并编写代码4、保存,关闭后,直接双击打开网页原创 2018-07-01 16:28:04 · 78285 阅读 · 19 评论 -
jsp中的https强转访问
封装代码块include引用原创 2020-05-24 21:33:32 · 779 阅读 · 0 评论 -
【HTML】列表-表格-表单
师父好的好看的开发商卡夫卡的原创 2019-01-12 21:06:47 · 948 阅读 · 18 评论 -
ion-infinite-scroll上拉加载 & ion-refresher下拉刷新
官网代码https://ionicframework.com/docs/api/infinite-scrollion-infinite-scroll <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)"> <ion-infinite-scroll-content ...原创 2019-05-18 21:08:04 · 897 阅读 · 40 评论 -
ionic4 页面请求动态数据
图解效果代码<ion-item style="margin-top:10px;" *ngFor="let item of orderList"><div> <ion-icon name="browsers" style="font-size:25px"></ion-icon></div><div style="ma...原创 2019-05-09 16:50:28 · 1011 阅读 · 36 评论 -
ionic4 路由跳转
普通路由跳转<ion-button [routerLink]="['/pinfo']"> 跳转到详情</ion-button><ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref="/tabs/tab...原创 2019-04-24 20:54:07 · 1779 阅读 · 22 评论 -
阿里图标库的使用方式
1.阿里图标库链接:http://www.iconfont.cn/2.登录阿里图标库以后,搜索我们需要的图标,将其加入购物车3.将我们需要的图标全部挑选完毕以后,点击页面右上角“购物车”图标4.这时候右侧会出现一个预览窗口,显示我们前面加入购物车的那些图标,添加至项目(没有项目的话新建一个就好),或者直接下载代码如果选择添加至项目的话,会跳转到我的项目,然后也是进行下载到本地下载...原创 2020-03-14 15:55:01 · 1101 阅读 · 0 评论 -
mui隐藏底部弹出的actionsheet
解决:在js中写mui('.mui-popover-action').popover('toggle');//隐藏底部弹出的菜单此时的效果:当点击删除的时候,会弹出确认信息,此时,actionsheet菜单不能跟提示信息共同显示,需要隐藏原创 2020-06-27 08:26:11 · 457 阅读 · 0 评论 -
mui底部选项卡的两种模式
div模式DIV模式是将所有子页面的内容,分别放置到主页不同的DIV中,当我们点击主页的不同选项卡时,切换不同DIV的显示。 这种方式显然要比加载子页的方式快很多,但是也显然不能承载很多布局的页面,毕竟要在一个主页中写入所有子页面的代码,显得不太现实。 <header class="mui-bar mui-bar-nav"> <a cla...原创 2020-03-07 15:57:27 · 930 阅读 · 0 评论 -
时间戳转时间-js封装函数
文章目录jshtml效果显示jsformatTime.js: /* * 时间戳格式转正常时间格式显示 */ /**格式化日期,如月、日、时、分、秒保证为2位数 * @param {Object} n */ function formatNumber (n) { n = n.toString() return n[1] ? n : '0' + n;...原创 2019-12-23 15:22:44 · 637 阅读 · 3 评论 -
H5 实现手机拍照和选择上传
文章目录1. html/ js代码:2. 参数解析:3. 效果展示:1. html/ js代码:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <me...原创 2019-12-15 20:30:56 · 1197 阅读 · 2 评论 -
高德地图+H5 获取定位信息
文章目录1. 申请key值2. 引入地图3. 功能实现4. 效果展示1. 申请key值参考此篇博客:https://blog.csdn.net/chenwen112/article/details/1029104372. 引入地图<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&ke...原创 2019-12-15 20:11:59 · 2843 阅读 · 3 评论 -
Angular环境搭建
下载安装nodejs打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。PS:Angular2基于node.js,所以要先安装nodejs环境安装cnpm在cmd命令窗口中直...原创 2019-02-24 08:41:49 · 1120 阅读 · 85 评论 -
使用charAt()方法截取姓名字符串后两位
定义:charAt() 方法可返回指定位置的字符。JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。语法:stringObject.charAt(index)TIY<html><body><script type="text/javascript">var str="Hello worl...原创 2020-03-31 22:08:32 · 1292 阅读 · 0 评论 -
base64编码的图片如何存入数据库
文章目录前端JS:后端代码:问题:post方法上传 base64编码的图片传到后端为nullbase64编码的图片存入数据库的地址为服务器,如果前端获取不到base64编码的话,需要把图片路径转换成文件,再把File文件转成base64,发送给后台,接口获取文件流,转成文件放在服务器地址,然后获取服务器的地址再存入数据库。前端JS:/**拍照 * @param {Object} c *...原创 2019-12-24 16:39:16 · 23621 阅读 · 9 评论 -
前台、前端、后台和后端的区别
前台:就是游客、用户注册登录后能够看到的页面;后台:提供给系统管理者能够看到的页面,而游客、用户看不到的页面;前端:程序员在进行编程的时候的代码;后端:对应前端而言的,编写代码基本上是提供给前端调用,是不需要处理UI的内容.比如:逻辑层。...原创 2019-03-24 21:38:24 · 10513 阅读 · 20 评论 -
电脑自带的放大镜 vs Zoomit
今天准备下载个放大镜的插件,做个活动用电脑什么的方便。于是我就从百度上搜放大镜,结果给我出来一堆图片,其实应该输入放大镜软件。但是正是因为这一对图片,让我看着好熟悉,我怎么记得电脑里出现过这个图片呢,结果往左下角一看,哎,这不就是小娜吗! 于是我就找小娜搜了一下放大镜,其实电脑是自带放大镜的,但我没怎么使过,看看电脑自带的怎么样吧。 打开之后,就是这个软件了。之后这个图标就会一直漂浮在...原创 2018-08-16 14:00:04 · 1381 阅读 · 25 评论 -
组件的生命周期
组件现在前端领域,对代码质量和数据非常高的要求,特别容易出问题通过组件的方式来完成代码的管理编写组件:是一个可以被反复使用的,带有指定的功能视图(View)创建组件(1)创建组件Vue.component("组件名称",{组件内容,template:'<h3>模块</h3>'});示例:Vue.component("my-component",{temp...原创 2019-06-30 19:51:26 · 157 阅读 · 7 评论 -
vue子组件向父组件传值(实战)
参考此篇博客:Vue子组件向父组件传值(详讲)1.首先建立子组件:1)在components下面建立文件夹getip,在文件夹下建立.vue文件getip.vue,建立.js文件index.js;2)index.js文件下的代码:import getip from './getip.vue'export default getip3)getip.vue作为子组件,向父组件传值的代码...原创 2019-06-16 21:52:43 · 2535 阅读 · 65 评论 -
ionic4.x 环境搭建
文章目录ionic 介绍1.安装npm和node.js2.安装cordova ionic——输入npm install -g cordova ionic3.创建ionic项目——输入ionic start myIonic tabs4.运行新项目——输入ionic serveionic 介绍ionic是一个开源的移动应用程序开发框架,它可以轻松的使用web技术构建高质量的跨平台的移动应用。可以让...原创 2019-04-22 17:30:00 · 835 阅读 · 20 评论 -
vue中string如何转int
方法:var j = parseInt(“字符串”); //j 就是数值类型了例如: var rcash =parseInt( vm.cardcash)+parseInt(vm.rechargeCash) ; //转换成int就可以做运算了原创 2019-03-31 21:22:09 · 65201 阅读 · 7 评论 -
两步安装vue.js devtools调试工具
安装1.下载vue.js devtools插件去谷歌浏览器插件下载中心,搜vuehttps://www.chromefor.com/找到如下图,点进去点击本网站下载有三个可选下载路线2.扩展程序打开谷歌浏览器,安装扩展程序直接把你下载好的vue.js devtools 拖进来上面就会显示如下图的小图标,当你开启一个vue程序时,它就会变成绿色的。使用打开一个vu...原创 2019-03-12 08:06:04 · 1266 阅读 · 72 评论 -
如何修改vue项目运行的端口号
问题:vue项目的默认端口是8080,如果想运行多个,有冲突的话怎么办?解决:修改一下配置文件 config --&gt; index.js --&gt; port,将默认的端口号修改了。在这里我改为了8888(想改为什么随意),运行服务,网址的端口号就改为了8888。好处:当你运行其他程序时,用于解决端口号冲突。...原创 2019-03-05 19:51:14 · 7873 阅读 · 13 评论 -
创建一个vue项目
1:打开cmd命令行,首先安装node步骤:https://nodejs.org/en/download/ node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版本信息即表示安装成功。2:npm包管理器是集成在node中的,所以直接输入npm -v就能查看到版本信息3:输入npm install -g cnpm --registry...原创 2019-03-05 19:36:08 · 231 阅读 · 10 评论 -
vue.js 指令缩写
指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式.指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。一些指令能够接收一个“参数”,在指令名称之后以冒号表示。例如,v-bind 指令可以用于响应式地更新 HTML 特性:&amp;lt;a v-bind:href=&quot;url&quot;&amp;gt;...&amp原创 2019-02-28 21:09:26 · 1421 阅读 · 9 评论