- 博客(21)
- 收藏
- 关注
RSS订阅
转载 详解JavaScript中的Event Loop（事件循环）机制
前言我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再...
2019-11-28 09:23:29
172
原创 ES6中新增let与var的区别
学习之前，我们可以看看以下这段代码执行结果分别是什么：function sayHi() { console.log(name); console.log(age); var name = "Lydia"; let age = 21;}sayHi();1.let与var的区别es6新增了let命令，用来声明局部变量，它的作用类似于var，但是所声明的变量，只在let命令...
2019-11-25 14:42:33
314
原创 原生App内H5需要注意的问题
1.处理时间字符串类型的时候，需要对安卓与ios做一个判断处理这是因为：Date.parse(new Date('2018-9-11 0:0:0')) --android Date.parse(new Date('2018/9/11 0:0:0')) --ios2.由于安卓的webView默认不开启Dom LocalStorage,所以再H5中使用本地缓存的时候需要和原生沟通3.倒计时...
2018-12-10 11:29:23
493
原创 antd upload组件上传图片到七牛云时候得动态传参得方案解决方法
如果仅仅是上传图片到七牛云并且不需要动态改变参数的操作行为下面这个方法完全没有问题 <Upload multiple={true} action="https://qiniup.com" ---上传图片的七牛云地址 listType="picture-card" fileList={pictureList} onChange={h...
2018-12-10 11:18:02
4146
1
转载 css sprite背景图片下，关于background-size属性计算值的公式
这里有一个公式： 高分辨率图像宽度 / 目标图像宽度 = X 原始Sprites图像宽度 / x = background-size的宽度值
2018-03-12 09:48:31
589
转载 外边距的特殊效果
1.外边距合并 当两个垂直外边距相遇时，他们将合并为一个，最终取决于两个外边距中距离较大的那个。 如果两个外边距相遇时值相等，那么取其中一个值。 2.外边距的溢出 在某些条件下，为子元素设置上外边距时，有可能会作用到父元素上。 1.父元素没有上边框 2.为子元素设置上外边距时2.在d2中嵌套一个子元素div,id=”d3”,设置其尺寸为100*100，并...
2018-02-27 14:16:43
272
转载 10个HTML和CSS必须知道的重点难点问题
1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center; 使用 CSS3 transform父盒子设置:display:relative Div 设置: transform: translate(-50%，-50%);position: ab...
2018-02-27 09:33:09
713
原创 Vue关于子组件内表单元素与父组件之间的传值问题
Vue的组件应该解耦,组件当中的作用域是完全独立存在的。 子组件中不能直接使用父组件的数据。应该使用props传递父组件到子组件的数据，子组件通过events给父组件发消息，以此实现父子组件间的通信。 而对于表单元素，子组件经过props的传值不能直接绑定到表单元素上，因为表单元素变化的同时，会影响改变父组件内部绑定数据的变化，这在Vue里面是不被允许的。会出现报错情况 对于表单组件内部的元...
2018-02-22 10:05:01
4200
原创 vue在路由过程中，改变导航栏的单个点击样式的问题。
当我们做一个公共底部组件，类似于tab选项卡或者导航栏，单击路由到另外一个组件上的时候，我们改变当前路由的样式问题，并且返回，样式不会初始化，因为他是由路由决定的 如果导航栏全部都是由router-link包含跳转的话，有一个非常好的方法 router-link-active —-.router-link-active这个class，是当路由path指向当前组件时自动生成的，可以在此处设置样式
2017-06-21 10:58:53
11937
原创 vue遇到过的坑（父组件向输入框组件传值进去，然后子组件利用传进来的数据进行数据绑定的问题与解决方法）
vue.js一大特性是可以实现很多可复用的组件。 我做项目的时候，封装了一个输入框组件，然后页面上所有相同样式的地方都用这个组件来进行调用，刚开始以为实现起来很简单，作为一个vue刚刚学习的人来说，不就是写一个单组件，然后各个页面input的问题吗，可是实际当我在进行传值的时候遇到了问题，因为我们传值过程中，vue一向遵循的是数据耦合，不会去更改两者之间的数据，vue也提供了报错，但是在进行父组件
2017-06-20 16:41:04
14032
原创 移动端解决适配问题
只需要在index.html中的body上方添加下列代码即可<script type="text/javascript"> function loadScreen(){ var dpr,rem,scale; var docEl=document.documentElement; var fontEL=document.createElemen
2017-06-15 15:35:18
730
原创 vue项目遇到的坑（vue项目中的某个组件调用外部js）
第一步骤 当项目做一个圆环进度条的时候，我自己用canvas写了一个js,并且封装成函数。当时想到的是直接将函数写在组件中然后进行调用： 报错了：Uncaught TypeError: Cannot read property ‘getContext’ of null 然后意识到canvas的getContext方法需要在页面文档加载完成之后才会去触发识别这个属性。所以canvas写的代码不
2017-06-14 13:37:41
22316
2
原创 git提交代码的基本操作
首先通过git init 初始化一个本地仓库， 然后git clone命令将git上的工程目录download到本地。 可以通过git branch来查看分支。 如果是切换develop 分支： git checkout -b develop 可以通过git status来查看哪些文件有所修改。 git commit -a 提交所有修改的代码 git push origin deve
2017-06-12 11:00:11
431
原创 vue经历的坑
父级组件与子组件之间的通信 当我们在子组件去调用父组件中的事件时，我们需要在父组件中的事件添加.native修饰符，不然会失效。 vue页面初始化数据 当我们在组件中去调用接口获取数据并初始化渲染组件上的dom的时候，我们只需要在methods中添加http请求的方法，然后再created去调用即可。如下：methods:{ //获取所有文章 getArticl
2017-06-09 09:45:47
546
原创 vue遇到的坑
父级组件采用数据驱动渲染出来的导航栏之后，由于页面渲染的是子组件，这个时候在子组件中去触发父级组件上的事件并没有发生，这个时候反复找了网上查找了一些资料，刚开始百度到了一个关于v-for与click事件搭配出现失效的问题，由于我的父级组件也是通过v-for数据驱动渲染出来的页面，这个时候从这个方面出发，一直查找都没有答案，后来发现，当我们在子组件中去触发父级组件的时，父级组件的事件后面应该加个修饰符
2017-06-08 16:07:44
2679
转载 两个div并排 左边div宽固定 右边自适应
<div class= "container"> <div class="left"></div> <div class="right"></div> </div> <style> /*方法一： BFC(块级格式化上下文)*/ .container{ width:1000px;height:400px;border: 1px
2017-06-08 15:52:57
421
原创 欢迎使用优快云-markdown编辑器
在做移动webApp的时候，底部导航切换的时候，由于vue主要遵循数据驱动的方法是实现代码功能的，底部导航也是通过数据驱动v-for实现的。所以当给父级组件添加click时失效。 解决方法 根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符。 所以如果在想要在rou
2017-06-08 14:31:42
298
原创 关于label标签搭配textarea使用的样式问题
默认两者搭配使用时，标签是位于textarea左边底部。解决方法 在textarea标签中添加样式vertical-align: top;即可
2017-06-05 18:03:07
2793
转载 webpack入门的配置遇到的问题
初阶段学习webpack配置output路径问题module.exports = { entry: './src/app.js', output: { path: './bin', filename: 'app.bundle.js' }}```出现报错：*Invalid configuration object. Webpack has
2017-06-05 13:21:28
2635
转载 欢迎使用优快云-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-06-05 13:17:03
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人