![](https://img-blog.csdnimg.cn/20210808181313550.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
记录一些前端code
玲珑·
凡所必须 勿增实体
展开
-
NPM electron helloworld异常 2021-09-16 npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_mod
npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/.... 随后产生报错 查了一堆东西,后来发现其主要原因在于npm镜像源的问题。安装完nod...原创 2022-03-08 14:45:14 · 3606 阅读 · 0 评论 -
模块的导入和导出
b.jsexport function fun(){ console.log("fun1")}export let person = { name:"devin", age:12}c.jslet a = 12let fun = function(){ console.log("function")}export default{ a,fun}index.html<!DOCTYPE html><html lang="e原创 2021-08-30 22:23:38 · 151 阅读 · 0 评论 -
HTMl表格合并单元格
参考文献https://blog.csdn.net/lhrdlp/article/details/100861546原创 2021-08-12 17:46:01 · 134 阅读 · 0 评论 -
前端企业开发规范
api写所有的对后端调用的请求assets图片 样式 图标components公共的组件layout全局的布局router在跳转前 跳转后的处理menu.js 后端的菜单router 登录 登出 401 重定向等scripts一些常见的模板store一些数据的暂存器utils工具类views视图类 api导入调用setting main APP.vue全局配置其他vue.configdockerfilejenkinsfile多环境文件...原创 2021-08-12 17:43:19 · 166 阅读 · 0 评论 -
VueX的使用
store.js 定义import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { count:1 }, mutations: { }, actions: { }, modules: { }})<...原创 2021-05-12 12:52:50 · 64 阅读 · 0 评论 -
微信小程序多表查询踩坑记录
多表独立多表嵌套原创 2020-05-18 17:31:14 · 2617 阅读 · 0 评论 -
vue中computed和watched的区别
computedcomputed在vue中起到计算属性作用。<p>firstName: <input type="text" v-model="firstName"></p><p>lastName: <input type="text" v-model="lastName"></p><p>name: {{name}}</p>data() { return { firstNa转载 2020-05-15 21:35:03 · 624 阅读 · 0 评论 -
vuex
//store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { count: 0 }, // 只有 mutations 中定义的函数,才有权利修改 state 中的数据 mutations: { add(state) { // 不要在 mutations 函数中,执行异步操作 // setT原创 2020-05-15 19:02:48 · 161 阅读 · 0 评论 -
直播常用url
CCTV1 mms://live.cctv.com/live11CCTV2 mms://live.cctv.com/live12CCTV3 mms://live.cctv.com/live13CCTV4 mms://live.cctv.com/live14CCTV7 mms://live.cctv.com/live17CCTV9 mms://live.cctv.c...原创 2020-04-09 19:52:28 · 7563 阅读 · 0 评论 -
vue组件通信 详解
父子通信father<template> <div> <p>home</p> <left :users="users"></left> <right></right> </div></template><script&...原创 2020-04-03 17:11:37 · 111 阅读 · 0 评论 -
promise 的使用
回调函数//回调函数:将后续处理的逻辑传入当前要做的事中,事情做好后调用后续处理逻辑let a = '';function get(callback) { setTimeout(()=>{ a = 'hello word'; callback(a); },2000)}function fun(val) { conso...原创 2020-04-03 12:43:37 · 135 阅读 · 0 评论 -
nodejs模块的导入和导出
exports.jslet fun = function (){ console.log("hello world")}let name = "devin"module.exports.fun = funmodule.exports.name = nameimport.jsconst example = require("./export.js")example.fu...原创 2020-04-02 21:43:59 · 647 阅读 · 1 评论 -
es6 模块导入导出
b.jsexport function fun(){ console.log("fun1")}export let person = { name:"devin", age:12}c.jslet a = 12let fun = function(){ console.log("function")}export default{ a,...原创 2020-04-02 21:35:25 · 387 阅读 · 0 评论 -
网页常用头部和底部
底部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body><footer class="blog-footer" data-th-fragment="footer"> <div class...原创 2020-03-23 15:25:47 · 1190 阅读 · 0 评论 -
登入框居中css
<style type="text/css"> *{margin: 0;padding: 0} html,body{height: 100%} /*这里很关键*/ .outer-wrap{ /*只有同时为html和body设置height: 100%时,这里的height才生效, ...原创 2020-03-18 11:09:50 · 639 阅读 · 0 评论 -
springmvc webjars 配置
config registry.addResourceHandler("/webjars/**") .addResourceLocations("/webjars/").resourceChain(false) .addResolver(new WebJarsResourceResolver()) ...原创 2020-03-17 22:57:01 · 862 阅读 · 0 评论 -
node读取本地json数据
var fs = require('fs'); //文件模块var path = require('path'); //系统路径模块//文件路径,__dirname为当前运行js文件的目录var file = path.join(__dirname, 'data/User.json');fs.readFile(file, 'utf-8', function(err, data) { ...原创 2020-03-13 19:01:37 · 937 阅读 · 0 评论 -
mock入门使用
// 使用 Mockvar Mock = require('mockjs')var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'id|+1': 1 }]})// 输出结果cons...原创 2020-03-12 20:22:31 · 311 阅读 · 1 评论 -
浏览器中使用模板引擎 node
js// art-template// art-template 不仅可以在浏览器使用,也可以在 node 中使用// 安装:// npm install art-template// 该命令在哪执行就会把包下载到哪里。默认会下载到 node_modules 目录中// node_modules 不要改,也不支持改。// 在 Node 中使用 art-templ...原创 2020-03-10 03:00:26 · 213 阅读 · 0 评论 -
node js做网页 目录
var http = require('http')var fs = require('fs')var server = http.createServer()//放入你的路径var wwwDir = 'F:/'server.on('request', function (req, res) { var url = req.url fs.readFile('./templa...转载 2020-03-10 02:54:46 · 323 阅读 · 0 评论 -
vue main.js配置
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'//导入 elelment jsimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/ind...原创 2020-03-09 19:00:47 · 1130 阅读 · 0 评论 -
web video视频数据流
{ title: ‘香港卫视’, videoSrc: ‘rtmp://live.hkstv.hk.lxdns.com/live/hks1’},{ title: ‘香港财经’, videoSrc: ‘rtmp://202.69.69.180:443/webcast/bshdlive-pc’},{ title: ‘湖南卫视’, videoSrc: ‘rtmp://58.200.131.2:193...原创 2020-03-07 18:14:17 · 716 阅读 · 0 评论 -
vue-player 官网demo示例
<template> <md-card> <md-card-actions> <div class="md-subhead"> <span>Base Config / 基本示例</span> </div> <md-button class="md...转载 2020-03-07 17:10:36 · 2538 阅读 · 0 评论 -
vue flv播放器
<template> <div> <video id="videoElement" class="flvplayer-app"></video> <button @click="play"> 播放 </button> <button @click="pause">...原创 2020-03-07 16:28:52 · 2810 阅读 · 3 评论 -
百度的播放器demo cyberplayer
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C...原创 2020-03-05 22:54:59 · 1439 阅读 · 2 评论 -
Node.js hello world项目
const express = require('express')const app = express()app.get('/', function (req, res) { res.send('Hello World!')})app.listen(3000, function () { console.log('Example app listening on port ...原创 2020-03-02 18:33:08 · 124 阅读 · 0 评论 -
页面及组件的使用
组件的定义<!--//用户信息组件---><template><div class="user-info"> <el-row> <el-col :span="24"> <div class="img"> 我是头像 </div> <div...原创 2020-03-01 20:52:23 · 257 阅读 · 0 评论 -
VUE 路由使用
vue route目录路由import Vue from 'vue'import Router from 'vue-router'import login from '../page/login'import layout from '@/page/layout'import resume from '@/page/resume'import testPage1 from '...原创 2020-03-01 15:11:31 · 190 阅读 · 0 评论 -
VUE代理Axios配置配置
在根目录新建vue配置vue.config.js// vue-cli 配置项module.exports = { publicPath:'/', devServer: { port: 8081, proxy: { '/api':{ target:'http://127.0.0.1:5000'...原创 2020-02-29 14:36:01 · 519 阅读 · 0 评论