- 博客(47)
- 收藏
- 关注
RSS订阅原创 Android之TextView属性
android:shadowRadius:设置阴影的模糊程度,设为0.1就变成字体颜色了,建议使用3.0。android:shadowColor:设置阴影颜色,需要与shadowRadius一起使用哦!android:shadowDx:设置阴影在水平方向的偏移,就是水平方向阴影开始的横坐标位置。android:shadowDy:设置阴影在竖直方向的偏移,就是竖直方向阴影开始的纵坐标位置。center_horizontal 文本位置为水平居中。center 文本位置为水平/垂直居中。
2023-10-09 15:45:19
284
原创 uniapp,web-view在app上预留顶部安全位置，距离头部位置
【代码】uniapp,web-view在app上预留顶部安全位置，距离头部位置。
2023-09-11 14:23:09
1047
原创 uniapp开发的app跳转到html页面，在html页面跳转回来app页面(web-view，h5)
需求：使用html开发的app想要使用微信授权登录，在最开始是想直接在h5页面调用wx.login，但是掉不起来微信客户端，将链接地址在微信客服端可以打开授权，找了一些资料，没有找到合适的解决方案，在加上后期可能使用微信支付，所以果断放弃，考虑其他方案(使用原生安卓开发Android Studio、使用uniapp开发)，因为没写过原生安卓开发，使用就放在uniapp上。思路/解决代码：使用uniapp打包app开发，在pages/index/index页面使用web-view标签，连接到html页面，
2023-09-05 12:03:08
1509
原创 如何安装指定版本node.js，安装旧版本node
搜索控制面板 -> 找到程序/卸载程序 -> 在里面找到node -> 然后右击卸载。1、查看当前是否安装node，如果安装了需要先卸载当前版本node。注：标红为window 64系统。2、卸载完成后就要安装其他版本得node.js。找到想要安装的对应版本，安装。打开终端输入以下查看是否安装成功。
2023-08-21 15:34:22
3425
转载 21 个简单实用的 JavaScript 代码技巧
cookie 可能是我见过的最糟糕的 API，它太难用了，我们不得不重新封装它以最大限度地提高我们的开发效率。其实只要把它的过期时间设置到这个时刻，它就会立即过期。你一定遇到过这样的场景，需要全屏播放视频，在浏览器中全屏打开页面。是的，这个和第4点一起使用，你也会有退出浏览器全屏状态的场景。除了写入cookie之外，我们还会参与到它的读取操作中。当然，如果知道文档的高度，也可以平滑滚动到页面底部。可能出于测试目的，我经常需要生成一定范围内的随机数。之前做过一个抽奖项目，需要让数组中的奖品随机出现。
2023-05-04 18:09:09
173
1
原创 js点击浏览器自带返回按钮跳转到指定页面
在当前页的页面修改添加历史记录从而达到返回上一页跳转到指定页面//该方法修改地址后，会变成order#//此时返回是变成order.html//但是，执行了一次popstate//我们通过捕捉这个popstate完成手动跳转 function pushHistory() { window.history.pushState({}, "index", "#"); } //执行代码pushHistory();//添加监听事件，监听后退，前进window.addEventLis
2022-02-09 10:42:00
2405
2
原创 微信小程序的弹窗提示
第一种：弹出提示框，用户可以选择确定或者取消，且都带有回调。 wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) { //这里是点击了确定以后 console.log('用户点击确定') } else { //这里是点击了取消以后 console.l.
2021-12-27 11:31:32
22191
1
原创 vue打包发布element ui icon变成方框了
有时候我们在本地写好的vue 图标显示都正常 只要是发布上线就会变成如下的小框框解决办法:在build文件中找到utils.js 加上一行 publicPath：'../../' 就可以解决了完美解决了
2021-12-21 18:26:00
1876
4
原创 js判断网页是在pc端打开还是在手机端打开
<script> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUs.
2021-12-20 14:48:29
271
原创 微信小程序上传图片
wx.jsPage({ /** * 页面的初始数据 */ data: { imgs: [],//本地图片地址数组 picPaths:[],//网络路径 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, //添加上传图片 chooseImageTap: function () { var that = this; wx.showAc
2021-11-30 17:03:53
304
原创 微信小程序点击图片放大图片
wx.wxml 最主要的就是bindtap点击事件 <view class="right right_fl" bindtap="previewImg"> <view style="color:#104199;"> 点击查看 </view> <image src="http://mb.webhh.net/xiaochengxu/HRui/vip/message_arr...
2021-11-16 14:54:38
1879
原创 CSS多行文本溢出隐藏，显示省略号
单行文本溢出隐藏：overflow: hidden;单行文本溢出隐藏显示省略号：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出隐藏显示省略号：text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
2021-11-01 14:55:00
370
原创 css精灵图
一、css 如何使用精灵图?介绍如何使用精灵图使用前，我们要先知道什么是精灵图。只有先知道什么是精灵图，了解精灵图的原理了，我们才可是说使用精灵图。1. 什么是css精灵图（sprite）？css精灵图（sprite）直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”、“CSS贴图定位”或“CSS图片精灵”、“CSS雪碧图”，是一种网页图片应用处理方式。其实就是把一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
2021-10-09 12:15:29
631
原创 html中点击弹出拨打电话 跳转到通话
废话少数直接代码 就是在a标签中href属性中加 tel : 手机号<a href="tel:10086">打电话</a>
2021-09-30 14:57:50
1481
原创 设置微信小程序设置单选框颜色与大小
<radio-group bindchange="radioChange"> <radio color="#febd00" style="transform:scale(0.6)" id="radio" ></radio></radio-group>
2021-09-29 15:35:55
1049
原创 微信小程序自定义模态框
效果展示 可在模态框中添加图片输入框 代码展示-wxml<button class="show-btn" bindtap="showDialogBtn">弹窗</button> <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"...
2021-09-29 10:01:42
1247
原创 HTTP协议状态码的含义
"100 " : Continue"101 " : witching Protocols"200 " : OK"201 " : Created"202 " : Accepted"203 " : Non-Authoritative Information"204 " : No Content"205 " : Reset Content"206 " : Partial Content"300 " : Multiple Choices"301 " : Moved Permanently"30
2021-09-12 18:58:44
70
原创 Node.js常用的终端命令
Node.js常用的终端命令1、清屏clear/cls2、显示当前文件夹的内容dir/ls3、切换目录cd切换到上一级 cd …进入到指定目录 cd 目录名进入到当前盘的根目录 cd \4、自动补全Tab键5、调出历史命令上下键6、复制、粘贴单机鼠标右键7、在node.js中运行js代码node 文件路径（文件名）8、停止node程序ctrl+c...
2021-09-12 11:29:09
963
原创 uni-app图标库
首先需要使用HBuilder X安装导入插件 官方文档路径：https://ext.dcloud.net.cn/plugin?id=28<template> <view> <uni-icons type="cloud-upload"/> <uni-icons type="cloud-upload" color="#007aff" /> <uni-icons type="cloud-upload" color="#...
2021-09-07 16:44:24
9266
原创 axios 的基本使用
1、发起 GET 请求：axios({ // 请求方式 method: 'GET', // 请求的地址 url: '请求地址', // URL 中的查询参数 params: { //请求携带的参数 id: 1 }}).then(function (result) { console.log(result)})2、发起 POST 请求：document.querySelector('#btnPost').addEventListener('c
2021-09-06 20:23:49
74
原创 使用Node.js 实现登录查看数据带有token加密
1、首先实现一个注册模块功能 代码const SALT = bcrypt.genSaltSync(10)router.post("/register", (req, res) => { const { username, password } = req.body const hash = bcrypt.hashSync(String(password), SALT) ...
2021-09-02 16:19:03
339
原创 使用VS Code 快速插入mongodb数据
1、首先需要下载一个MongoDB for VS Code插件 安装完成后链接上数据库后 新建数据库就会弹出一个文件需要插入数据的大概结构最后全选然后就会出来 Run Selected Lines From Playqround 点击他就可以创建一个新的数据库名为text 表名称为sun...
2021-09-01 19:44:46
2555
2
原创 Express的路由
路由是指应用程序的端点 （URIs） 如何响应客户请求。路由方法以下代码是为 GET 定义的路由和应用根部的 POST 方法的示例。 注意：使用post请求需要下载 body-parserconst express = require('express')const app = express()const port = 3000 // req.query 获取url参数 // req.params 动态路由参数 // re...
2021-08-31 10:23:05
95
原创 如何创建一个Express
1、什么是ExpressExpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。1）通过npm init命令为你的应用创建一个package.json文件。npm init //需要自己配置package.json###npm init -y //自动配置好的package.json2)安装 Expressnpm install express --sa...
2021-08-30 20:55:37
666
原创 Flex弹性布局属性及属性值
1、什么是Flex采用 Flex 布局的元素，称为 Flex 容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称“项目”。容器默认存在两根轴，分别为水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置叫做 main start，结束位置叫做 main end；交叉轴的开始位置叫做 cross start，结束位置叫做 cross end。项目默认沿主轴排列。单个项目占据的主...
2021-08-29 18:59:51
1006
原创 uni-app的生命周期函数
应用生命周期函数 uni-app支持如下应用生命周期函数：页面生命周期 uni-app支持如下页面生命周期函数：详细官方地址：https://uniapp.dcloud.io/
2021-08-28 18:20:25
313
原创 uni-app简介
1、什么是uni-app?uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。2、uni-app的开发工具毫无疑问，首选uni-app官方推荐工具：https://www.dcloud.io/hbuilderx.html3、新建项目1.点击文件>新建>项目...
2021-08-28 18:12:12
332
原创 sockjs-node/info?t=1462183700002 报错解决方案
首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）1. 找到/node_modules/sockjs-client/dist/sockjs.js2.找到代码的大概1
2021-08-25 19:00:37
476
1
原创 微信小程序中的导航组件
导航组件navigator <navigator url="/pages/maple/maple"> 页面 </navigator>属性 类型 默认值 说明 url string 当前小程序内的跳转链接 target string self | miniProgram 要跳转到当前的小程序还是其他的小程序的页面 open-type string na...
2021-08-24 19:40:37
254
原创 Axios如解决跨域问题
首先在Vue-CLI根目录下创建一个名为 vue.config.js 的js文件 在vue.config.js中文件的配置如下：module.exports = { publicPath: "/", devServer: { proxy: { "/api": { // 代理名称 凡是使用/api开头的地址都是用此代理 target: "http://localhost:4000/", // 需要代理访问的api地址 ...
2021-08-23 19:50:27
234
原创 webpack 中常用的插件
1、webpack-dev-server webpack-dev-server 可以让 webpack 监听项目源代码的变化，从而进行自动打包构建。 1.2安装 webpack-dev-server 运行如下的命令，即可在项目中安装此插件： npm install webpack-dev-server@3.11.2 -D1.3配置 webpack-dev-server① 修改 package.json -> scripts 中的 dev 命...
2021-08-22 17:58:51
227
原创 webpack 的基本使用
1. 什么是 webpack概念：webpack 是前端项目工程化的具体解决方案。 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。 好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。 注意：目前 Vue，React 等前端项目，基本上都是基于 webpack 进行工程化开发的。2. 创建一个项目 ...
2021-08-20 16:30:58
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人