冰丫头-CSDN博客

原创 hbuilder 打包APP，里面直接跳转h5页面路径

图标设置：自动生成图标（浏览、自动生成所有图标并替换）测试的话，没有安卓手机电脑下载桌面软件逍遥模拟器。基础设置：应用名称、应用标识（可以点击获取）5+APP - 默认模板。文件 - 新建 - 项目。

2023-06-01 10:20:49 618

原创封装全局弹框（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 861

转载 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

2021-09-26 17:31:50 133

原创 vue实现列表定位地图元素，某条数据滚动到可视区（高德地图显示）

vue实现列表定位地图元素，某条数据滚动到可视区功能描述：点击列表某条数据，地图该标点信息框弹出。点击某个标点，列表该数据出现在可视区范围，数据凸显。

2021-07-02 15:12:16 812

原创常用插件

时间倒计时：jcountdown地址：https://www.jq22.com/jquery-info1317

2020-11-26 14:19:48 196

原创 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 1704

原创 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 671

原创 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 125

翻译 ES6 Module的加载实现

浏览器加载传统方法：在html网页中，浏览器通过<script>标签加载js脚本。<script type="application/javascript"> // module code</script><script type="applicat...

2019-12-04 15:04:29 236

原创 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 1279

翻译 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 193

原创 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 5776

原创时间预约

代码Days(20)//从今天开始20天时间Days(days) { if(days == '' || days == null || days == undefined || typeof days != "number"){ return false; } let weekday...

2019-09-20 11:00:13 402

原创 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 4261

转载常用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 124

原创 electron vue 根据不同的电脑分辨率改窗口大小和让页面适配各种屏幕问题

根据不同的电脑分辨率改窗口大小在electron里面的一个main.js改段代码本项目是开发时候按照1920*1080大小做的,fullscreenable是确定窗口是否全屏的,在低于1920*1080的大小,不同分辨率宽高比例不同,为了页面正常显示,小于1920*1080的,给它设置宽高function createWindow () { let size = requir...

2019-06-12 16:07:53 19055 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 689

原创 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 6408 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 16868 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 737

原创 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 272

翻译 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 190

原创微信小程序右滑出现删除按钮

效果图实现代码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 4551

原创微信小程序请求数据封装

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 5536

原创如何动态修改数组里面的某个参数值( 微信小程序 )

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 3114

原创 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 4953

原创 feathersjs的安装和使用

(初次使用feathersjs,按照个人在项目时心得,写的总结,有不正确的地方,请大家指出)1、先是安装feathersjs,@feathersjs/client一个包含Feathers客户端模块的表(@feathersjs/feathers、@feathersjs/errors、@feathersjs/rest-client、@feathersjs/socketio-client、@feat...

2019-02-18 16:33:00 1913

原创 vue插件安装方法

1,根据你说需要的插件,按照安装指令,一步一步进行2,如果只知道插件,而不知道指令的情况,先在package.json中dependencies里面写索要安装的插件和插件版号,例如 "dependencies": { "@feathersjs/client": "^3.7.6", "@feathersjs/rest-client": "^1.4.6"}然后找到项目所...

2019-02-18 15:21:48 1082

原创 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 4881 5

原创 vue 从富文本传过来的数据如何渲染,有图片,点击放大效果

(vue,微信公众号)html内容如图所示,"toolDetails.content"是数据,从后台传过来的数据js如何从富文本传过来的数据筛选出图片,并且把所有图片地址取出来,运用最重要一点想用wx.previewImage这个事件,需要引用微信环境,引用js,如以下代码var script1 = document.createElement("script")...

2018-12-13 18:11:20 7505 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 1948

weixin_44088739的博客