- 博客(37)
- 收藏
- 关注
原创 hbuilder 打包APP,里面直接跳转h5页面路径
图标设置:自动生成图标(浏览、自动生成所有图标并替换)测试的话,没有安卓手机电脑下载桌面软件逍遥模拟器。基础设置:应用名称、应用标识(可以点击获取)5+APP - 默认模板。文件 - 新建 - 项目。
2023-06-01 10:20:49 620
原创 封装全局弹框(react)
弹框效果图文件布局index.js/* eslint-disable react/no-render-return-value */import React, { Component } from 'react'import { is, fromJS } from 'immutable'import ReactDOM from 'react-dom'import './alert.less'const close = require('../images/guanbi.png')co
2021-10-14 17:40:25 862
转载 24个 JavaScript 循环遍历方法
一、数组遍历方法forEach()forEach 方法用于调用数组的每个元素,并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下:array.forEach(function(currentValue, index, arr), thisValue)该方法的第一个参数为回调函数,是必传的,它有三个参数:currentValue:必需。当前元素index:可选。当前元素的索引值。arr:可选。当前元素所属的数组对象let arr = [1,2,3,4,5]arr.fo.
2021-10-09 17:55:29 292
原创 写移动端必加的meta
<meta name="renderer" content="webkit" /><meta http-equiv="X-UA-Compatible" content="IE=EDGE, chrome=1"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-
2021-09-26 17:31:50 134
原创 vue实现列表定位地图元素,某条数据滚动到可视区(高德地图显示)
vue实现列表定位地图元素,某条数据滚动到可视区功能描述:点击列表某条数据,地图该标点信息框弹出。点击某个标点,列表该数据出现在可视区范围,数据凸显。
2021-07-02 15:12:16 816
原创 H5页面预览PDF文件(react项目为参照)
1、引入react-pdf包yarn add react-pdf或者npm install react-pdf --save2、项目引入react-pdfimport { Document, Page, pdfjs } from 'react-pdf'pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`3、运
2020-05-12 17:30:32 1508 1
原创 安卓与前端h5互调方法,传参(仅提供前端h5写法,以react项目为例)
前端h5调用安卓方法,并传参给安卓 window.javaInterface && window.javaInterface.loadAMapActivity(val)(备注:javaInterface为安卓定义的,以安卓定义的为准,loadAMapActivity是安卓定义的方法,val是需要传的参数)安卓调用前端h5的方法,并传参给前端h5componentDidMount() { window.getAdress = this.getAdress.bind(t
2020-05-12 13:59:42 1705
原创 js 刚刚、几分钟前、几天前、几月前、几年前
beautifyTime = time => { // time为时间戳 const delta = (new Date().getTime() - time) / 1000 if (delta / (60 * 60 * 24 * 365) > 1) return `${parseInt(delta / (60 * 60 * 24 * 365))...
2020-03-23 16:37:18 674
原创 js校验 (平常的总结)
// 手机号function phonecheck(obj){ return /^((13[0-9])|(14[5,7,9])|(15[^4])|(18[0-9])|(17[0,1,3,5,6,7,8]))\d{8}/.test(obj)}//电子邮箱function emailcheck(obj){ return /^\w+([-+.]\w+)*@\w+([-.]\w+...
2019-12-13 11:24:37 127
翻译 ES6 Module的加载实现
浏览器加载传统方法:在html网页中,浏览器通过<script>标签加载js脚本。<!-- 页面内嵌的脚本 --><script type="application/javascript"> // module code</script><!-- 外部脚本 --><script type="applicat...
2019-12-04 15:04:29 237
原创 es6 箭头函数用法
1、解构函数写法const stats = { max: 56.78, standard_deviation: 4.34, median: 34.54, mode: 23.87, min: -0.75, average: 35.85};//第一种写法const half = ({max, min}) => max +min; //第二种写法const ...
2019-12-04 14:55:24 151
原创 antd PullToRefresh, ListView下拉刷新运用
/* eslint-disable no-undef *//* eslint-disable no-return-assign *//* eslint-disable react/no-find-dom-node */import React, { Component } from 'react'import ReactDOM from 'react-dom' // 下拉刷新组件依赖re...
2019-12-03 10:31:23 1280
翻译 yarn命令与npm区别
1、安装依赖npm installyarn install2、安装某个依赖npm install taco —saveyarn add taco3、移除某个依赖项目npm uninstall taco —saveyarn remove taco4、更新某个依赖项目npm update taco —saveyarn upgrade taco5、运行项目...
2019-09-20 11:14:26 197
原创 react环境搭建(yarn)
安装1、nodejs、npm2、yarn(https://yarnpkg.com/zh-Hans/docs/install)3、安装vscode及需要的工具4、在cmd下输入“npm install create-react-app yarn -g”5、在指定项目目录下输入 create-react-app testreactyarn start=》运行...
2019-09-20 11:08:17 5783
原创 时间预约
代码Days(20)//从今天开始20天时间Days(days) { if(days == '' || days == null || days == undefined || typeof days != "number"){ return false; } let weekday...
2019-09-20 11:00:13 404
原创 react项目 手机通过局域网访问本地文件(本地项目手机测试)
reactreact已经做过处理了,直接运行就可了项目,找到本地ip,打开就行了。如下注意事项1、HOST(10.2.9.167)是本地的IP地址(如果运行的是http://localhost:3001则运行http://10.2.9.167:3001就可以打开项目)2、手机和电脑连的是同一个WiFi...
2019-09-06 12:41:59 4269
转载 常用js方法总结
String方法 描述 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() 连接字符串。 indexOf() 检索字符串。 match() 找到一个或多个正则表达式的匹配。 replace() 替换与正则表达式匹配的子串。 search()...
2019-06-21 11:40:49 93
原创 vue细节
全局指令(需要放在main.js里面)Vue.directive('focus,{ inserted:function(el){ el.focus(); }})如何用,在页面里面直接v-focus就可以了,例如<input v-focus />局部指令(放在vue页面就可以)export default { data (...
2019-06-20 15:54:07 125
原创 electron vue 根据不同的电脑分辨率改窗口大小和让页面适配各种屏幕问题
根据不同的电脑分辨率改窗口大小在electron里面的一个main.js改段代码本项目是开发时候按照1920*1080大小做的,fullscreenable是确定窗口是否全屏的,在低于1920*1080的大小,不同分辨率宽高比例不同,为了页面正常显示,小于1920*1080的,给它设置宽高function createWindow () { let size = requir...
2019-06-12 16:07:53 19086 6
原创 axios安装的vue项目
1、安装axiosnpm install axios --save2、封装http.jsimport axios from 'axios';// import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='http://';axios.default...
2019-06-12 15:53:24 691
原创 vue项目,打包成APP(用HBuilderX)
1、把vue项目打包,npm run build2、HBuilderX新建项目,项目名为APP名3、把vue项目整合到hbuilder上第一种方法:static和index.html引入进来第二种方法:把域名放进去,APP只是做了页面跳转4、APP配置应用名称和版本号修改APP图标 先点浏览,再点自动生成所有图标并替换APP启动页面...
2019-06-12 15:33:20 6412 2
原创 h5做APP TV(电视端APP vue框架)
先px转rem,然后把psd上传蓝湖,把尺寸改为750的图纸,按照上面的尺寸来写代码1、安装px2rem-loadernpm install px2rem-loader2、配置px2rem-loader在build文件中找到util.js,将px2rem-loader添加到cssLoaders中,如: const cssLoader = { loader: 'css...
2019-06-12 14:43:41 16876 9
转载 vue-cli build打包后CSS浏览器兼容前缀自动去除的问题
步骤一:在项目目录中运行(可以查看当前项目支持的浏览器列表)npx browserslist步骤二:在package.json中修改browserslist:(按照项目的兼容要求写)"browserslist": [ "> 1%", "last 2 versions", "last 10 Chrome versions", "last 5 Firef...
2019-04-29 17:37:22 739
原创 Axios整理(vue 数据请求)
Axios中文:https://www.kancloud.cn/yunye/axios/234845github:https://github.com/axios/axios1.安装npm install axios2.引入加载import Axios from "axios"Vue.prototype.$axios = Axi...
2019-03-22 09:19:37 273
翻译 vue (学习vue文档,整理的vue细节)
#项目初始化1.安装vue-clinpm install -g vue-cli2.初始化项目vue init webpack my-project3.进入项目cd my-project4.安装依赖npm install5.启动项目npm...
2019-03-22 08:49:49 191
原创 微信小程序 右滑出现删除按钮
效果图实现代码wxml<view class="contents"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchstart" bindtouchmove="tou
2019-03-14 17:24:44 4554
原创 微信小程序请求数据封装
1、封装代码,建文件,写个js,代码截图如下const HTTP_BASE_URL = "https://baidun.com/"; function api(_methods,url,data,callback){ wx.request({ url: HTTP_BASE_URL+url, method: _methods, ...
2019-03-14 17:03:50 5539
原创 如何动态修改数组里面的某个参数值( 微信小程序 )
dataList:[ { nickname:'小明', sex:'男' }, { nickname:'笑笑', sex:'女' }, { nickname:'小美', sex:'女' }]let name="dataList[0].nickname";this.setData({...
2019-03-14 13:42:27 1788
原创 canvas画图适配不同手机屏幕 ( 微信小程序 )
1、先是算出不同屏幕适配比例 let unit = '' wx.getSystemInfo({ success: function (res) { unit=res.windowWidth/375 }, })2、在需要的地方,按照设计图给的尺寸写,然后所有的都乘unit,如图下...
2019-03-14 13:34:17 3117
原创 vue (keepAlive) 从列表页进入详情页,再从详情页返回列表页,滚动的位置不发生改变
第一步、在app.vue页面<keep-alive> <router-view v-if="$route.meta.keepAlivee"></router-view></keep-alive><router-view v-if="!$route.meta.keepAlive"></router-
2019-03-04 17:35:10 4956
原创 feathersjs的安装和使用
(初次使用feathersjs,按照个人在项目时心得,写的总结,有不正确的地方,请大家指出)1、先是安装feathersjs,@feathersjs/client一个包含Feathers客户端模块的表(@feathersjs/feathers、@feathersjs/errors、@feathersjs/rest-client、@feathersjs/socketio-client、@feat...
2019-02-18 16:33:00 1917
原创 vue插件安装方法
1,根据你说需要的插件,按照安装指令,一步一步进行2,如果只知道插件,而不知道指令的情况,先在package.json中dependencies里面写索要安装的插件和插件版号,例如 "dependencies": { "@feathersjs/client": "^3.7.6", "@feathersjs/rest-client": "^1.4.6"}然后找到项目所...
2019-02-18 15:21:48 1084
原创 vue-resource的安装与使用
安装vue-resource到项目中,找到当前项目输入:npm install vue-resource --save安装完毕后,在main.js中导入,如下所示:import VueResource from 'vue-resource'Vue.use(VueResource)Vue.http.interceptors.push(function(request, next...
2019-02-18 11:05:02 1678
原创 vue 获取微信授权成功code值
var script1 = document.createElement("script"); script1.type = "text/javascript"; script1.src = "http://res.wx.qq.com/open/js/jweixin-1.2.0.js"; document.body.appendChild(script1); ...
2018-12-13 18:19:56 4886 5
原创 vue 从富文本传过来的数据如何渲染,有图片,点击放大效果
(vue,微信公众号)html内容如图所示,"toolDetails.content"是数据,从后台传过来的数据js如何从富文本传过来的数据筛选出图片,并且把所有图片地址取出来,运用最重要一点想用wx.previewImage这个事件,需要引用微信环境,引用js,如以下代码var script1 = document.createElement("script")...
2018-12-13 18:11:20 7509 1
原创 vue项目如何在本地可以手机预览
(实现本功能,一定电脑和手机连的网是一致的)1.先是在计算机找到"命令提示符",输入"ipconfig"找到本机ip,如图所示2.找到vuexiang项目里面config下面的index.js文件,host后面跟ip地址,如图所示3.运行vue项目,得到地址例如http://192.168.1.6:8080,在手机端运行,就可以了....
2018-12-13 17:34:06 1950
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人