12 2020 档案
摘要：最近半个月编写了一个JS+ＣＳＳ＋ＨＴＭＬ的网页计算器，从最初的具有简陋界面的简单计算器改版到最终具有科学／标准计算器转换功能并且界面非常友好的计算器，收获良多！总的来说，代码简单，通俗易读，下面贴上代码，供前端新手学习！欢迎提出宝贵意见，不吝指正！ ＨＴＭＬ代码（代码中仅仅是计算器界面内容布局）：
阅读全文
摘要：promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 为什么会有promise？ 为了避免界面冻结（任务） 同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对
阅读全文
摘要：步骤1 创建一个名为identify.vue的子组件 <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div> </te
阅读全文
摘要：一、首先找到第一次发起网络请求的地址，将服务器返回set-cookie当全局变量存储起来 wx.request({ ...... success: function(res) { console.log(res.header); //set-cookie:PHPSESSID=ic4vj84aaavq
阅读全文
摘要：1.返回值（最常用） //1.返回值 最常用的 function fn(){ var name="hello"; return function(){ return name; } } var fnc = fn(); console.log(fnc())//hello 这个很好理解就是以闭包的形式将
阅读全文
摘要：因为这个jssdk被uni-app坑了好多天，作者说支持1.4版本，但是我用1.4的两个分享的新方法一直不支持。 最后只能放弃了，期待什么时候能更新上。 基本的使用方法：第一步 - 下载使用方式下载地址：https://unpkg.com/jweixin-module@1.4.1/out/index
阅读全文
摘要：开发环境 1. Android Studio下载地址：Android Studio官网 OR Android Studio中文社区 2. HBuilderX（开发工具） 3. App离线SDK下载：最新android平台SDK下载 注意：HBuilderX版本要跟SDK版本一致。 SDK目录说明 |
阅读全文
摘要：js实现简单的俄罗斯方块小游戏 开始 1. 创建一个宽为 200px，高为 360px 的背景容器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
阅读全文
摘要：一.本篇文章主要知识点有以下几种： 1.授权当前位置 2.map组件的使用 3.腾讯地图逆地址解析 4.坐标系的转化 二.效果如下： 三.WXML代码 <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="6"
阅读全文
摘要：极简主义网页计算器。 实现了按键特效，可响应键盘按键，实时显示计算结果。 可切换模式，拓展高级功能，包括根号、三角函数、括号等。 效果如下： 代码如下： html： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <
阅读全文
摘要：这里给大家分享一下我在使用小程序时遇到的一个功能实现方法，生成二维码，这里需要注意以下几点： 1.小程序调用生成二维码成功的时候，返回的是一个二维码图片的二进制文件流。2.前端接受到图片的二进制的资源，拼接成 'data:' . $mime . ';base64,'base64_encode($wx
阅读全文
摘要：微信小程序条件渲染 在小程序app。json中添加 需要先获取位置信息 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, 才可以获取wifi信息 wx.startWifi({ //初始化wifi
阅读全文
摘要：1.打开微信开发者工具 管理员扫码 -> 填写好小程序的项目目录、AppID（必须是客户已注册好的AppID）、项目名称 2.在app.js中修改id（客户登录后台管理系统的id），app.json中修改页面导航栏标题navigationBarTitleText 3.配置合法域名（工具 -> 项目详
阅读全文
摘要：最近在做uni-app项目时，遇到了需要蓝牙打印文件的功能需要制作，在网上找到了一个教程，这里分享给大家。 引入tsc.js 简单得引入到自己所需要得页面中去，本次我们只要到了标签模式，他同时还有账单模式可以选择。 // 蓝牙打印 指令和转码 var tsc = require('@componen
阅读全文
摘要：起初小程序上线时，微信限制了代码包不能超过1MB，后来功能变大变成了2M了，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。但是，2MB也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。为了解决这个问题，微信推出了—分包加载。 小程序分包加
阅读全文
摘要：最近使用 uni-app 开发 app ，需要实现一个调起手机摄像头扫描二维码功能，官网API文档给出了这样一个demo： // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型：' + res.scanTyp
阅读全文
摘要：Android平台从6.0（API23）开始系统对权限的管理更加严格，所有涉及敏感权限都需要用户授权允许才能获取。因此一些应用基础业务逻辑需要的权限会在应用启动时申请，并引导用户允许。 读写手机存储权限 应用需要保存运行状态等数据到手机SD卡中，启动时需要获取读写手机存储权限，此权限为基础权限，影响
阅读全文
摘要：打包提交appstore如果用到了如下权限需要修改提示语，详细描述使用这个权限的原因，如不修改提示语appstore审核可能会被拒绝。Apple的原则是，如果一个app想要申请用户同意某个隐私信息访问许可，需要给用户明确的申请权限的原因，能给用户带来什么价值。所以要求开发者填写这个原因，并且在iOS
阅读全文
摘要：分享一个uni-app实现手写签名的方法 具体代码如下： <template> <view > <view class="title">请在下面输入签名：</view> <canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchs
阅读全文
摘要：http.js //封装requset，uploadFile和downloadFile请求，新增get和post请求方法 let http = { 'setBaseUrl': (url) => { if (url.charAt(url.length - 1) "/") { url = url.sub
阅读全文
摘要：一、父组件向子组件传值 通过props来实现，子组件通过props来接收父组件传过来的值！ 1、逻辑梳理 父组件中： 第一步:引入子组件； import sonShow from '../../component/son.vue'; 第二步:在components中对子组件进行注册； compone
阅读全文
摘要：背景 最近项目使用uni-app实现微信支付，把过程简单记录下，帮助那些刚刚基础uni-app，苦于文档的同学们。整体来说实现过程和非uni-app的实现方式没有太大不同，难点就在于uni-app对于orderInfo的格式没有说明。 准备工作 申请了商户号，拿到了API秘钥。这个需要微信开发平台，
阅读全文
摘要：最近看到一篇讲放大镜的文章，实践后感觉效果非常好，这里分享给大家。 效果如下： 其实现核心： CSS函数，如：calc() —— 动态计算；var() —— 使用自定义变量 CSS伪元素：::before/after —— 方便控制，而且独立于文档流之外，易于渲染 JS API：offsetX/of
阅读全文
摘要：想要让整个元素移动需要三个事件： 鼠标按下 onmousedown 鼠标移动 onmousemove 鼠标抬起 onmouseup HTML <div id="login" class="login"> <!-- 点击title拖拽 --> <div id="title" class="login-
阅读全文
摘要：页面代码如下： <scroll-view scroll-y="true" class="scoll-h"> <view style=' display: flex;flex-direction: row;'> <view class='tab-content_for_border'> <block
阅读全文
摘要：js千分位分隔，数字货币化—4种方法（含正则） 方法1-整数货币化 // 整数货币化 function intCurrency(num) { var reg = new RegExp("^[\\d]+[\\d|.]+$", 'g') if (!reg.test(num)) { return "只能为
阅读全文
摘要：一、首先找到第一次发起网络请求的地址，将服务器返回set-cookie当全局变量存储起来 wx.request({ ...... success: function(res) { console.log(res.header); //set-cookie:PHPSESSID=ic4vj84aaavq
阅读全文
摘要：前几天看到了一个很有趣的demo，用js制作植物大战僵尸小游戏，本着学习的心态，对照着做了一下，发现这里面的一些代码设计的确很精妙，这里分享下源码和效果，如果有需要，可以看下。 效果如下： 下载地址
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>太极旋转图</title> <style type="text/css"> body{ margin: 0px; padding: 0px; } .wrap{ width: 200
阅读全文