- 博客(61)
- 收藏
- 关注
原创 Mini-React
当react组件状态发生变化的时候,React会生成一个新的vdom树,与上一次的vdom树进行差异对比。并且找出实际发生变化的部分,并将这些变化去应用到真实的dom上,从而减少不必要的dom操作。通过链表的 child sibling return 维护形成了一颗 fiber 树,这样我们就可以通过指针明确的知道当前执行到哪个 fiber 节点,当浏览器空闲的时候就去执行。React内部的一个方法。需要改为异步可中断的更新后,之前的 vdom 的数据结构就不太行了,这里就引出了 fiber 架构。
2024-04-02 21:35:20 534
原创 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 428
原创 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 668
原创 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 505
原创 在云服务器上(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 240
转载 小程序 first-child 和 last-child 会失效的原因
原 first-child 和 last-child 会失效的原因。 2018年07月19日 10:00:16 qq_40128591 阅读数:1513 ...
2019-01-31 15:06:58 4308 3
原创 小程序构建npm出现没有找到node_modules
npm initnpm install --productionnpm i vant-weapp -S --production //重要执行这三步然后选择构建npm
2019-01-09 16:54:04 3990 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 470
原创 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 5012 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 1903
原创 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 285
原创 节流和防抖
防抖函数 事件被触发后n秒后再执行回调函数,如果在这n秒内又重新触发,则还是延迟n秒后执行回调(重新计时) function debounce(func, delay) { let timer return function (args) { if (timer) { clearTimeout(timer) } tim...
2018-09-17 11:41:17 330
原创 设置和获取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 337
原创 将链接转成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 4335
原创 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 1497
原创 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 640
原创 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 294
原创 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 511
原创 mpvue和mysql的简单使用
创建项目// 全局安装vue-clicnpm i vue-cli -g// 创建模板vue init mpvue/mpvue-quickstart my-project
2018-07-02 23:30:16 1027
原创 常见的代码
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 269
原创 css3属性
backdrop-filter设置图片的高斯模糊 `backdrop-filter: blur()` 注意:运用backdrop-filter元素的背景应该使用半透明,不然看不到效果 和裁剪属性如border-radius一起使用时会有bug产生 可以配合动画属性animation一起使用transform-origin设置旋转元素的基点 可以设三个值,xy...
2018-03-29 15:06:26 285
转载 Flex布局
Flex 弹性布局,任何一个容器都可以指定为Flex布局,但是设置Flex布局后,float,vertical-align,clear属性会失效容器的属性1.flex-direction 决定主轴的方向,即项目的排列方向 //有4个值row: 主轴为水平方向,起点在左端row-reverse: 主轴为水平方向,起点在右端colum: 主轴为垂直方向,起点在上沿colum-reverse...
2017-12-22 10:52:14 388
原创 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 1007
转载 vue生命周期图解
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 在Vue的整个生命周期中,它提供了一系列的事件,可以让我们注册js方法,可以让我们达到控制整个过程的目的地created: 在模板渲染成html前调用,即通常初始化某些值,然后再渲染成视图 ...
2017-12-18 17:59:28 629 1
原创 Git操作之克隆某一个特定的远程分支
git clone -b [remote repository address]在克隆的时候,加上branch信息在加上仓库地址
2017-12-15 12:32:50 478
原创 媒体查询使用和设备像素比
首先我们在使用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 3144 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 351 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 318
原创 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 777
原创 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 580
原创 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 404
原创 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 494
原创 CSS Sticky footer布局
stick footer就是让footer元素固定在底部,1当内容不足满屏时,footer紧贴最底部。2,满屏需要下拉时,footer就在内容的底部 通常用于提示的页面,下面有个x的按钮,这个按钮就是footer,它是用于关闭这个弹窗的,内容少时处在底部,多时下拉才显示。保证你都看完了。html结构 <div class="detail"> <div ...
2017-11-21 18:08:47 264
原创 浏览器兼容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 1396 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 307
原创 html5中audio的详细使用
html5的audio功能上已经非常强大,回放,跳转,缓冲等以前只能用flash才能实现的功能,html5的audio都能轻松搞定 最近的一个项目使用到了这个功能,把我使用的情况写下来,供大家参考, 因为我需要的功能很简单,所以做的不复杂,如果要使用更多的功能,可以参考下面的api,能实现很多高大上的功能 audio 相关的 api备用(当浏览器不支持audio时显示的内容)控制函数功...
2017-10-23 16:36:42 2609
转载 jQuery的deferred对象详解
一、什么是deferred对象开发网站的过程中,我们经常遇到耗时很长的JavaScript操作,其中既有异步操作(比如ajax读取服务器数据),也有同步操作(比如遍历一个大型数组),他们都不是立即能的到结果的。通常的做法是,为他们指定回调函数,即事先规定,一但他们运行结束,应该调用哪些函数。但是在回调函数方面,jQuery的功能非常弱,为了改变这一点,jQuery开发团队就设计了deferred对象
2017-09-18 12:02:04 428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人