sake_pipi的博客

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

最近解决了一个关于electron-vue打包后接口路径出现file://的问题历经资料一顿找也没找到现在解决了以后，我把它发出来提供给那些有需要的人这个平台不发正文浏览跳转electron-vue爬坑之打包后接口路径file://...

随移动端设备的普及，移动web网站成为了前端工程师工作主攻点诸多的手机厂商，导致每种手机机型、分辨率等手机参数相差很多，同时给前端开发人员增加了工作难度此时手机端的适配是个不得不解决的问题下面介绍一下网站适配的实现及原理是如何操作的首先要在html页面中添加适配meta标签使页面与手机设备宽度生成一定比例：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user

本次研究课题为：el-tree如何在点击父节点时全部选中所有子节点，点击子节点时，父节点依然是选中状态这个功能在elementui中不予提供，要自己写下面给小伙伴们提供一下思路和代码例如组织架构树形结构<el-tree :data="data" show-checkbox default-expand-all node-key="id" ref="organizationTree" highlight-current @check="chooseDepartment" :ex

今天提供一个基于vue+elementui的后台管理系统模板框架项目页面可自行开发路由导航可请求接口获得放入this.menuData中路由页面参数为："id": 1,"name": "/organizationManage","label": "组织管理","icon": "el-icon-message","parentId": 0,"children": [{ "id": 2, "name": "/organizationManage", "label": "组织管理",

介绍一款基于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

今天来讲一下如何创建自己的git代码库并上传本地项目首先先下载git运行终端，下载地址如下，一条龙安装：https://git-scm.com/downloads在github官方注册git账号账户名：邮箱 密码随意记住就行登录账号点击个人信息，再选中Repositories选项，里面是你每个项目的代码库点击new按钮进入下一个页面输入代码库名称，选择Create repository按钮创建仓库我们需要用到的只是https链接在本地创建F:\new文件夹，里

前端不管用C语言还是electron开发的客户端如何能做一个好看的安装界面？下面就来介绍一下网上下载牛牛安装包界面美化控件可实现这个效果http://www.ggniu.cn/download.htm下载解压后目录Description_of_NiuniuSetupSkin.doc文件为软件说明文档运行build-nim.bat文件就可以将FilesToInstall文件夹中的项目在SetupScripts文件夹中打包生成app.zip并且在Output文件夹中生成.

最近做了Electron-vue相关的客户端开发做出了如下总结：利用new BrowserWindow()方法创建窗口对象能满足开发项目的窗口属性有win = new BrowserWindow({ width: 700, height: 600, minWidth:1000, minHeight:600, // 文档https://www.w3cschool.cn/electronmanual/electronmanual-browser-window.html

一份针对于electron-vue项目整理的搭建、运行、打包过程的踩坑总结分享首先为了保证安装效率，采用cnpm或者yarn指令来安装，前提是安装了node环境安装全局yarn，最好设置淘宝镜像npm install -g yarn安装全局vue-clinpm install vue-cli -g安装3.0+版本vue-cli（现在最新已经到4.5.6版本）npm install @vue/cli -g若想更新vue-cli到最新版，要先卸载当前版本npm uninstall vue

示例：此功能在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

很多人还在为找适合自己的工作而迷茫许多人看到互联网行业工资多高多高也想进入这个行业确实，相对于企事业单位来讲，进入互联网行业门槛算是很低的了但是又有些人担心没有英语基础学习IT开发能学好吗？我作为一个已经入行将近3年的人来给出一些建议就甭说有没有英语基础或者是不是大学毕业学习是靠自身本事的而不是靠资格的，我大学电气系专业，现在坐在电脑前敲着代码只是因为我对这个行业的热爱只要你对这个行业热爱，那就干就完了，没有什么学不会的如果说要只是满足生活的经济需求，你也可以入.

1、打开node.js官网https://nodejs.org/en/下载当前版本node.js并安装到电脑中，安装方式为"无脑安装之下一步"安装完成后检验是否安装node.js:win+r输入cmd打开dos窗口输入node -v回车之后会显示node.js版本号，证明电脑安装成功了！npm集成在node.js中，在dos窗口输入npm -v回车之...

        作为一个前端人员来说，总结几款相对来说不错的用于移动端开发的UI框架是非常必要的，以下几种移动端UI框架就能基本满足工作中开发需要，根据项目需求，选用合适的框架搭建项目，更能容易提高开发效率。一、MUI        最接近原生APP体验的高性能前端框架，追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征        MUI不依赖任何第三方JS库，压...

今天来介绍下如何利用nw.js进行客户端开发1、首先进入nw.js官网下载开发包，链接地址：https://nwjs.io/downloads/下载包分为两种，一种NORMAL运行包（进行客户端打包），另一种SDK开发包专门提供给开发者使用（系统开发调试）。2、将nw.js包压缩到本地，并在此路径创建项目代码架构，在项目中创建package.json  {    "name...

       随移动端设备的普及，移动web网站成为了前端工程师工作主攻点，诸多的手机厂商，导致每种手机机型、分辨率等手机参数相差很多，同时给前端开发人员增加了工作难度，此时手机端的适配是个不得不解决的问题。       首先要在页面上添加这条meta标签：       &lt;meta name="viewport" content="width=device-width, initia...