- 博客(65)
- 收藏
- 关注
RSS订阅转载 div contenteditable 代替Textarea，做成Vue属性动态绑定
前言一般都是用Textarea 文本来编辑，但发现可以用div contenteditable = “true”,这个属性来搞定<div contenteditable=true placeholder="添加描述符" class="shut-down"></div>css.shut-down:empty:before{ ...
2019-08-19 17:26:00
1027
转载 vue项目 WebViewJavascriptBridge 适配android和ios
前言最近在app 原生页面 嵌套 做Vue 的H5，混合开发，当然原生和Vue 交互方面当然用到WebViewJavascriptBridge 这个东西啦，当然在用到的时候也有问题，可以参考大佬的写法 然后结合自己的写法 ，自己整除一套适合的代码这个是https://github.com/marcuswestin/WebViewJavascriptBridge ...
2019-08-05 18:18:00
1037
转载 Vue 页面 前进刷新 后退不刷新（keepAlive）
前言遇到这一个个问题 需要是这样的 Vue里面的不刷新问题页面分为： A 主页 B列表页 C 详情页A beforeRouteLeave 时设置 to.meta.keepAlive = false (A 进入 B页面时)， 不缓存 B列表页B beforeRouteLeave 时 （B -> C）列表页进详情页时 from.meta.keepAli...
2019-07-04 19:04:00
840
转载 axios时遇到的Request Method: OPTIONS
前言在请求axios 请求数据的时候，会出现options的，是因为请求是分为简单请求和复杂请求。简单请求满足下面两个条件的请求是简单请求：请求方式是以下三种之一：HEADGETPOSTHTTP的头信息不超出以下几种字段AcceptAccept-LanguageContent-LanguageLast-Ev...
2019-06-18 16:37:00
1653
转载 vue 中 弹幕的播放
前言 最近在搞弹幕的问题，小程序上的和vue上的，不想使用插件，于是自己摸索了一下，其实包括 2中弹幕形式 有序和无序的直接上代码吧<!-- 弹幕 --> <template v-if=" barrageData.newsRocket.length > 0 "> <!-- 'animation-dura...
2019-06-17 18:11:00
565
转载 Vue打包上线之后CSS没有压缩和不生效
前言当用vue-cli 脚手架 打包压缩时，发现打包出来的css 没有被压缩，所以查阅了些资料，下面用这个方法解决： 1.首先注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ...
2019-05-10 17:33:00
2781
转载 vue 里面异步加载高德地图
前言关于Vue 里面使用异步加载高德地图项目中其实只有几处需要用到地图，不需要全局引入在index文件中引入js会明显拖慢首屏加载速度，虽然可以使用异步加载script的方式解决，但是始终觉得不够优雅。解决方案1.创建一个AMap.js,路径'utils/AMap'export default function MapLoader () { // ...
2019-04-25 19:00:00
586
转载 关于 Vue 微信客户端 不能播放音乐（报错和不能播放的问题）
前言用vue 做音乐播放的时候，在本地可以打开播放，但在微信里面不能播放音乐所以这样解决 // 音乐播放 audioPlay(){ let _this = this; var audio = _this.music; if(_this.bgmUrl){ audio.src = _this.bgmUrl...
2019-04-04 16:30:00
464
转载 vue2.0 移动端，下拉刷新，上拉加载更多 封装组件
前言在做移动端的避免不了 下拉刷新，上拉加载直接上代码吧，哈哈组件里： 1 <template lang="html"> 2 <div class="yo-scroll" 3 :class="{'down':(state===0),'up':(state==1),refresh:(state===2),touch:touch...
2019-03-18 18:12:00
378
转载 Mac 安装RN android开发环境
前言前面介绍了MAC 安装,再来讲讲mac 安装 安卓的开发环境首先貌似很多Mac自带安卓JDK ，你可以在终端上输入java -version 看是否已经有java开发环境。如果没有java开发环境，需要到官网下载java-jdk；然后配置系统变量。一、使用命令行来配置1.请安装JDK1.8 ，下载地址Oracle官方：http://www.oracle.c...
2019-02-13 17:10:00
297
转载 React native 在mac下安裝 环境
前言春节回来上班第一天，配了mac ，然后在去年就有要弄mac 配置RN教程，好勒一上午，其中有遇到一些问题，都解决 了当然你可以看官网的步骤啦https://reactnative.cn/docs/getting-started.html，其实都差不多哦安装过程Homebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件打开终端输入：...
2019-02-11 15:52:00
91
转载 gulp 自动化构建网站（版本号静态资源）
前言新的一年啦，感觉总是静不下心，用了一天的时间吧，算是对gulp 这个前端打包工具入门了，自己也写了demo，表示对这个稍微理解了吧，当然还是有差距的啦，下面讲讲怎么用吧：如何用当然先去官网去看下如何使用的，这个是入门指南https://www.gulpjs.com.cn/docs/getting-started/1. 全局安装$ npm install ...
2019-01-17 18:46:00
147
转载 CSS3动画实现高亮光弧效果,文字和图片（一闪而过）
前言 好久没有写博客啦，高亮文字和图片一闪而过的特效，用CSS3来写先看文字吧，就上代码了.shadow { /* 背景颜色线性渐变 */ /* 老式写法 */ /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */ /* color-stop函数，第一个表示渐变的位置，0...
2019-01-11 18:02:00
1149
转载 vue iOS上传图片file 出错
前言用vue 移动端上传图片在低版本的 ios 手机上 图片转换base64 在转换file 文件类型 会报错并且报错 “Script Error ”查阅了github 和一些文档发现可以吧 file 改为 Blob 的 格式上传，哈哈上的代码 changeBase(dataurl, filename) { var arr = dataur...
2018-11-22 16:17:00
633
转载 vue 无缝滚动文字
前言用vue做无缝滚动，字体弹幕就上代码吧<head><meta charset="UTF-8"><style>div, ul, li, span, img { margin: 0; padding: 0; display: flex; box-sizing: border-box;...
2018-11-20 10:52:00
247
转载 移动端 使用 vConsole调试
前言用vue 写移动端代码，有个报名页面就在iOS 9下出现问题，vue的循环渲染都正常，一开始的数据也能取到。证明不是vue的兼容性问题但是在用户点击按钮发现不能点击进入跳转工具推荐使用vConsole 这个 可以在移动端调试的解决过程npm installvconsole使用webpack，然后js代码中import VCons...
2018-11-19 11:52:00
185
转载 Vue使用 weui picker 弹出框不消失
前言最近使用 weui 里面的 datepicker 组件的时候遇到了一个问题：弹出来 选择年月日的框之后，直接点击导航上的“返回” 按钮，picker 选框不消失，也就是弹出框不消失 weui.datePicker({ start: 1900, // 从今天开始 end: 2030, defaultVal...
2018-11-14 17:10:00
919
转载 关于小程序picker 的使用
前言以前做小程序的时候只会用那个picker mode = region的 3级选中，现在需要自己根据后台给的编号省市区来用然后就研究了多列选择器：mode = multiSelector 的用法当然啦，利用微信小程序的picker组件，其中： 1，普通选择器：mode = selector实现一级选择实例； 2，省市区选择器：mode = region实现省市区三级联动...
2018-10-22 17:59:00
198
转载 Vue 上传图片压缩 的问题
前言也是很少来写博客了，也是赖吧，哈哈最近新的进度里有上传图片太大，需要前台进行图片压缩问题，然后查阅了相关资料上传图片大于100* 1024 的用canvas 来压缩来解决然后IOS拍照上传会有图片旋转的问题，然后用了github 上的exif.js很好的插件，项目里面npm install exif-js --save 安装，然后import一下就可以使用了...
2018-10-15 15:39:00
169
转载 CSS实现宽度自适应100%，宽高16:9的比例的圖片或者矩形
前言图片的大小是多少，宽度一定，高度要始终自自适应为16:9。解决1通过js，程序算出绝对高度再进行设置。这是解决问题最容易想到的方法。2.我们的原则是能用css实现的功能尽量用css，这有利于后期项目的维护。css同样可以实现这个问题，我们可以利用边距的百分比属性定义来优雅实现。我们通过百分比设置宽度，根据宽度的比例数值*9/16，计算出高度的百分比...
2018-09-11 10:19:00
648
转载 小程序旋转木马 轮播图
前言看下效果吧分析自动滚动+手动拖拽 （原生组件帮我们完成 Property：autoplay）面板指示点 （原生组件帮我们完成 Property：indicator-dots）左右可以露出非Active状态图的边缘（即Quiet状态， 后文class会以这两个名字定义） （原生组件帮我们完成 Property：previous-margin、next-margin...
2018-08-31 15:52:00
142
转载 Django ckeditor增加编辑代码 功能
前言使用ckeditor这个组件的时候 对于长写博客的同学当然希望能有 增加代码这个功能按钮 而这个按钮 需要自己配置我们的编辑器自然需要添加代码块的功能。需要用到插件codesnippet，ckeditor的插件放在了ckeditor/static/ckeditor/ckeditor/plugins/路径下。安装当我们添加一个功能插件时，需要在...
2018-08-10 00:00:00
139
转载 Iconfont 阿里图库使用(小程序和H5)
前言 现在前端发展的太快，前端优化也是，图片也是被近2年来比较火的就是阿里图库取代了，不管小程序还是H5 都在用好了，那么就介绍下如何使用吧阿里图库当然需要你到阿里官网 http://www.iconfont.cn/注册这个流程我这边就不讲啦 ，到你的项目管理中 选中 Font class 然后点击下载至本地然后解压那个下载的包，双击打开...
2018-07-30 16:50:00
7048
转载 关于Vue 刷新页面
前言 Vue 中是单页面，当然需要刷新数据咯 你一定遇到这样的需求：：比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者 这个页面有个组件 ，但是这个组件里面的点击事件还是到当前页面 怎么...
2018-07-25 10:56:00
212
转载 安装 MySQL
前言如果你是大神就是大佬，就不要看这个啦，我是小白 初学 mysql ，就请多指教啦自己用的比较多的还是mongodb,但是mysql 还是要多学学的，你说一个前端干嘛要学mySQl,我只能说我爱折腾，生活啊 ，同志们 你能理解吗？好了 言归正传：为什么要用MYSQL天生为服务器端而设计的，能使用服务器，能解决高并发访问 ，哇 我真的就像用了再不说正题，我怕要...
2018-07-23 19:44:00
61
转载 keep-alive 组件级缓存
前言 在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态，它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的滚动条的深度，等返回的时候依然在这个位置，这样可以提高用户体验。在Vue中，对...
2018-07-23 11:10:00
164
转载 python 后台 安装 富文本编辑
前言 当然需要安装一些后台只能输入一些文本编辑器，不然这样多少不美观呀 当然python 有 safe 可以把后台的标签转换 ， 还有striptags 这个是换成html 格式的，但不会加粗或者啥之类的安装编辑器你的项目：我的是mysite>>pip install django-ckeditor他会自动帮你...
2018-07-22 11:52:00
96
转载 Python 分页和shell命令行模式
前言除了手动添加你的文章后外，你还可以用命令行来添加，python 自带了一种命令行 就是 shell快速添加博文：Shell命令行模式在你的目录下：mysitepython manage.py shell导入Blog模型：>>> from blog.models import Blog验证是否成功引用：>...
2018-07-21 13:08:00
91
转载 安装虚拟环境 virtualenv
前言 玩python 当然需要安装虚拟环境，这样就万一有多个项目，避免会冲突，如何安装virtualenv： 下面如下： 输入 pip list cmd 你的电脑： 然后 输入 pip list: 这是你的正式环境：然后安装你的虚拟环境 输入：pip install virtualenv （安装你的本地环...
2018-07-16 23:12:00
139
转载 Redux 聊聊
前言Redux 是 JavaScript 状态容器，提供可预测化的状态管理。首先明确一点的就是： Redux并不是React必须的，也没有任何依赖，你可以很自由的将他应用到各种前端框架、jQuery、原生JS中，它只是一个数据流管理工具。了解一下React的数据流：React推崇的是单向数据流，自上而下进行数据传递。父组件可以通过Props将数据传...
2018-07-16 09:47:00
73
转载 Django报错 No module named 'django.templates'
前言 Django 模板报错了修改方法：将你的工程文件下（my_site）的settings.py中的TEMPLATES中的templates字段全部改为template，亲测可用~^~转载于:https://www.cnblogs.com/yf-html/p/9314280.html...
2018-07-15 17:49:00
206
转载 Django 创建 hello world
前言 用Django 创建 hello 哈哈，对这个还是有点意思的创建文件 在你的目录下 比如我是F:\python\django的输入下面的代码： django-admin startproject mysite这里，mysite为项目名称，也可以是其他的名字。进入到mysite目录之后，可以看到目录结构如下：.├── man...
2018-07-15 14:16:00
131
转载 python（Django2.0） 安装
前言 哇 ，python 是真的强大，看看如何安装的python:下载咯在python的官网下载python对应版本：https://www.python.org/downloads/windows/64位下载Windows x86-64 executable installer 版本 现在的电脑一般都是 64位的下载后 就是傻瓜式安装...
2018-07-15 13:49:00
166
转载 create-react-app踩坑记
前言哇，不的不说这个react 这个脚手架create-react-app脚确实有很多问题，哈哈，下面来看看吧有哪些坑：引用sass或者less 记得16年还是几年是不支持sass，和less的，貌似现在支持了，我配置sass 也遇到很多问题，还是不能正确使用： 在这个之前：你需要运行 npm run eject cre...
2018-07-13 12:02:00
227
转载 Vue项目的痛点
前言 用Vue做项目，难免会有痛点，移动端还是PC端，我也总结了下关于问题：进入详情页的传参问题。服务器接口跨域axios封装请求UI库的按需加载如何只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题打包后生成很大的.map文件的问题fastClick的300ms延迟解决方案解决webpack打包后-webkit...
2018-07-12 20:04:00
146
转载 React 错误处理(componentDidCatch)
前言 看react 文档突然发现有这个 错误处理函数，好像是17年9月出的，这个真的绝了可以帮助我们捕捉错误咯React 16 将提供一个内置函数componentDidCatch，如果render()函数抛出错误，则会触发该函数。官网例子下面这个:class ErrorBoundary extends React.Component { ...
2018-07-11 15:29:00
1436
转载 Vue props双向绑定
props是不能改变的项目里遇到一个问题，就是props的组件内是不能改变，就像react中的props值也是不能改变的，所以我在用的时候竟然忽略了这个点。真的要反省反省， 下面就是这个报错的问题：use a data or computed property based on the prop's value如何双向绑定我做的是一个弹框的组件让在父组件...
2018-07-10 19:23:00
119
转载 redux 中的 redux-thunk(中间件)
前言 空闲时间把redux中的redux-thunk中间件回顾下，因为以前没有写博客的习惯，都怪自己太年轻，好了 其实： redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来告诉（What happened?）， 用reducers描述action如何改变state tree 。创建s...
2018-07-10 09:19:00
88
转载 webpack 搭建React（手动搭建）
前言 最近真的都是在瞎学，看到自己不是很明白的东西，都喜欢自己手动去敲1到3遍（晚上下班的时候咯），瞧，React 基于webpack 搭建，react 官方有一套手脚架工具，我自己也搭建过确实挺好使的，适合初学者学习学习。但是自己还是想手动来搭建，嗯 于是写一篇不用手脚架搭建的博客，供自己加强记忆，哈哈哈 开始咯创建项目目录 新建 r...
2018-07-05 23:24:00
94
转载 vue interceptors(拦截器)
拦截器 顾名思义： 就是半路个您劫持，拦截器 其实在项目和自己写demo中，总会遇到请求方面需要在请求头里面做判断或者添加一些东西，这时候 vue 中应用中axios的interceptors其的就能帮助我们做这些事情拦截请求 比如需要在请求头里面加入 token和 签名 加强请求安全性。毕竟请求被攻击太多了// 拦截请...
2018-07-04 18:54:00
1791
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人