前端
关注
分享
扫一扫
吾行远方
没有理想何必远方
展开
-
html+css整理（1）
1、介绍网页三大组成元素和<!DOCTYPE>标签是拿来声明文档的类型，在html文档的第一行编写。作用是告知浏览器的解析器用什么文档标准去解析当前文档。DOCTYPE不存在或格式不正确会导致⽂档以怪异模式呈现组成网页的三大标签元素：<html></html>、<head></head>、<body></body&g...原创 2019-08-08 18:10:45 · 465 阅读 · 0 评论 -
vue md5加密
1、npm安装 npm install --save js-md52、第一种使用方法 在需要使用的项目文件中引入： import md5 from 'js-md5'; 使用： md5('hhhahaah')//612341288a285f5b188163482320e88f3、第二种使用方法 在main.js文件中将md5转换成vue原型： import md5 from...转载 2019-05-24 17:22:16 · 6218 阅读 · 0 评论 -
vue 轮播图片
1、效果图2、案例 <template> <section class="body"> <section class="wrap"> <swiper :options="swiperOption" class="swiper-wrap" ref="mySwiper" v-if="banner.leng...原创 2019-05-28 10:44:21 · 2823 阅读 · 0 评论 -
vue 获取dom元素 @change $ref
1、背景：前端使用vue,利用ocr识别身份证信息，@change事件执行上传图片代码，当第一张照片选择后，再次选择同样的图片方法就不执行了,如何每次选择图片都让此方法执行呢？这个时候我们只需要获取dom元素将它的value设置为""即可。2、通过$ref获取dom元素 <p class="ipt"> <span>姓 名</span>...原创 2019-06-03 11:55:56 · 2219 阅读 · 0 评论 -
vue 获取动态dom元素 @change $ref
1、背景：上一篇已经介绍vue静态获取dom元素方法，当我们动态创建dom元素，例如循环创建，我们又怎么去获取呢？解决方法如下：2、动态创建的dom元素如何获取？@change事件方法如何写 <article class="c1" v-for="(o, i) of benefit_list" :key="i"> <p class="ipt"> ...原创 2019-06-03 12:05:33 · 3658 阅读 · 1 评论 -
node使用JsonWebToken 生成token,完成用户登录、登录检测
1、背景最近在用node做后台的登录，检测登录功能。在本地使用session可以成功，但是放服务器后发现session失效了，每次请求session都会变化，着了很久原因。原来，自己项目是前后端分离的，前端调用后端api接口，因此使用cors = require(‘cors’)来解决了跨域问题，而跨域对于cookie来说，就是两个不同的网站，因此session会不停的变。2、解决方法（1）设...转载 2019-06-06 15:05:10 · 1068 阅读 · 0 评论 -
vue2.0 子组件与父组件相互传值以及自定义事件传参问题
1、Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题。首先我们先搭好开发环境，我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤：1、打开git ，运行 npm install --global vue-cli 这是安装vue的命令行2、vue init webpack vue-demo 这...转载 2019-06-06 15:38:38 · 2652 阅读 · 0 评论 -
vue 百度ocr识别身份证（银行卡、火车票、名片、发票等同理）信息
1、获得access_token（可以前端向百度发送请求获取，也可以后端获取，传token给前端，建议后端获取），本文默认前端已获得access_token。2、调用摄像头或本地文件夹获得证件照片3、将证件照片转化为base64格式4、发送请求，反写证件信息到输入框本文实现项目效果如下：仅以获得证件号码为例，其他同理,点击 红色框 中图标即可调用 摄像头 或打开 本地文件夹HTTP 方...原创 2019-04-29 17:53:56 · 9018 阅读 · 3 评论 -
css 将标签固定在底部
1、打开一个编辑软件设置一下css与div区域，使其固定在页面的底部其主要属性：position:fixed; 绝对定位生成绝对定位的元素，相对于浏览器窗口进行定位。2、网页中实现效果如下：扩展：还有一种定位方式为：position:absolute;如上例方式浏览器滑动的时候，它会随着浏览器滚动条而滚动；而position:absolute;则不会本文转载：css 将标签固定在底部...转载 2019-06-06 14:27:11 · 20790 阅读 · 0 评论 -
Vue2.0 生命周期和钩子函数的一些理解
1、前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介...转载 2019-05-17 14:50:00 · 461 阅读 · 0 评论 -
vue 定义全局变量
1、项目结构2、在init.js中定义全局变量（可以自建js文件）export default { install(Vue) { Vue.prototype.$backdevurl = 'http://192.168.1.188:8043/'; Vue.prototype.$frontdevurl = 'http://192.168.1.188:9030/'; }}3、使用...原创 2019-05-16 18:25:55 · 674 阅读 · 0 评论 -
vue 抽离js
1、项目结构idcard.jsexport default{ install(Vue) { Vue.prototype.$scaleimg = function (img) { let height=img.currentTarget.height; let width=img.currentTarget.width;...原创 2019-05-16 18:18:00 · 1019 阅读 · 0 评论 -
微信小程序 笔记汇总(1)
1、小程序开发官方技术文档https://developers.weixin.qq.com/miniprogram/dev/framework/2、关于变量对象data 和 前端wxml取后台js变量值2.1 页面变量对象data对象data 有两个方面用途第一，前端wxml的数据渲染是通过设置此对象中定义的变量进行关联展现的第二，定义JS页面中的页面局部变量，使其整个页面中可使用或调...原创 2019-08-09 16:12:02 · 714 阅读 · 0 评论 -
使用form表单提交请求（文件）如何获取后台返回的数据
问题描述一般的form表单提交是单向的：只能给服务器发送数据，但是无法获取服务器返回的数据，也就是无法读取HTTP应答包。想要真正的半双工通讯一般需要使用Ajax, 但是Ajax对文件传输也很麻烦。解决方法1、使用 JQueryjQuery封装了一个form表单提交有回调功能的方法导入jqueryjquery-form.js获取：jquery.form.js链接：http...原创 2019-08-23 17:30:43 · 18899 阅读 · 0 评论 -
小程序发布流程
1、上传代码2、登录官方https://mp.weixin.qq.com/提交审核3、等待审核通过原创 2019-08-16 14:42:12 · 165 阅读 · 0 评论 -
微信小程序下拉刷新onPullDownRefresh wx.startPullDownRefresh(Object object)
页面事件处理函数-onPullDownRefresh()(1) 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。(2) 可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。(3) 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷...原创 2019-08-16 14:55:52 · 26886 阅读 · 2 评论 -
前端页面跳转参数接收
getParams () { var url = location.search; var theRequest = new Object(); if(url.indexOf("?") != -1){ var str = url.substr(1); var strs = str.split("&"...原创 2019-08-29 11:50:05 · 754 阅读 · 0 评论 -
页面加载后自动执行js的几种方法
一、JS方法1、直接写到html的body标签里面：load是自动执行的方法名<body onload="load();"> </body> 2、在JS语句调用：<script type="text/javascript"> function load() { alert("自动执行load()"); } ...原创 2019-08-29 12:02:26 · 3807 阅读 · 0 评论 -
使用js向当前html中动态加入元素
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>上传文件</title> <script type="text/javascript"> function myfun() { ...原创 2019-08-29 13:56:57 · 831 阅读 · 0 评论 -
修改input file 原始样式，img标签/button覆盖原始上传样式，input file @change传值
修改input file 原始样式，img标签/button覆盖原始上传样式，input file @change传值input file 原始样式很丑，实际使用中需要将其修改为符合当前项目的风格，本文以上传图片为例个人项目效果，红色框中的就是按钮，点击后调用摄像头或者本地文件夹上传 证件照片，后台处理返回结果前端自动反写input file 原始样式效果如下：img标签覆盖原始上传文件样式CSS...原创 2019-04-29 17:05:37 · 3037 阅读 · 1 评论 -
vue 当前页面路径带参 跳转的目标页面动态数据不加载
记录背景：今天在调试前后端接口时，测试从浏览器、PC、微信页面路径无参均正常,但微信菜单跳转页面之后，再次跳转页面（此时页面路径带参）在该页面点击“查看产品详情”按钮，发现已经跳转，但详情页面动态数据未加载，点击刷新才加载!(调动ocr接口识别身份证信息也是如此)，利用以下方法才得以解决！后续会更新更好的解决办法，暂作记录。2019.05.15 15:56:00 浦东张江 阴18-22带参的...原创 2019-05-15 15:59:32 · 1415 阅读 · 0 评论 -
vue input 非空及数据格式判断---非插件，阻断alert
在前端页面中，有很多输入框，在将数据提交到后端之前，前端需要对输入框的数据格式及是否为空做出判断，减少前后端交互次数，提高用户体验,提高系统处理效率有很大作用。但当一个页面多个输入框不符合判断规则，会一个一个alert,用户体验极差，我们的目标是在客户提交数据时，如果多个输入框不符合规则，也只提示最先触发alert的那条提示，后续alert全部阻断。------随笔记录！<span sty...原创 2019-05-15 16:44:54 · 8258 阅读 · 1 评论 -
vue路由当中的导航钩子中关于next这个方法的描述应该如何理解？
本文转载自:https://blog.youkuaiyun.com/helenwei2017/article/details/80508239详解：vue.js路由vue-router（二）——路由进阶在这里我用通俗点的说法解释上next(),next(false),next(’/’),next(error)，希望通过这接地气的解释你能掌握这几个知识点。背景：你乘坐汽车从A景区想赶往B景区（模拟路由A跳...转载 2019-05-16 11:32:59 · 1567 阅读 · 1 评论