a331790021的博客

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

vue可拖拽组件的实现

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

当用到的时候刚开始就是不生效 一、 组件过渡效果 <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

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

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

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

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

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

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

一、首先确认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...

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...

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

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

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

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

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

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

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

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

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

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

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