惊天bug-CSDN博客

原创 H5页面嵌入小程序没有返回按钮,以及返回页面空白的问题

需求催动此篇博客的诞生项目背景之前也没写过小程序但是看过之后都是现成的api 简单易懂唯一就是会有很多坑要去踩以为要写原生小程序但是是我想多了公司是要节约开发成本那么就衍生了H5嵌入小程序这个操作必须的1、要去申请一个小程序测试号要配置域名用2、然后准备一套自己写的项目测试用代码部分index.wxml文件<web-view src="{{url}}#wechat_redirect"></web-view>#wechat_redirect 在

2020-05-27 15:58:42 2486

原创微信分享页面直接在微信内唤起app

在vue中直接使用会报未注册组件的错误，需要在main.js文件中注册该组件。也可以通过npm下载：weixin-js-sdk 需要1.6.0以上版本。getDownloadUrl 没有安装app的跳转下载app的地址。getExtInfo 在微信中点击在客户端打开的地址。appid对应的服务号的id。js部分需要获取的微信配置。首先引入微信sdk的库。可以script引入。可以写一个分享的组件。

2024-02-18 13:28:00 353

原创 protobufjs如何把proto转成js，把js转成ts

在项目中要使用websockt实现一个聊天功能，其中要用protobufjs去做序列化。

2022-08-24 20:40:32 1751 1

原创 vue 可拖拽组件的实现

vue可拖拽组件的实现

2022-03-14 17:19:26 2246

转载为什么要使用 async/await ？

今天讲 async/await 这组 API 。async/await 是 ES7 的标准，Promise 是 ES6 标准，async/await 这套 API 也是用来帮助我们写异步代码的，它是构建在 Promise 之上的，有点像 Okhttp 和 Retrofit 的关系。什么是 async ？async function myFirstAsyncFunction() { try { const fulfilledValue = await doSomeThing(); }

2021-07-06 16:56:52 2903 1

原创 vue中transition不生效的问题

当用到的时候刚开始就是不生效一、组件过渡效果<transition :name="tsName"> <div class="view-list" key="liveList" v-if="whichSelected === 0"> <article-item v-for="(item, index) in liveList" :key="index" :datas="item" @click.native="j

2020-07-03 14:34:24 16814 1

原创 vue中axios请求404的问题

备注今天遇到很奇葩的问题 axios封装如下代理也是配置的一点毛病都没有，但是用下面的方法访问接口就会报错 404 接口服务是没问题的看不到问题所在解决办法：我个人的是因为能确定代码写的没问题，然后就去重新下载了node_modules 就好了就是这么的神奇...

2020-06-29 11:21:17 10940

原创 H5页面隐藏到后台、息屏执行时间、微信浏览器，页面可见性事件visibilitychange

document.addEventListener('visibilitychange', function () { // 用户息屏、或者切到后台运行（离开页面） if (document.visibilityState === 'hidden') { console.log('hidden') } // 用户打开或回到页面 if (document....

2020-04-10 21:22:44 3227 2

原创前端页面，网页整体变灰

只需要在html的样式里面加一句代码 html { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); }filter其实是css3的一个滤镜的效果javascript语法object.style.WebkitFilter="grayscale(100...

2020-04-07 14:16:36 870

原创 H5调用jssdk微信分享一系列联调过程以及示例分享demo

背景需求原因要写一个嵌入微信公众号的H5页面，里面详情页面包含了分享，之前都是直接调用客户端的分享，现在要通过jssdk自己去写，就感觉一阵头大，因为懒习惯了，然后被迫去看api文档刚开始环境没有映射域名，然后在测试环境发布调试起来比较麻烦，然后，还是因为懒。。。找了一个本地调试的方法首先按照微信的jssdk的文档一步一步来， jssdk文档地址去设置js安全域名以及申请appI...

2020-04-03 17:23:12 2523 11

原创 react、vue里面打包移除、去掉console.log()

需要在webpack.prod.conf.js里面加上一句代码就可以了plugins: [ new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, + drop_console: true, // 不打印console ...

2020-01-02 09:46:18 2394

原创 redux中的reducer合并使用，怎么合并reducer

reducer分析redux文件期望有更简单的方法，把两个reducer挂载在一个节点上redux文件redux第一个文件: actions.jsexport const AUTH = 'auth/AUTH';export const LOGIN = 'auth/LOGIN';export const LOGIN_SUCCESS = 'auth/LOGIN_SUCCESS';ex...

2019-11-26 15:00:47 850

原创 react中antd自定义主题样式，自定义主题样式覆盖

一、首先确认package.json less的版本"less": "^2.7.3",一定要是2.7.3二、webapck.base.config.js的loader配置{ test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'], include: [resol...

2019-11-01 17:20:40 1479 3

原创 react中Object.assign({})中setState不生效的问题

Object.assign({})cosnt data = Object.assign({}, this.state[status.age], {id: status.key + 1})this.setState({[status.age]: data}, () => { this.list(status.age);})list = (key) => { console...

2019-11-01 17:11:49 881

原创 axios下载压缩包的处理方式

使用axios下载压缩包的时候；axios设置： return { types: [COMMON_SUCCESS, COMMON_ERROR], promise: axios.get(`${base}/service_mana/customer/downLoadZip`, {params: option, responseType: 'blob', headers: {Acce...

2019-09-17 14:08:58 3465

原创 node爬取页面内容和图片存到本地

// fs模块功能读写追加文件夹const fs = require('fs');// 解析html 功能强大爬虫必备像jquery一样的用法const cheerio = require('cheerio');// 发起请求可以用与接收文件流const request = require('request');// 建立一个简易服务器const https...

2019-09-04 17:27:17 498

原创 react中favicon.ico图标不显示的问题

前提是我路径图片都是正常的没有任何问题无论怎么配置路径小图标都不显示的问题百度了很久都是在说路径的问题以及图标大小的问题最后在webpack.dev.conf.js的配置文件增加new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, ...

2019-07-01 13:54:41 4416

原创 jQuery的scrollLeft以及scrollTop方法滑动的方法解析

在vue的项目中，不习惯去引入一个jQuery的库看了Jquery的滑动源码解析，其实可以直接用原生方法去操作dom滑动jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) { var top = "pageYOffset" === prop; ...

2019-04-15 14:04:57 829

原创 vuecli开发过程中一些不兼容的属性比如flex怎么自动加前缀

直接在package.json中修改一下配置，重新打包本来是要在.postcssrc.js中修改autoprefixer配置的但是vuecli下载后.postcssrc.js文件提示module.exports = { "plugins": { // to edit target browsers: use "browserslist" field in package.json...

2019-03-28 09:57:58 1550

原创 vue私有的Axios的通用封装

vue私有的Axios的通用封装import Axios from ‘axios’// ==> 私有Axios实例，用作拦截器作用const _instance = Axios.create()export default {install: function (Vue) {Object.defineProperty(Vue.prototype, ‘$http’, { value...

2019-03-19 10:34:22 236

原创 eslint在vue-cli的配置的规则

前言其实我们在平时的开发工作中定制一套代码规范，在真正的业务开发时就会忘记，如何能高效的时刻提醒你开发没有遵守代码规范那就用eslint来制定一套规范这样在每次的开发中都会时刻提醒你。其实在vue中引入eslint我们都会但是究竟怎么修改eslint 很多人不是很懂，该怎么配置也不是很懂 ===》...

2019-01-26 10:32:04 817

原创全局变量多处使用，要改变该变量的顺序时，所有用到的都改变了顺序的问题

全局变量多处使用，要改变该变量的顺序时，所有用到的都改变了顺序的问题let data = []; if (this.outflowfbs.length === 4) { // 要用reverse反转的话 [...inflowfbs]改变数据的指向 let outdata = [...inflowfbs].reverse(); let i...

2018-12-19 14:01:04 386

原创 js浏览器文本复制

var Input = document.createElement('input');Input.value = '复制内容';document.body.appendChild(Input);Input.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令Input.className = 'Input';...

2018-10-23 09:40:11 1780

原创 grunt uglify的多js文件的压缩

先安装全局的grunt 输入npm install -g grunt -cli然后按下面的配置1、package.json的配置 { "name": "ui", "version": "0.1.0", "description": "ui", "license": "MIT", "devDependencies": {

2017-11-08 20:12:02 844

原创在写项目的过程中会遇到jquery和zepto中的$打架，如何释放$操作符

var jq = $.noConflict(); // $ 变量会回到原先的变量值 //jq 来做jquery使用 , 和 $ 使用是一样的jq(function(){ jq('#id').on('click' , function(){})})

2017-10-14 11:02:37 479

原创 reactwebAPP的各个页面之间的跳转以及footer相对应！

在用react写webapp时候，会用到各个页面之间的跳转，以及点击footer跳转相对应的页面，返回的时候还能返回到你前一次的页面并且脚标也对应。先给每一个li一个activeclassname 写一个点击事件返回用

2017-08-08 21:03:59 936

原创原生javascript的一些排序!sort排序！敏感词过滤、输出*号三角形、九九乘法表！

原生javascript的一些排序!sort排序！敏感词过滤、输出*号三角形、九九乘法表！

2017-07-30 20:36:41 437

原创 nodejs的整体安装与使用详细步骤！小白必读！！！

nodejs的整体安装与使用详细步骤！小白必读！！！

2017-07-21 16:36:24 3820

原创 webpack的安装步鄹，对于小白易懂！

webpack 1、在命令行输入 cnpm i webpack -g index.html div#app2、先创建好bundle.js script.src="bundle.js" app.js alert("helloworld");cmd --- 转换

2017-07-21 12:55:29 442 2

a331790021的博客