微信页面 | 易学教程

javaSript处理去掉富文本编辑的html样式，只显示纯文字内容

阅读更多关于 javaSript处理去掉富文本编辑的html样式，只显示纯文字内容

今天在写微信页面的时候遇到一个问题：页面读取来自平台存取的数据时，存有大量的富文本框，导致微信页面显示样式不协调。解决方法：加载页面时，通过javaSript，遍历所有富文本内容，去除掉所有样式，只保留基本空格。 <div style="margin-left: 56px; white-space: normal;"> <div id="trainCount" style="font-size: 14px;"> ${requestScope.atc.trainCount } </div> </div> 加载页面时，触发方法： <body οnlοad="richTest('contactway');richTest('trainCount');richTest('trainTypeName');> js进行处理： function richTest(aa){ // 去除富文本格式 var data =document.getElementById(aa).innerHTML; data = data.replace(/(\n)/g, ""); data = data.replace(/(\t)/g, ""); data = data.replace(/(\r)/g, ""); data = data.replace(/<\/?[^>]*>/g, ""); data =

微信小程序 — 速学速查笔记

阅读更多关于微信小程序 — 速学速查笔记

1. 配置配置全解析 project.config.json ( 项目配置文件 ) { // 文件描述 "description": "项目配置文件", // 项目代码配置 "setting": { // 是否检查 url 域名安全性和 TLS 版本 "urlCheck": false, // 是否将项目的 es5 代码转成 es6 "es6": true, // 是否自动补全 css 兼容前缀 "postcss": true, // 是否压缩代码 "minified": true, // 是否启用新功能 "newFeature": true }, // 编译方式 "compileType": "miniprogram", // 版本号 "libVersion": "1.7.2", // appid "appid": "touristappid", // 项目名 "projectname": "haiyangbg", // 项目配置 "condition": { // 搜索关键字 "search": { "current": -1, "list": [] }, // 客服 "conversation": { "current": -1, "list": [] }, // 编译方式 "miniprogram": { "current": -1, "list": [] } } }

⚡微信域名防封⚡目前主流的微信域名防封技术都在这里！

阅读更多关于 ⚡微信域名防封⚡目前主流的微信域名防封技术都在这里！

微信域名防封：目前主流的微信域名防封技术都在这里！我们在微信推广过程中，如何才能做到不被微信封杀，实现域名防封是大家特别关心的问题。目前主流的微信域名防封技术都有哪些？ 1）分享域名独立入口； 2）对User-Agent做多种处理； 3）海量炮灰域名轮换； 4）页面做加密处理（Base64，Unicode编码，sojson.v5等）； 5）落地页网址复制，发给其他人，页面异常处理（实现网址阅后即焚）； 6）用高权重的域名做落地页； 7）做伪静态，实现用户每次打开域名不同，网址也不同； 8）隐藏微信投诉按钮； 9）选择弹性IP服务器；哪些页面适用微信域名防封？ 1、微信推广中，页面内带有强制分享的，比如用户打开页面，需要根据提示分享给好友和分享到朋友圈，才能继续查看的强制分享页面（比如：微信分享进群，微信分享解签，强制分享跳转等各种微信强制分享页面）； 2、微信推广单页，单页营销页面； 3、微信内活动推广（节日吸粉，转发分享，点赞等）； 4、APP推广下载页面； 5、其它看具体页面，才能做微信域名防封处理。目前在微信中推广，主要封杀以下三大类内容： 1、竞争对手的域名，比如淘宝，天猫等和微信业务类似的，一律封杀，这类不做过多解释，你懂的； 2、页面内暴力，色情，违法犯罪的内容，被封杀，这个我赞同微信官方的做法； 3、页面内带有强制分享的，比如用户打开页面

微信小程序实现动态设置placeholder提示文字

阅读更多关于微信小程序实现动态设置placeholder提示文字

xml <input id='searchInput' placeholder='{{phValue}}' type="text" bindfocus='onFocus' bindblur='onBlur'/> js Page({ // 页面的初始数据 data: { phValue:"请输入要录入的单词" }, onFocus: function (e) { this.setData({ phValue:" " }) }, onBlur: function (e) { this.setData({ phValue: "请输入要录入的单词" }) } }) 来源： https://www.cnblogs.com/isuansuan/p/11847526.html

使用uni-app开发微信小程序

阅读更多关于使用uni-app开发微信小程序

uni-app 开发微信小程序前言 9月份，开始开发微信小程序，也曾调研过 wepy / mpvue ，考虑到后期跨端的需求，最终选择使用了 uni-app ，本文主要介绍如何使用 uni-app 搭建小程序项目，以及自己对框架的补充，包括封装 request 接口，引用 color-ui ,动态设置底部 tab 页等，详情见下文 uni-app 介绍（官网） uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS 、 Android 、 H5 、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端， uni-app 同时也是更好的小程序开发框架。详见评测好处如图：我使用 uni-app 框架主要用来开发微信小程序，我使用过程中感觉的好处是： uni-app 框架使用的开发工具 HBuilderX ， HBuilderX 内置相关环境，开箱即用，无需配置 nodejs ，需要什么插件可直接下载，测试、打包、发布特别方便。 uni-app 采用 Vue.js 语法，基本支持 vue 大部分语法（ vue 的动态组件 component 不支持）。 PC 端使用 vue 封装的一些 js 方法，以及建构思想，可直接移植到 uni-app 中，比如：本人 pc 项目中 api 接口 js 文件

微信页面复制粘贴的，clipboardJs在苹果手机无效

阅读更多关于微信页面复制粘贴的，clipboardJs在苹果手机无效

在你点击的元素上加一个空点击事件：οnclick=""。因为ios不单纯支持on <span id='logistics_no' style='color:#fff'>复制人内内容</span> <span class="sccn-list-share" data-clipboard-target="#logistics_no" οnclick="">复制</span> //复制 function clipboard() { var clipboard = new ClipboardJS('.sccn-list-share'); clipboard.on('success', function(e) { //console.info('Action:', e.action); //console.info('Text:', e.text); //console.info('Trigger:', e.trigger); e.clearSelection(); //提示 layer.open({ content: '复制成功' ,skin: 'msg' ,time: 1 }); }); clipboard.on('error', function(e) { //console.error('Action:', e.action); //console.error('Trigger:',

微信小程序 - 结构目录 | 配置介绍

阅读更多关于微信小程序 - 结构目录 | 配置介绍

结构目录小程序框架提供了自己的视图层描述语言 WXML 和 WXSS ，以及 JavaScript ，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。一.小程序文件结构和传统web对比结构传统web 微信小程序结构 HTML WXML 样式 CSS WXSS 逻辑 Javascript Javascript 配置无 JSON 通过以上对比得出，传统web 是三层结构。而微信小程序是四层结构，多了一层配置.json 二.基本的项目目录配置介绍一个小程序应用程序会包括最基本的两种配置文件。一种是全局的 app.json 和页面自己的 page.json 一.全局配置app.json app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。普通快速启动项目里边的 app.json 配置 app.json { "pages": [ "pages/test/test", # 新增页面,第一位代表首页 "pages/index/index", "pages/logs/logs" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff",

H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

阅读更多关于 H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导致弹框里的按钮响应区域错位。解决方案：给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效， $("input,select").blur(function(){ 　　　　setTimeout(function() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); }, 100); }) 转自： https://blog.csdn.net/weixin_42573146/article/details/85044386 来源： https://www.cnblogs.com/zui1024/p/11792463.html

开发微信小程序中遇到得问题

阅读更多关于开发微信小程序中遇到得问题

1、如何修改小程序默认打开的页面可以通过设置app.json中的pages对象中的位置，如果你想打开小程序默认加载那个页面，就把那个页面放在第一位。如：来源： https://www.cnblogs.com/ommph/p/11777932.html

微信小程序自定义导航组件 nav头部全面屏设计

阅读更多关于微信小程序自定义导航组件 nav头部全面屏设计

nav-dynamic 微信小程序自定义nav头部组件；适配全面屏设计；满足页面滚动时，动态渲染组件样式；实现功能当初始进入页面时，展示初始状态下的nav样式；当页面滚动时，监听页面滚动事件，展示滚动状态下的nav样式；根据配置字段值、页面栈数量，展示“返回”图标根据配置字段值、页面栈数量，展示“首页”图标方法说明 getNavHeight() 获取导航栏高度；单位px; setOptions(options) 设置组件参数； options Object 参数名称类型默认值说明备注 navBackgroundInit String '#ffffff' 导航栏背景颜色（初始值）当nav要设置透明时，可设置成'transparent' navBackgroundRoll String '#000000' 导航栏背景颜色（滚动值）当nav要设置透明时，可设置成'transparent' titleColorInit String '#ffffff' 文本颜色（初始值）只能设置成16进制，不可简写 titleColorRoll String '#000000' 文本颜色（滚动值）只能设置成16进制，不可简写 titleTextInit String '' 标题文本（初始值）无 titleTextRoll String '' 标题文本（滚动值）无

订阅微信页面