会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
偶滴小祖宗呀
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
3
4
5
6
7
8
9
下一页
2019年8月12日
flex布局中flex:0 1 auto是什么
摘要: flex:0 1 auto; flex是flex-grow,flex-shrink,flex-basis3个属性结合在一起的缩写形式,后两个属性可选写 flex-grow 表示当子元素的空间小于父元素的空间时,如何处理剩余空间, 默认值为0表示不占有剩余空间; 当子元素都设置为1时表示平均分配剩余空
阅读全文
posted @ 2019-08-12 10:27 知了呀
阅读(10132)
评论(0)
推荐(1)
2019年8月11日
react-性能优化
摘要: 事件优化 //性能优化中的事件优化,因为每次bind执行都会返回新函数,我们这里只执行一次 this.goNewsContent=this.goNewsContent.bind(this);//constructor <div className="newsContent" onClick={thi
阅读全文
posted @ 2019-08-11 21:58 知了呀
阅读(141)
评论(0)
推荐(0)
柯里化手写实现
摘要: 一.什么是柯里化函数? 第一次看到柯里化这个词,是不是觉得特别高大上,官方解释也不是很容易理解,实际上柯里化很简单! 如fn(1)(2)() | fn(1,2)(3,4,...) ,这种可以连续调用的函数的就是柯里化函数 二.柯里化函数的特点 柯里化函数在最后一次调用的时候,才会去真正执行 三.柯里
阅读全文
posted @ 2019-08-11 21:07 知了呀
阅读(876)
评论(0)
推荐(0)
div复杂边框-梯形边框组合
摘要: 如图,我的目的是写一个像图片一样的div边框 <div id="div1"><!-- 整个div --> <div class="trapezoidMaxLine leftDistance"><!-- 最外层梯形 --> <div class="trapezoidMinLine"></div><!-
阅读全文
posted @ 2019-08-11 20:53 知了呀
阅读(607)
评论(0)
推荐(0)
bootstrap-datetimepicker 获取时间
摘要: 下面是html代码,其中div的id:startTime用于初始化datetimepicker插件,表明开始时间显示在id:startTime上;div为id:endTime表明开始时间显示在id:endTime上。 想要获取bootstrap datetimepicker 显示的时间,就要获取in
阅读全文
posted @ 2019-08-11 13:52 知了呀
阅读(2710)
评论(0)
推荐(0)
2019年8月9日
mac下使用xampp中php显示1044/1045/1046(彻底卸载xampp和相关注册表)
摘要: 问题描述 在mac下使用xampp,访问http://192.168.64.3/phpmyadmin/可以正常显示php页面,当创建数据库时提示1044也就是普通用户没有权限 问题猜测 猜测在使用xampp的时候,为了学习各种尝试,把某些表给弄坏了,手动卸载xampp时,有残留文件,导致再次安装后仍
阅读全文
posted @ 2019-08-09 22:06 知了呀
阅读(452)
评论(0)
推荐(0)
react中redux的理解
摘要: 定义 redux可以看作是flux的进阶版,主要用于react中公共状态(数据)的管理 redux底层原理 redux有一个createStore方法,这个方法用户创建公共存储空间,createStore方法接收一个纯函数作为作为参数,在纯函数中处理数据并返回处理后的数据.当createStore方
阅读全文
posted @ 2019-08-09 20:20 知了呀
阅读(241)
评论(0)
推荐(0)
2019年8月8日
react-redux的理解
摘要: 理解 react-redux是辅助redux的,我们正常使用redux是很麻烦的,需要在每个组件中去监听数据变化,执行数据更新等,但是通过react-redux,我们可以简化组件使用公共数据的操作 react-redux通过Provider+connect方式完成跨组件传值 底层原理 我们知道跨组件
阅读全文
posted @ 2019-08-08 19:55 知了呀
阅读(192)
评论(0)
推荐(0)
2019年8月7日
实现一个简单的vue响应式/vue响应式原理/mvvm双向绑定原理
摘要: 前言 本文主要是实现一个简单版的vue.js.可以实现双向数据响应 开始 compile解析模板代码 解析模板语法,识别v-指令,给每个节点都添加上一个update更新方法,并将更新方法座位回调传递给订阅者watcher class Compile{ constructor(vm,root){ th
阅读全文
posted @ 2019-08-07 21:05 知了呀
阅读(280)
评论(0)
推荐(0)
自己实现一个vuex简单版包含_actions_mutations_state方法
摘要: vuex的基本使用 想要实现一个简单的vuex,先来了解一下它的使用 大致就是store中的数据通过辅助函数或者this.$store.state.属性的方式渲染到组件身上,当组件进行数据修改的时候通过this.$store.dispacth的方式来调用actions中的函数,actions中的函数
阅读全文
posted @ 2019-08-07 20:01 知了呀
阅读(304)
评论(0)
推荐(0)
2019年8月6日
Vue.extend开发JS类型组件_城市切换弹出框
摘要: 前言 要做成如下的Message弹出框,该弹出框是一个JS类型组件 使用方法如下 Message({ title:"城市定位", content:this.city, toggleClick:()=>{ this.city = "上海" return this.city; } }); 组件分类 UI
阅读全文
posted @ 2019-08-06 22:21 知了呀
阅读(299)
评论(0)
推荐(0)
javascript-eventLoop
摘要: 理解 js是单线程语言,主要是由于js会操作dom.假设js是多线程,一个线程执行打开弹出框操作,另一个线程执行关闭弹出框操作,两个线程同时执行(线程可以并发执行),这就造成了问题,浏览器不知道应该执行哪一个操作.这就是js为什么要设置为单线程的原因.但是单线程会导致一个问题:任务排队.如果前一个任
阅读全文
posted @ 2019-08-06 20:40 知了呀
阅读(117)
评论(0)
推荐(0)
自己实现一个hash类的vue-router插件/vue-router底层原理实现
摘要: 前言 目标是自己实现一个vue-router插件,路径是hash模式 需求分析 需求一,spa页面不刷新。有两种方法: 第一种,利用hash不刷新页面的特性。(本文内容) 第二种利用history api,浏览器特性在url改变时浏览器不会发出请求 需求二,根据url显示对应的内容,这里涉及几个关键
阅读全文
posted @ 2019-08-06 20:36 知了呀
阅读(277)
评论(0)
推荐(0)
XSS攻击和防护
摘要: 前言 xss全名跨站脚本攻击可以理解为向目标网站注入可执行脚本,当脚本执行时达到攻击的目的 XSS的危害 1.窃取用户的cookie 通常我们登录某个网站后,网站会给我们返回一个cookie,这个cookie表示用户的身份.XSS攻击可以通过document.cookie窃取到用户的这个cookie
阅读全文
posted @ 2019-08-06 20:34 知了呀
阅读(181)
评论(0)
推荐(0)
2019年8月5日
浏览器缓存机制介绍之http缓存-强缓存-协商缓存
摘要: 前言 缓存的基本策略是拿空间换时间.意思就是我们将数据存储起来,牺牲空间,在下次使用的时候直接拿存储的,减少请求时间. 浏览器缓存机制有四个方面,它们按照获取资源时请求的优先级依次排列如下: memory cache>service worker cache>http cache>push cach
阅读全文
posted @ 2019-08-05 22:43 知了呀
阅读(418)
评论(0)
推荐(0)
chrome控制台查看网络性能指标-TTFB_Content Download_window.performance
摘要: 如图,是一个http请求Timing相关指标 TTFB TTFB是非常重要的一个性能指标,他记录的是最初的网络请求被发起到从服务器接收到第一个字节这段时间,它包含了 TCP连接时间,发送HTTP请求时间和获得响应消息第一个字节的时间 在项目中如果网页加载很慢,我们就可以查看TTFB,当ttfb对应的
阅读全文
posted @ 2019-08-05 20:40 知了呀
阅读(3261)
评论(0)
推荐(0)
vscode创建vue快捷键
摘要: 安装Vetur插件 code-首选下-用户代码片段-新建全局代码片段-在输入框中新建名称为vue.json 删除json文件内容,把下面的内容复制粘贴上 { "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<templ
阅读全文
posted @ 2019-08-05 20:18 知了呀
阅读(2271)
评论(0)
推荐(0)
移动端布局适配方案
摘要: 一.前提知识 移动端的屏幕尺寸有多种,其中要知道几个知识 物理像素:即设计稿的尺寸 逻辑像素:实体机器的真正像素 下面是我们经常适配的屏幕尺寸 一.rem+@media布局 rem是以根元素字体大小作为参照的布局方式 //以750px设计稿为例,物理像素是375px.设置div宽度为整个容器宽度一半
阅读全文
posted @ 2019-08-05 19:45 知了呀
阅读(701)
评论(0)
推荐(0)
2019年8月4日
node生成token
摘要: 使用jsonwebtoken,可以生成加密的token
阅读全文
posted @ 2019-08-04 23:56 知了呀
阅读(342)
评论(0)
推荐(0)
2019年8月3日
vue组件的讨论&容易忽略的知识点
摘要: $children/$parent/$root 类似这种的组件通信,耦合性很强,如果组件间的关系改变,就会出现问题,所以不推荐使用
阅读全文
posted @ 2019-08-03 20:14 知了呀
阅读(118)
评论(0)
推荐(0)
上一页
1
···
3
4
5
6
7
8
9
下一页