代码分享
前端大伟
内修以自强 修身心 正三观 方为智者
展开
-
关于手动使用webpack进行项目构建总结
2020-11-09发布,原文链接关于手动使用webpack进行项目构建总结总结一下手动使用webpack进行项目构建,都有哪些步骤,以及有哪些步骤需要注意的以下内容前提条件是安装了node.js一首先创建项目路径并添加src、dist项目结构src下文件包括css、js、images、index.html、main.jsmain.js是项目打包的入口文件F:\project_center\webpack_project在项目根路径中调用DOS窗口,输入生成项目配置文件package.jso原创 2020-11-09 11:49:19 · 183 阅读 · 0 评论 -
electron-vue爬坑之打包后接口路径file://
最近解决了一个关于electron-vue打包后接口路径出现file://的问题历经资料一顿找也没找到现在解决了以后,我把它发出来提供给那些有需要的人这个平台不发正文浏览跳转electron-vue爬坑之打包后接口路径file://...原创 2020-10-13 10:14:14 · 5322 阅读 · 1 评论 -
自适应网站页面适配实现和基本原理讲解
随移动端设备的普及,移动web网站成为了前端工程师工作主攻点诸多的手机厂商,导致每种手机机型、分辨率等手机参数相差很多,同时给前端开发人员增加了工作难度此时手机端的适配是个不得不解决的问题下面介绍一下网站适配的实现及原理是如何操作的首先要在html页面中添加适配meta标签使页面与手机设备宽度生成一定比例:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user原创 2020-10-10 15:44:39 · 1473 阅读 · 0 评论 -
el-tree父子节点相互关联操作
本次研究课题为:el-tree如何在点击父节点时全部选中所有子节点,点击子节点时,父节点依然是选中状态这个功能在elementui中不予提供,要自己写下面给小伙伴们提供一下思路和代码例如组织架构树形结构<el-tree :data="data" show-checkbox default-expand-all node-key="id" ref="organizationTree" highlight-current @check="chooseDepartment" :ex原创 2020-10-10 11:10:35 · 1508 阅读 · 0 评论 -
提供一个基于vue+elementui的后台管理系统模板框架
今天提供一个基于vue+elementui的后台管理系统模板框架项目页面可自行开发路由导航可请求接口获得放入this.menuData中路由页面参数为:"id": 1,"name": "/organizationManage","label": "组织管理","icon": "el-icon-message","parentId": 0,"children": [{ "id": 2, "name": "/organizationManage", "label": "组织管理",原创 2020-10-05 19:21:35 · 2326 阅读 · 0 评论 -
el-tree公共组件(带操作按钮)源码分享
介绍一款基于vue-elementui的tree树形公共组件效果如下图:提供源码:template<template> <div class="el-tree-div" :class="{'show-tree':showTree,'hide-tree':!showTree}"> <div class="el-tree-top"> <div class="el-tree-title"> <spa原创 2020-10-02 21:17:55 · 692 阅读 · 0 评论 -
关于客户端自定义安装界面开发分享
前端不管用C语言还是electron开发的客户端如何能做一个好看的安装界面?下面就来介绍一下网上下载牛牛安装包界面美化控件可实现这个效果http://www.ggniu.cn/download.htm下载解压后目录Description_of_NiuniuSetupSkin.doc文件为软件说明文档运行build-nim.bat文件就可以将FilesToInstall文件夹中的项目在SetupScripts文件夹中打包生成app.zip并且在Output文件夹中生成.原创 2020-09-29 09:38:20 · 1699 阅读 · 0 评论 -
Electron-vue客户端开发总结
最近做了Electron-vue相关的客户端开发做出了如下总结:利用new BrowserWindow()方法创建窗口对象能满足开发项目的窗口属性有win = new BrowserWindow({ width: 700, height: 600, minWidth:1000, minHeight:600, // 文档https://www.w3cschool.cn/electronmanual/electronmanual-browser-window.html原创 2020-09-27 23:16:32 · 407 阅读 · 0 评论 -
Skeleton Screen骨架屏加载代码分享
示例:此功能在vue项目上编写文档出于Ant Designhttps://ant.design/components/skeleton-cn/希望各位小伙伴多多点赞收藏转发源码给上:首先现在项目里引入skeleton.jsvue项目引入方式import skeleton from 'vue-skeleton-component'Vue.use(skeleton)HTML<template> <div class="weui-panel w原创 2020-09-20 12:29:49 · 743 阅读 · 0 评论 -
随意开发一个websocket通信DEMO
随意开发一个websocket通信DEMO示例:连接一个免费的ws测试服务来演示此项功能,HeartBeat为心跳连接ws://123.207.136.134:9010/ajaxchattest希望各位小伙伴多多点赞收藏转发源码给上:HTML <div> <h1>WebSocket 通信</h1> <div> <div> <textarea rows="6" id=原创 2020-09-18 11:13:18 · 211 阅读 · 0 评论 -
分享一款导航小插件
代码如下(样式可以自定义):<!DOCTYPE html><html><head><meta charset="UTF-8"><title>鼠标移入可左右滑动导航小插件</title><style>ul {overflow:hidden;position:re原创 2018-12-26 20:27:46 · 1056 阅读 · 0 评论