前端
Fire in rain
这个作者很懒,什么都没留下…
展开
-
vscode 设置reactjs 识别为javascript react
1.文件-》首选项-》设置查找files.associations在工作区设置如下即可原创 2020-12-27 22:43:27 · 995 阅读 · 0 评论 -
gnvm 管理 node
gnvm 管理 node版本下载gnvm.exe 放在node 目录下 node目录设置环境变量然后 切换即可原创 2020-12-27 21:22:02 · 269 阅读 · 0 评论 -
vue scss 换肤
1。文件目录demo:https://download.csdn.net/download/u013236043/13458437.2.主要使用mixin定义两种theme3.varibale.scss 定义了样式配置常量4.引用app.vue 中设置默认样式5.引用6.样式切换原创 2020-12-06 21:03:42 · 433 阅读 · 0 评论 -
vscsode js 自動加分號
1.js 中安裝 prettier2.修改vscode 配置"editor.defaultFormatter":"esbenp.prettier-vscode","[javascript]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"prettier.useEditorConfig":false,"prettier.semi":true,//是否带分号"p...原创 2020-08-28 11:28:34 · 132 阅读 · 0 评论 -
mapbox 初探
1.https://www.mapbox.com/官网注册账号 进入studio2.选择 new style 根据自己需要选择 样式 也可以选择blank 空白地图 自己配置3.开始设置style 具体参数配置讲解见:https://www.bilibili.com/video/BV1yE411M7Tn4.配置完成后 点击publish 然后share 拷贝一下style url 与 token5.在leaflet中调用...原创 2020-07-28 18:33:50 · 424 阅读 · 0 评论 -
vue ssr 初探
1.最近学习vue 初探一下vue ssr 写个小demo1.服务端渲染的优势缺点1)、SSR渲染的优势:(1)更利于SEO;(2)更利于首屏渲染(特别是对于缓慢的网络情况或运行缓慢的设备,内容更快到达)2)、SSR渲染的缺点:(1)服务器压力大,考虑服务器端负载。(2)开发条件受限,只会执行到ComponentMount之前的生命周期钩子,引用第三方库不可用其他生命周期钩子,引用库选择产生很大的限制。(3)学习成本增大,需要学习构建设置和部署的更多要求。2...原创 2020-05-12 16:47:44 · 269 阅读 · 0 评论 -
vue+webpack 搭建
1.node安装 自行百度2.先建文件文件夹vueweb 键入文件夹 npm init3.安装装vue webpack 执行命令 npm i webpack vue vue-loader4.webpack 4 需要安装 webpack-cli npm i webpack-cli5.还需要安装vue-loader-plugin vue-template...原创 2020-04-20 18:22:03 · 287 阅读 · 0 评论 -
vscode vue + eslint
1.全局安装eslint npm install -g eslint2.创建vue项目vue create testeslint选择默认模式安装babel eslint(还是得手动安装eslint)3.手动安装eslinteslint --init根据引导安装eslint 即可如果vscode不提示格式错误 在vsc...原创 2020-04-13 17:20:35 · 473 阅读 · 0 评论 -
mpvue 开发小程序
1.安装vue开发环境,开发工具vscode 微信小程序开发工具2.创建小程序 vue init mpvue/mpvue-quickstart my_project3.根据提示安装完成 cd my_project 进入项目 npm install 安装依赖包 npm run dev 编译4.微信开发者工具导入my_project\dist\wx 项目...原创 2019-10-24 16:07:24 · 149 阅读 · 0 评论 -
angularjs1 {{}} 与 ng-bind的区别
在AngularJS中显示模型中的数据有两种方式:一种是使用花括号插值的方式:1<p>{{text}}</p> 另一种是使用基于属性的指令,叫做ng-bind:2<p ng-bind="text"></p> 这两种方式的效果都是一样的,其主要区别在于,使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载...转载 2018-11-25 14:04:58 · 210 阅读 · 0 评论 -
ionic3 配置懒加载
1.新建一个项目 ionic start lazy tabs2.cd lazy 安装依赖包 cnpm install3.分别添加home.module.ts about.module.ts tabs.module.ts contact.module.ts 四个文件到home about tabs contact 文件夹中...原创 2019-02-28 16:35:26 · 205 阅读 · 0 评论 -
icon3.x + cordova +angular4.x
https://www.cnblogs.com/chenglu/p/8608121.htmlx转载 2019-02-26 16:13:43 · 110 阅读 · 0 评论 -
pm2 使用
1.安装 npm install pm2 -g(pm2安装使用需要全局安装 npm install -g pm2)2. 方法1:pm2 start app.js 方法2:编写配置文件 XXX.json(建议) pm2 start XXX.json3.pm2配置文件说明{ "apps": //配置文件为一个数组,可配置多个项目...原创 2019-04-04 11:41:00 · 406 阅读 · 0 评论 -
react-native + vscode 初试
1.按照官网的例子配置了 node2.我这里没有下载android studio 只是下载android sdk 配置了环境变量3.npm install -g yarn react-native-cli 安装脚手架4.react-native init testF5.遇到报错 App.js type props={} 参考:https://blog.cs...原创 2019-04-25 15:33:08 · 172 阅读 · 0 评论 -
夜神模拟 配置 热加载
1.修改dev setting修改本机IP:8081修改为 代码更新 加载原创 2019-07-03 18:55:18 · 534 阅读 · 1 评论 -
react-native vscode 夜神热加载
1.运行 react-native run-android 我的机器上会弹出一个dos 的node框2.关掉dos后 模拟器报错3.解决方法adb reverse tcp:8081 tcp:8081npm start重新开启一次热加载...原创 2019-07-03 19:04:16 · 515 阅读 · 0 评论 -
react+native android 启动白屏处理
使用 react-native-splash-screen 插件参考:https://www.npmjs.com/package/react-native-splash-screen1.安装: npm i react-native-splash-screen --save react-native link react-native-spla...原创 2019-07-12 18:43:35 · 634 阅读 · 0 评论 -
react+native gradle 下载超时解决方法
1. 打开 android\gradle\wrapper\gradle-wrapper.properties找到distributionUrl 查看gradle版本2.到官网上下载匹配的版本 到本地https://services.gradle.org/distributions/3.替换distributionUrl 地址为本地distributionUrl=file\:...原创 2019-07-12 21:20:43 · 1913 阅读 · 0 评论 -
react-native run-android 报错 Execution failed for task ':app:processDebugResources'.
解决方案:进入项目目录然后 进入android目录 cd android然后执行gradlew clean原创 2019-07-13 16:14:05 · 1526 阅读 · 0 评论 -
vue 父子组件传值
父组件:子组件:父组件传值到子组件:props:父组件data中定义属性值: namea模板中绑定传值: v-bind:name="namea"子组件中获取值:props:['name'],子组件往父组件传值:$emit子组件定义方法以及值:<button @click="$emit('pushData',34)">发送<...原创 2019-08-26 15:58:18 · 118 阅读 · 0 评论 -
Angular UI框架 Ng-alain @delon的脚手架的生成开发模板
参考:https://www.cnblogs.com/wer-ltm/p/8447323.html https://ng-alain.com/zh转载 2018-11-13 15:00:09 · 2695 阅读 · 0 评论