- 博客(47)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 Nuxt.js 一点点
1. Nuxt.js概述Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。简单来说，Nuxt.js一般就是用来作SSR（服务器端渲染）的，Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。1.1 什么是SSR？在认识SSR之前，首先对CSR与SSR之间做个对比。首先看一下传统的web开发，传统的web开发是，客户端向服务端发送请求
2021-10-14 17:23:41
468
原创 使用column-count布局的时候，box-shadow会被截断
column-count布局，可以将容器内的内容分成指定列数div { column-count:3; -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */}但是将column-count和box-shadow同时使用时，有时候box-shadow的阴影部分会被截断解决方案：.box { column-count: 3; column-gap: 20p
2021-06-11 11:35:21
963
2
原创 vue-cli3.0打包后禁止浏览器Sources下webpack:// 显示VUE源码
发现网上的人都是说的将productionSourceMap改为false，实际上是不生效的。实际应该改configureWebpack下面的devtool的值vue-cli3下的webpack配置configureWebpack: { devtool: process.env.NODE_ENV === 'development' ? 'cheap-module-eval-source-map' : 'cheap-module-source-map',}这里是参考文章对于开发环境e
2021-06-10 20:03:39
3562
3
原创 vue-cli配置数据接口的baseurl
0. 写在前面之前一直都是将axios的baseurl写在二次封装的api.js中：const PRODUCT = 'http://47.112.135.251:8081'; //test netconst LOCAL = '/url';然后通过axios.defaults.baseURL = PRODUCT或LOCAL;来切换baseURL，每次打包的时候都要手动切换。本来没觉得...
2019-06-19 14:01:30
5820
原创 react-native设置虚线不生效，TextInput设置多行，内容垂直居中了
在react-native开发中，我们有时间需要用到border的样式为虚线 borderStyle: "dashed",发现不生效，查资料可知，原理他需要和borderRadius一起使用 borderStyle: "dashed", borderRadius: 0,这样就可以了。&&&&&&&&...
2019-06-04 18:25:10
3761
原创 react-native react-navigation 动态改变title
路由配置处const navigator = createStackNavigator({ BrowserPage: { screen: BrowserPage, navigationOptions: ({navigation}) => ({ title: `${navigation.state.par...
2019-04-22 11:20:04
935
原创 react-navigation 路由跳转push和replace
在react-native开发中，我们往往需要用到路由跳转。使用react-navigation实现功能。文档在此。0. 创建路由栈import {createStackNavigator, createAppContainer} from "react-navigation";/** 引入路由页面 */import ChooseSystem from "./pages/accoun...
2019-04-19 10:52:54
6534
3
原创 Windows 下React Native 打包APK 错误解决
按照官网教程一步步走注意：生成签名密钥时，要用管理员的身份运行cmd，再进入jdk安装目录的bin目录，运行keytool 命令到这一步时：./gradlew installRelease报错* What went wrong:A problem occurred evaluating project ':app'.> Could not get unknown proper...
2019-04-16 17:13:29
466
原创 flex布局，最后的一个元素布满剩余空间
设置父元素flex布局时，第一个元素宽度固定，第二个元素布满剩余空间以下是react-native中的代码.father{ display: 'flex', flexDirection: "row", width: "100%"}.son1{ width: 20}.son2{ flexGrow: 1, //铺满盒子剩余空间}...
2019-04-16 16:04:04
38850
4
转载 createBottomTabNavigator 的子页面，路由切换时，更新数据
RN使用 createBottomTabNavigator 创建底部导航栏时，只会在第一次创建时调用 componentDidMount 钩子，当跳转到另一个页面，点击返回键再次返回到此页面时不会再次调用，但我们往往需要在返回此页面后重新执行获取数据等方法函数。解决方法子页面：componentDidMount() { this._navListener = this.props...
2019-04-16 15:27:49
2673
3
转载 react-native组件传值
原文链接：https://www.jianshu.com/p/77fe6fbbadb91.父傳子：① props② ref2.子傳父：①第一步：父组件中引用子組件的時候，自定义方法，然后绑定this<SonCompoent receiveMoney={this.receiveMoney.bind(this)}/>② 第二步：子组件通过this.props获取那個方法...
2019-03-27 23:17:38
580
原创 React-Native学习
中文文档：https://reactnative.cn/docs/getting-started.html为方便快速查找，此处仅做步骤记录0.环境配置参照上面文档内容1.构建、启动项目注意：项目目录不能有中文字符react-native init AwesomeProjectcd AwesomeProjectreact-native run-android2....
2019-03-27 14:05:32
831
原创 区块链开发--安装"web3": "1.0.0-beta.34"版本报错
1.进入工程，先安装依赖 cnpm i2.有可能报错如下解决：cnpm install --msvs_version 20153.安装完成后，运行js，报错：解决：进入下面文件夹，将 require("./build/Release/scrypt") 改为 require("scrypt")var scryptNative = require("scrypt") ,...
2019-03-12 12:03:41
784
原创 vue移动端工程在苹果ios系统上用浏览器打开不显示图片
从以下几个方面入手1.在style中不要直接用标签名写样式img{}2.用类名修改img样式时，height和width写100%.img-logo{ height:100%; width:100%;}3.border-redius样式只能内联方式，不能用类名方式修改...
2019-01-14 14:44:41
3642
原创 text-overflow: ellipsis判断文本是否超出
我们经常会用到超出隐藏的css代码：/*文字溢出不换行，显示省略号，分别是1行 2行 3行的控制 */.no-wrap, .multi-2-no-wrap, .multi-3-no-wrap { overflow: hidden; text-overflow: ellipsis;}.multi-2-no-wrap, .multi-3-no-wrap { -webkit-b...
2018-12-18 15:18:19
5322
原创 fork代码与原作者保持同步
git remote -vgit remote add upstream https://github.com/**********.gitgit fetch upstreamgit branchgit checkout mastergit merge upstream/mastergit push origin master
2018-05-04 15:41:25
207
原创 区块链开发 之 web3返回数据关键键值对
hash: String, 32 Bytes - 交易的hash值nonce: Number - 发送方在此次交易之前所在的交易次数blockHash: String, 32 Bytes - 此次交易所在区块的hash码blockNumber: Number - 此次交易所在区块的区块编号transactionIndex: Number - 此次交易在区块的交易列表中的序列号from: ...
2018-05-03 16:43:29
438
原创 webstorm 设置缩进不生效
设置代码缩进1. 依次打开files —- settings —- Editor —- Code Style —- JavaScript2.设置Tabs and Indents设置为你想要的宽度3.重点来了，设置完后有可能始终不生效选中Plugins , 在右边的搜索框内搜索editorconfig，显示出这个插件列表，将他后面的勾勾去掉，点击Apply，O...
2018-04-25 11:25:00
10811
原创 让360双核浏览器默认极速模式打开网页
最近做的项目中，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是在用360或者QQ等双核浏览器打开网站时，发现都是以IE内核的兼容模式打开。 这里找到一种方法，可以使360浏览器或者QQ浏览器以chrome内核的极速模式打开。 设置meta标签 <meta name="renderer" content="webkit|ie-comp|ie-...
2018-04-16 11:14:00
2737
原创 vue-cli 代理解决跨域
除了Nginx代理可以解决跨域外，在使用vue开发时，通过脚手架vue-cli也可以做服务器代理。a. config文件下的index.js，设置dev.proxyTablemodule.exports = { dev: { proxyTable: { '/agent': { //使用"/agent"来代替源地址 ...
2018-04-10 09:44:16
1021
原创 小程序callout气泡在开发者工具正常但手机上一片黑
小程序开发，根据文档，callout气泡各种参数都写好了，在开发者工具中，显示也很正常。data: { markers: [{ iconPath: "../../images/me.png", id: 0, latitude: 22.553147, longitude: 114.01...
2018-03-22 17:49:08
3295
4
原创 css实现超出文本溢出用省略号代替
一、单行直接上代码：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如下： 二、多行下次更新，拜拜——————————–割—— 3月20日更新 ——————————–原理1：不考虑兼容性的，适用于WebKit浏览器内核的。css代码： .box { ...
2018-03-12 16:51:15
12696
1
原创 让背景出现毛玻璃的效果
一 .最近做一个项目，UI的一个需求是：1.背景是半透明的 2.背景有毛玻璃的模糊效果 3.上面的字体清晰可见 效果如下： 二 . 我说这个简单，不就是背景用blur处理一下嘛，简单。先是背景透明，字体清晰可见div{ background:rgba(51, 51, 51, .6);}再来个模糊处理div{ background:rgba(51, 51, ...
2018-03-08 16:23:19
5290
原创 VUE 2.x + electron 打包桌面应用exe
0.背景最近做一个基于 VUE 2 的资产后台管理系统。因为暂时没有后台人员编写数据接口，只把前端页面构建出来了。 突然有一天，领导说有客户来访，需要看一看后台管理系统的界面演示。而当前做的web项目只有纯静态，也木有上线，所以给客户演示时非常不方便，于是领导喊我将其打包成一个桌面应用程序，直接可以离线观看的那种。 当时听着也是一愣，这玩意不是应该是c++或java这种更牛逼的东西干的事情...
2018-02-12 09:44:35
25412
20
原创 flex实现元素左右居中+垂直居中
实现方式：#container{ display:flex; justify-content:center; align-items: center;}兼容性：效果：设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。子元素呈现左右居中+垂直居中的效果友情链接：各种上下左右居中方式 阮一峰的flex介绍
2018-02-12 09:13:37
2998
转载 一文总结学习 Python 的 14 张思维导图
首先，按顺序依次展示了以下内容的一系列思维导图：基础知识，数据类型（数字，字符串，列表，元组，字典，集合），条件&循环，文件对象，错误&异常，函数，模块，面向对象编程；接着，结合这些思维导图主要参考的资料，分享一下我的学习体验，一方面可供初学者参考，另一方面，也便于大家结合思维导图深入学习、理解、思考；最后，提供几篇文章链接，方便希望从 Python 2.x 迁移到 3.x 的朋友理解。
2018-01-25 10:04:15
202
原创 JavaScript 中语句的分号及webstorm对其的设置
在 C 语言中，分号是语句结束的标志，在语句结束的地方一定要以分号结束。而 JavaScript 的分号却是可选的，若语句都各占一行，则可以省略分号。这是因为 JavaScript 中的 ASI 机制，允许我们省略分号。ASI 机制先分享一个关于 ASI 机制的介绍，感觉这个博主写的很好。ASI 机制不是说在解析过程中解析器自动把分号添加到代码中，而是说解析器除了分号还会以换行为基础按一定
2018-01-11 12:03:32
7539
原创 inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移
1.背景将一个行内元素设为行内块，再设置溢出属性时： span { width: 100px; display: inline-block; overflow: hidden; }会导致左右相邻元素被奇怪的向下拉动了一定的距离。2.解决方法设置其对齐基准为bottom，vertical-align: bottom; s
2018-01-09 11:59:16
1208
原创 根据原始坐标得到百度坐标再进行逆地址解析
let data = { lng: 113.531321, lat: 22.456451}let pointArr = []pointArr.push(new BMap.Point(data.lng, data.lat)) new BMap.Convertor().translate(pointArr, 1, 5, (res) => { if (res.sta
2018-01-04 12:02:26
750
原创 Vue2.0 心法 ==> 第三层：keep-alive 缓存之坑
初学vue2.0，发现自己智商不够用啊。 最近在路由缓存处又遇到一个坑。 由于整个项目是同事构建的，我只负责开发定位监控页。在此处有一个需求，所有路由都要用到keep-alive缓存，而其中一个地图路由不能有缓存。
2017-11-23 09:03:38
7606
原创 地图坐标转换(84坐标、百度坐标、国测局坐标)
由于目前世界上只有美国才有全球定位系统(GPS)，当我们实际做项目时，得到的坐标数据往往都是为GPS全球定位系统使用而建立的坐标系统，即我们所说的84坐标。而基于我国国情，这些真实坐标都是已经进行人为的加偏处理过后，才能进行出版和发布。所以，后台返回的是84坐标，想要在地图上显示正确的位置，就需要进行坐标转换。
2017-11-20 17:49:58
12807
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人