- 博客(18)
- 收藏
- 关注
原创 postcss-pxtorem和postcss-px-to-viewport
将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件.postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。
2022-09-27 17:12:58
914
原创 【koa2】ejs模板引擎、koa-static静态资源中间件
绑定数据 ejs引入模板 可以用来调用页面或者引入公共标题ejs绑定html,解析标签数据 Ejs模板判断语句Ejs模板中循环数据
2022-06-23 17:01:12
342
原创 koa2项目实现热加载使用nodemon
1、全局安装nodemon安装后输入检测是否安装成功2、nodemon使用当在vscode中输入检测是否安装成功时,可能遇到报错解决方法是打开 以管理员身份运行后,输入这样就可以了,再回到vscode在 Terminal中输入就可以实现项目热更新...
2022-06-16 14:48:31
612
原创 【新手学习nodeJs,从koa2开发框架开始】
一、 node安装依赖高于 v7.6.0我的为16.15.0,暂为最新版本的稳定版本二、 koa安装1、新建项目文件夹,在文件下初始化package.json2、安装koa在package.json同级文件下新建app.js空白文件3、启动项目4、在浏览器输入localhost:3000页面会显示 Hello World,效果如下这样一个初步的雏形就出来啦注:代码解析参考:https://koa.bootcss.com/学习参考:https://www.itying.com/koa/art
2022-06-16 10:43:06
171
原创 VueX 的安装及简单使用
1、安装vuex依赖包npm install vuex --save2、导入vuex包import Vuex from 'vuex'Vue.use(Vuex)3、创建 store 对象export default new Vuex.Store({ // state 中存放的就是全局共享的数据 state: { count: 0 }})4、将 store 对象挂载到 vue 实例中new Vue({ el: '#app', render: h => h
2021-10-27 16:50:47
568
原创 vue中Nprogress的使用
Nprogress是页面跳转在浏览器顶部的进度条安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();使用router.js//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) =&
2021-10-21 11:34:23
157
原创 vue-cli3设置代理跨域详解
// 在根目录下自行创建vue.config.jsmodule.exports = { // cli3 代理是从指定的target后面开始匹配的,不是任意位置;配置pathRewrite可以做替换 devServer: { port: '8080', open: true, proxy: { '/api': { // /api 的意义在于,声明axios中url已/api开头的请求都适用于该规则, // 注意是以/api开头,即:
2021-08-26 17:53:51
646
原创 Vue3.0 使用 axios访问本地 json文件并读取数据
Vue3.0: vue-cli4.5:访问本地 json文件并读取数据 使用 axios首先要在对应的 vue-cli4.5 项目下安装 axios:输入:npm install --save axios 进行安装:npm install --save axios在 《script》中引入:<script>import axios from 'axios'...</script>在代码中使用即可:axios.get('./a.json').the
2021-07-23 14:16:06
5338
1
原创 vue cli3.0快速搭建项目详解
主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理。一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)CLI 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供 如:serve、build 和 inspect 命令)CLI
2021-07-20 15:29:11
104
原创 vue 3.x - 安装scss/sass
vue 3.x - 安装scss/sass1.首先执行以下命令安装 style-resources-loader;vue add style-resources-loader2.然后安装scss/sass,node-sass sass-loader sass 属于重要依赖,所以需-D而不是-S;npm install node-sass sass-loader sass -D3.根路径下建立文件vue.config.jsconst path = require('path');module
2021-07-20 11:54:28
811
原创 http-server报错
使用http-server报错信息如下: http-server : 无法加载文件 C:\Program Files\nodejs\node_global\http-server.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 http://go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 解决方法:1、使用管理员权限打开工具软件(如vscode)2、命令行执行:get-ExecutionPoli
2021-07-14 09:44:01
1185
原创 混合模式移动应用
混合模式移动应用三种主流app原生页面优点原生页面劣势H5页面优势劣势:三种主流app原生app(native app)、web app、hybrid app原生页面优点1)运行速度比较快2)能使用设备的底层功能,如摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等3)在界面设计、功能模块、操作逻辑等层面相较web更易做到App的便捷性和舒适性,功能更加强大4)节省流量原生页面劣势(1)不同的操作系统(如Android和iOS)需要独立的进行开发,使用其各自的开发包、开发工具
2021-04-15 18:25:22
154
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人