- 博客(61)
- 收藏
- 关注
RSS订阅原创 Mini-React
当react组件状态发生变化的时候，React会生成一个新的vdom树，与上一次的vdom树进行差异对比。并且找出实际发生变化的部分，并将这些变化去应用到真实的dom上，从而减少不必要的dom操作。通过链表的 child sibling return 维护形成了一颗 fiber 树，这样我们就可以通过指针明确的知道当前执行到哪个 fiber 节点，当浏览器空闲的时候就去执行。React内部的一个方法。需要改为异步可中断的更新后，之前的 vdom 的数据结构就不太行了，这里就引出了 fiber 架构。
2024-04-02 21:35:20
511
原创 mac homebrew nvm安装
homebrew安装失败 443解决办法：打开终端，修改hosts文件 sudo vim /etc/hosts,在最后一行加入 199.232.28.133 raw.githubusercontent.com然后重新执行下载命令 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/mas...
2020-05-01 11:40:27
405
原创 vue刷新页面时候去掉闪烁
在router-view里添加v-if判断 <router-view v-if="isRouterAlive"></router-view>然后在添加provide()以及reload方法 provide() { return { reload: this.reload } ...
2019-07-30 13:08:05
597
原创 exif.js解决ios手机上传竖拍照片旋转90度问题
ios手机上传图片的时候可能会出现图片被翻转// ios手机图片被翻转处理import EXIF from 'exif-js'// file为Blob对象function transformImg(file) { let Orientation = null return new Promise((resolve => { EXIF.getData(...
2019-07-30 10:10:35
461
原创 在云服务器上(CentOS)上安装Node
登录服务器 ssh root@云服务器公网ip进入对应的文件夹用于放node安装包，我是在/usr/local文件夹里cd /usr/local下载node: wget 资源链接地址 我是下载的10.13.0版本，你要下载其他版本，把版本号替换掉就好了wget https://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0-l...
2019-05-18 21:09:03
225
转载 小程序 first-child 和 last-child 会失效的原因
原 first-child 和 last-child 会失效的原因。 2018年07月19日 10:00:16 qq_40128591 阅读数：1513 ...
2019-01-31 15:06:58
4241
3
原创 小程序构建npm出现没有找到node_modules
npm initnpm install --productionnpm i vant-weapp -S --production //重要执行这三步然后选择构建npm
2019-01-09 16:54:04
3867
1
转载 python3.6 使用 pymysql 连接 Mysql 数据库及 简单的增删改查操作
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_37176126/article/details/72824106 折腾好半天的数据库连接，由于之前未安装 pip ，而且自己用的python 版本为3.6. 只能用 pymysql 来连接数据...
2018-10-17 11:56:29
449
原创 redux connect的装饰器问题
cnpm install babel-plugin-transform-decorators-legacy --save-devcnpm install @babel/plugin-proposal-decorators --save-dev然后npm run eject 弹出个性化配置修改babel部分，添加代码 &amp;amp;amp;quot;plugins&amp;amp;amp;quot;: [ [&amp;amp;am
2018-10-16 00:03:50
4972
7
原创 git删除远程分支文件夹但是不删除本地
由于venv文件被上传到git上了，需要删除远程分支但不删除本地 执行一下操作git rm -r cached directorygit status git add . git commit -am 'remove directory'pit push origin master...
2018-10-11 18:53:03
1870
原创 virtualenv
virtualenv用来为一个应用创建一套隔离Python的运行环境先用pip安装virtualenvpip3 install virtualenv2.在python中创建一个独立的python运行环境，命名为venvvenv就像是nodejs的package.json和node_modulesvirtualenv --no-site-packages venv //记得 -...
2018-10-11 11:43:05
232
原创 节流和防抖
防抖函数 事件被触发后n秒后再执行回调函数，如果在这n秒内又重新触发，则还是延迟n秒后执行回调（重新计时） function debounce(func, delay) { let timer return function (args) { if (timer) { clearTimeout(timer) } tim...
2018-09-17 11:41:17
304
原创 设置和获取cookie
设置cookiefunction setCookie(name,val,day) { if(day) { var date = new Date() date.setTime(date.getTime() + (day * 24 * 60 * 60 * 1000)) var expires = "; expires=" + date....
2018-09-16 19:20:14
298
原创 将链接转成base64格式生成二维码和把页面生成图片
function getUrlBase64 (url, etx, callback) { var canvas = document.createElement('canvas') var ctx = canvas.getContext('2d') var img = new Image() img.src = url img.crossOrigin = '...
2018-08-23 09:23:28
4293
原创 new Date()设置日期在ios的兼容性问题
之前写的创建时间一直是这样的var d = new Date(&amp;amp;quot;2018-08-17 10:30&amp;amp;quot;);今天写的时候在ios发现返回valid Date 原来ios不支持 - 的这种形式 解决办法：var d = new Date(&amp;amp;quot;2018-08-17 10:30&amp;amp;quot;.replace(/-/g, '/'));...
2018-08-17 12:39:55
1473
原创 webview
首先用Android studio创建一个空的app项目 修改MainActivity文件 WebView mWebView = (WebView) findViewById(R.id.webView1); mWebView.loadUrl(&amp;amp;quot;http://m.wecarepet.com&amp;amp;quot;); // 设置webview可以执行JavaScript脚本 mWebView...
2018-08-05 16:22:14
605
原创 vue测试
拿到本机的ip地址 ipconfig里面 http://localhost:8080 改为 ip地址：8080 如果浏览器拒绝了请求的话 修改vue的package.json 原因是我们前端的项目是通过webpack-dev-server启动的，而webpack-dev-server默认不支持IP的形式进行页面的访问，所以我们应该将它的配置项做一个修改。"dev": "webpack-d...
2018-07-10 17:01:11
273
原创 vue记录和打包后空白页的问题
由于JavaScript限制，vue不能检测以下变动的数组当你利用索引值直接设置一个项时vm.items[index] = newValue当修改数组的长度的时候，例如vm.items.length = newLength解决方法：Vue.set(this.items, index, newValue)// this.$set 实例方法 该方法是Vue.set...
2018-07-04 11:45:32
465
原创 mpvue和mysql的简单使用
创建项目// 全局安装vue-clicnpm i vue-cli -g// 创建模板vue init mpvue/mpvue-quickstart my-project
2018-07-02 23:30:16
988
原创 常见的代码
Array.map()//返回一个新数组，数组中的元素为原始数组元素调用函数后处理的值let arr = [1, 2, 3, 4] arr.map( v=&amp;amp;amp;amp;amp;gt; v*2 ) // [2, 4, 6, 8]Array.forEach()//遍历数组 let arr = [1, 2, 3, 4] arr.forEach( v =&amp;amp;amp;amp;amp;gt; {
2018-06-14 22:26:01
256
原创 css3属性
backdrop-filter设置图片的高斯模糊 `backdrop-filter: blur()` 注意：运用backdrop-filter元素的背景应该使用半透明，不然看不到效果 和裁剪属性如border-radius一起使用时会有bug产生 可以配合动画属性animation一起使用transform-origin设置旋转元素的基点 可以设三个值，xy...
2018-03-29 15:06:26
258
转载 Flex布局
Flex 弹性布局，任何一个容器都可以指定为Flex布局，但是设置Flex布局后，float，vertical-align，clear属性会失效容器的属性1.flex-direction 决定主轴的方向，即项目的排列方向 //有4个值row: 主轴为水平方向，起点在左端row-reverse: 主轴为水平方向，起点在右端colum: 主轴为垂直方向，起点在上沿colum-reverse...
2017-12-22 10:52:14
262
原创 vue请求数据，build文件没有dev-server.js解决办法
在最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里配置即可1.旧版dev-server.js配置本地数据访问：在var compiler = webpack(webpackConfig)前面配置var app
2017-12-19 18:11:44
966
转载 vue生命周期图解
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过程的目的地created: 在模板渲染成html前调用，即通常初始化某些值，然后再渲染成视图 ...
2017-12-18 17:59:28
591
1
原创 Git操作之克隆某一个特定的远程分支
git clone -b [remote repository address]在克隆的时候，加上branch信息在加上仓库地址
2017-12-15 12:32:50
453
原创 媒体查询使用和设备像素比
首先我们在使用Media的时候需要设置下面这段代码，来兼容移动设备的展示效果准备工作1：设置Meta标签 代码参数解释：width = device-width 宽度等于当前设备的宽度initial-scale = 1.0 初始缩放比例（默认1.0）maximum-scale = 1.0 允许用户缩放到最大比例（默认1.0）minimum-scale =
2017-12-11 15:57:57
3071
2
原创 vue-cli生成vue+webpack的项目模板怎么设置为vue1.0
用Vue-cli生成vue+webpack的项目模板$ npm install -g vue-cli$ vue init webpack my-project$ cd my-project$ npm install$ npm run dev这样默认的是Vue2.0,如果要使用Vue 1.X的话，执行下面的操作：$ npm install -g vue-cli$ vu...
2017-12-08 17:21:24
334
1
原创 vue过滤器的使用
vue 对数据提供一个 filter 的处理器，虽然命名为 filter ，但是我觉得叫做数据处理器更体贴。用以在不 filters: { formatDate (time) { let date = new Date(time) return format(date, 'yyyy-MM-dd hh:mm') } }改变的data 的情况下
2017-12-08 16:17:51
267
原创 css实现宽高比固定小技巧
padding-bottom是按照父元素的宽度比计算的,而不是按高度算,所以这里可以用溢出的padding-bottom来做（padding-top也可以）.image-header position relative height 0 padding-top 100% //image-header的高度就和他父容器的宽度是一样的 img pos
2017-12-06 11:03:07
739
原创 ES6常用语法
let和const定义变量使用let代替var1.let声明只在块级有效 2.let变量会提升，但是ES6规定了let声明变量前不能使用该变量const定义不可修改的变量 const遵循的规则和let相差无二，只是，const是用来声明恒定变量的，且声明的同时就得赋值，不然会报错函数的用法1.箭头函数function hello(name) { c...
2017-11-28 13:28:32
560
原创 react脚手架create-react-app
首先得安装脚手架工具 npm install create-react-app -g 然后新建一个项目 create-react-app demo npm start 开启调试环境 localhost:3000 查看调试页面 npm run eject弹出配置文件，可以自定义位置webpck
2017-11-28 11:12:07
390
原创 git pull遇到错误：error: Your local changes to the following files would be overwritten by merge
出现这个问题的原因是，我个人认为是本地代码和服务器代码冲突，本地的代码将会被服务器的代码覆盖掉，有两种解决的方法：1.保留本地修改的代码，并把服务器的代码pull到本地 git stashgit pull origin mastergit stash pop 服务器上的代码更新到了本地，而且你本地修改的代码也没有被覆盖，之后使用add，commit，push 命令即可更新本地代码到
2017-11-27 15:25:01
451
原创 CSS Sticky footer布局
stick footer就是让footer元素固定在底部，1当内容不足满屏时，footer紧贴最底部。2，满屏需要下拉时，footer就在内容的底部 通常用于提示的页面，下面有个x的按钮，这个按钮就是footer，它是用于关闭这个弹窗的，内容少时处在底部，多时下拉才显示。保证你都看完了。html结构 <div class="detail"> <div ...
2017-11-21 18:08:47
251
原创 浏览器兼容event.offsetX的方法
火狐浏览器不支持e.offsetX，解决方法function getOffsetX(e){ var e =e||window.event; var srcObj = e.target || e.srcElement; if (e.offsetX){ return e.offsetX; }else{ var rect = srcObj.g
2017-11-07 16:52:29
1298
1
原创 Vue基础
模板指令 v-if v-show 控制隐藏模板区别：v-if是不渲染这个元素 v-show是通过css的display：none和show来控制显示隐藏的vue实时计算computed vue的computed就是实时计算使用，vue检测到数据发生变动时就会执行对应数据有引用的函数如何让css只在当前组件中起作用 只需要在style中写scoped <style scoped
2017-11-06 12:25:34
269
原创 html5中audio的详细使用
html5的audio功能上已经非常强大，回放，跳转，缓冲等以前只能用flash才能实现的功能，html5的audio都能轻松搞定 最近的一个项目使用到了这个功能，把我使用的情况写下来，供大家参考, 因为我需要的功能很简单，所以做的不复杂，如果要使用更多的功能，可以参考下面的api，能实现很多高大上的功能 audio 相关的 api备用（当浏览器不支持audio时显示的内容）控制函数功...
2017-10-23 16:36:42
2510
转载 jQuery的deferred对象详解
一、什么是deferred对象开发网站的过程中，我们经常遇到耗时很长的JavaScript操作，其中既有异步操作（比如ajax读取服务器数据），也有同步操作（比如遍历一个大型数组），他们都不是立即能的到结果的。通常的做法是，为他们指定回调函数，即事先规定，一但他们运行结束，应该调用哪些函数。但是在回调函数方面，jQuery的功能非常弱，为了改变这一点，jQuery开发团队就设计了deferred对象
2017-09-18 12:02:04
412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人