07 2021 档案
摘要：https://www.byjth.com/tools/29.html
阅读全文
摘要：两种方式 System.load("/home/pi/jni/libA.so"); System.loadLibrary("A"); loadLibrary需要指定java.library.path动态库路径
阅读全文
摘要：出现如下错误 A：libA.so java.lang.UnsatisfiedLinkError: no A in java.library.path: [/usr/java/packages/lib, /usr/lib/arm-linux-gnueabihf/jni, /lib/arm-linux-
阅读全文
摘要：源码地址 https://github.com/Pi4J/pi4j 使用jar包 编译完成，会生成jar包，后面直接使用这个jar包 maven编译配置 配置jar包依赖（使用刚才编译好的） 以scope为system的方式 systemPath是jar包真实路径，其他随意设置 <dependenc
阅读全文
摘要：读取数据 // 发送（1001是变量地址，01是长度） 5A A5 04 83 1001 01 // 接收（04 d2是数据，代表“1234”） 5a a5 06 83 10 01 01 04 d2 写入数据变量 // 发送（1001是数据变量地址，04D2是数据） 5A A5 05 82 1001
阅读全文
摘要：T5屏读版本号 // 发送 5A A5 04 83 000F 01 // 接收 5a a5 06 83 00 0f 01 25 21 T5屏读取页面ID // 发送 5A A5 04 83 0014 01 // 接收（表示当前第1页） 5a a5 06 83 00 14 01 00 01
阅读全文
摘要：cnpm install postcss-px-to-viewport --save-dev .postcssrc.js module.exports = { "plugins": { "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单
阅读全文
摘要：cnpm install vue-lazyload --save import Lazyload from 'vue-lazyload' Vue.use(Lazyload) <template> <div id="app"> <!-- <img src="./assets/logo.png"> --
阅读全文
摘要：解决移动端click延迟300ms cnpm install fastclick --save import Fastclick from 'fastclick' Fastclick.attach(document.body);
阅读全文
摘要：<template> <div id="Toast"> <p class="msg">{{msg}}</p> </div> </template> <script> export default { name: 'Toast', data() { return { msg: 'hello Toast
阅读全文
摘要：<script> export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.js App', goods: [{ src: 'girl.jpg', link: 'http://wwww.baidu
阅读全文
摘要：<template> <div class="hello"> <ul class="content" ref="content"> </ul> </div> </template> <script> export default { name: 'HelloWorld', mounted() { c
阅读全文
摘要：<script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.js App', scroll: nu
阅读全文
摘要：当前版本 "better-scroll": "^2.4.1", scroll事件 滚动的实时坐标(与probeType属性有关) <script> import BetterScroll from 'better-scroll' export default { name: 'HelloWorld'
阅读全文
摘要：源码地址 https://github.com/ustbhuangyi/better-scroll.git 原生滚动 .hello { overflow-y: scroll; } BetterScroll <script> import BetterScroll from 'better-scrol
阅读全文
摘要：<template> <div id="Recommend"> <div v-for="item in cgoods" class="item"> <a :href="item.link"> <img :src="getUrl(item)"> <div> {{item.title}} </div>
阅读全文
摘要：<template> <div id="Furong"> <div class="tab-control"> <div v-for="(item, index) in titles" class="tab-control-item" :class="{active: isActive == inde
阅读全文
摘要：<template> <div id="Furong"> <div class="tab-control"> <div v-for="(item, index) in titles" class="tab-control-item" :class="{active: isActive == inde
阅读全文
摘要：NavBar.vue <template> <div class="nav-bar"> <div class="left"> <slot name="left"></slot> </div> <div class="mid"> <slot name="mid"></slot> </div> <div
阅读全文
摘要：vue.config.js是一个可选的配置文件，它会被自动加载 module.exports = { //配置附加属性 ... };
阅读全文
摘要：出现如下错误 # gpio readall Oops - unable to determine board type... model: 20 wiringpi 参考 http://wiringpi.com/ https://github.com/guation/WiringPi-arm64 bu
阅读全文
摘要：import axios from 'axios' export function request(config, success, failure) { const instance = axios.create({ baseURL: 'http://123.207.32.32:8000', ti
阅读全文
摘要：request.js import axios from 'axios' export function request(config, success, failure) { const instance = axios.create({ baseURL: 'http://123.207.32.3
阅读全文
摘要：const instance = axios.create({ baseURL: 'http://123.207.32.32:8000', timeout: 1000, }); instance({ method: 'get', url: '/home/data', params: { type:
阅读全文
摘要：// 全局配置 axios.defaults.baseURL = 'http://123.207.32.32:8000' axios.defaults.timeout = 500 axios({ method: 'get', url: '/home/data', params: { type: 's
阅读全文
摘要：axios.all([{ method: 'get', url: 'http://123.207.32.32:8000/home/data', params: { type: 'sell', page: 1 } }, { method: 'get', url: 'http://123.207.32.
阅读全文
摘要：安装 cnpm install axios 使用 import axios from 'axios' axios({ method: 'get', url: 'http://123.207.32.32:8000/home/multidata' }).then(res => { console.log
阅读全文
摘要：不同于mutations，actions可以处理异步操作 index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { name: 'furon
阅读全文
摘要：<p>square: {{$store.getters.squareCount}}</p> index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ stat
阅读全文
摘要：index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 100 }, mutations: { countAdd(state
阅读全文
摘要：下载源码编译 谷歌浏览器加载 使用
阅读全文
摘要：index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 100 }, mutations: { }, actions: {
阅读全文
摘要：所有执行完成后，回调 Promise.all([ new Promise(resolve => { setTimeout(() => { console.log('furong'); resolve({ name: 'furong', age: 12 }); }, 2000) }), new Pro
阅读全文
摘要：new Promise((resolve) => { var a = 1; resolve(a); }).then((data) => { console.log(data); return data + 1; }).then((data) => { console.log(data); })
阅读全文
摘要：resolve new Promise((resolve, reject) => { setTimeout(() => { console.log('one'); }, 2000) resolve("resolve"); }).then((data) => { console.log(data);
阅读全文
摘要：resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, 使用 import HelloWorld from '@/compon
阅读全文
摘要：匹配的组件会被缓存 <template> <div id="app"> <img src="./assets/logo.png"> <router-link to="/Quange">Quange</router-link> <router-link to="/Furong">Furong</rou
阅读全文
摘要：被包含的组件保留状态，避免重新渲染 Furong.vue <template> <div id="Furong"> <p>{{msg}}</p> <p>{{userInfo}}</p> </div> </template> <script> export default { name: 'Furon
阅读全文
摘要：main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. im
阅读全文
摘要：Quange.vue <template> <div id="Quange"> <p>{{msg}}</p> <button type="button" @click="onClick">跳转</button> </div> </template> <script> export default {
阅读全文
摘要：App.vue <template> <div id="app"> <img src="./assets/logo.png"> <router-link to="/Quange/" tag="button">Quange</router-link> <router-link :to="args">F
阅读全文
摘要：export default new Router({ routes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, children: [{ path: '/Furong/:id', name: 'Furong', compone
阅读全文
摘要：// import Furong from '@/components/Furong' // import Quange from '@/components/Quange' const Quange = () => import('@/components/Quange') const Furon
阅读全文
摘要：动态id index.js export default new Router({ routes: [{ path: '/Furong/:id', name: 'Furong', component: Furong }, }) App.vue <template> <div id="app"> <i
阅读全文
摘要：Quange.vue <template> <div id="Quange"> <p>{{msg}}</p> <button type="button" @click="onClick">跳转</button> </div> </template> <script> export default {
阅读全文
摘要：<!-- 渲染成button --> <router-link to="/Quange" tag="button">Quange</router-link> <!-- 取消返回效果 --> <router-link to="/Furong" replace="">Furong</router-lin
阅读全文
摘要：index.js import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Rou
阅读全文
摘要：Furong.vue <template> <div id="Furong"> <p>{{msg}}</p> </div> </template> <script> export default { name: 'Furong', data() { return { msg: 'hello furo
阅读全文
摘要：install cnpm i -g @vue/cli 创建一个新项目 vue create hello-world 拉取 2.x 模板 (旧版本) npm install -g @vue/cli-init # `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同 vue init
阅读全文
摘要：server cnpm install webpack-dev-server --save-dev package.json "scripts": { "build": "webpack", "dev": "webpack-dev-server --inline --host localhost -
阅读全文
摘要：plugin cnpm install uglifyjs-webpack-plugin --save-dev webpack.config.js const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); plugins: [ new Ugl
阅读全文
摘要：所有依赖，自动生成 plugin cnpm i --save-dev html-webpack-plugin webpack.config.js const HtmlWebpackPlugin = require("html-webpack-plugin"); output: { // 手动修改ht
阅读全文
摘要：Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
阅读全文
摘要：Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
阅读全文
摘要：浏览器适配 Loaders cnpm install babel-loader@7 babel-core babel-preset-es2015 --save-dev webpack.config.js { test: /\.m?js$/, exclude: /(node_modules|bower
阅读全文
摘要：使用url body { background: url("../img/test.jpg"); } loader cnpm install url-loader --save-dev cnpm install file-loader --save-dev webpack.config.js mod
阅读全文
摘要：cnpm install less less-loader --save-dev module.exports = { module: { rules: [ { test: /\.less$/i, use: [ { loader: 'style-loader', }, { loader: 'css-
阅读全文
摘要：cnpm install webpack@^5.23.0 --save-dev cnpm i webpack-cli@^4.5.0 --save-dev cnpm i less-loader@6.0.0 --save-dev cnpm i style-loader --save-dev cnpm i
阅读全文
摘要：终端使用webpack命令，使用的是全局 package.json中定义，使用的是本地 终端使用本地路径的webpack，使用的是本地
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <!-- 模块化类型
阅读全文
摘要：父组件通过子组件数据，替换插槽数据 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head>
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：一组数据，过滤出小于100的数，结果乘以2，并将结果汇总 <script> let buf = [10, 110, 20, 120, 30, 130]; let resBuf = buf.filter(n => n < 100).map(n => n * 2).reduce((value, n) =
阅读全文
摘要：<script> let buf = [10, 110, 20, 120, 30, 130]; // value记录上次结果 let mapBuf = buf.reduce(function(value, n) { console.log(value, n); return 100 + n; },
阅读全文
摘要：<script> let buf = [10, 110, 20, 120, 30, 130]; let mapBuf = buf.map(function(n) { return n * 2; }) console.log(mapBuf); </script>
阅读全文
摘要：<script> let buf = [10, 110, 20, 120, 30, 130]; let filterBuf = buf.filter(function(n) { // 返回bool return n > 100; }) console.log(filterBuf); </script
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <style type="text/css"> .a
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p v-if="
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p v-if="
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app" @click="di
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<script> const id = 1; const name = 'furong'; const age = 12; const obj = { id, name, age }; console.log(obj); </script> <!DOCTYPE html> <html> <head>
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ mes
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <!-- 属性值必
阅读全文
