- 博客(23)
- 收藏
- 关注
原创 Vue、Reacct、Angular三大框架比较学习三:设计思想
VueVue官网中写到,Vue是一套用于构建用户界面的渐进式的框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,Vue 的核心只关心视图层。什么是渐进式的框架?我觉得,要理解Vue,首先要理解什么是渐进式的框架。渐进,"Progressive”——这个词在英文中定义是渐进,一步一步,不是说一开始就要把所有的东西都用上,可以在需要的时候再用。我们看下下面这张图:Vue...
2019-08-06 21:05:14
933
原创 Vue、Reacct、Angular三大框架比较学习一:语法点的比较
插值表达式:vue:{{ }}react:{ }<img src={user.avatarUrl}></img>angular:{{ }}例子:标签内的文本或标签的属性<p>{{title}}</p><div><img src="{{itemImageUrl}}"></div>条件渲染:vue...
2019-08-06 17:14:16
897
原创 vue学习笔记四:路由启用懒加载
前言我们使用webpack来打包我们的vue项目,如果在配置路由的时候,没有启用路由懒加载,就需要把配置路由所需的组件都导入到路由文件中,并且在路由配置的时候显式调用,而且,如果没有使用懒加载的话,打包出来的文件可能会很大,影响我们首屏的加载速度,下面就来看看启用懒加载与不启用懒加载的区别吧。不用懒加载下面两张图是我个人练习项目中router.js文件的部分路由配置,展示了在不启用路由懒加载...
2019-08-06 16:36:33
673
原创 vue学习笔记三:非父子组件通信
前言在之前,我们学习了父子组件间的通信传值,接下来就看下非父子组件之间是怎样通信。通过单独的事件中心管理组件间的通信方式一:定义一个空的 Vue 实例作为事件总线步骤一:定义一个空的 Vue 实例作为事件总线。var eventHub = new Vue()我们把这个空的 Vue 实例当作我们组件间通信的中转站,然后在组件中,使用 $emit, $on, $off 分别来分发、监听、...
2019-08-06 15:22:34
376
原创 React学习笔记(一):redux是如何进行状态管理的
本文是我在学习react技术栈的时候的一些心得,如果发现有纰漏的地方,欢迎在评论区指正,谢谢。redux的state树的构建过程我们知道,使用redux的时候,redux把state集中起来管理,放在一个全局的变量store中,我们在createStore的时候,就是在建立一个store的过程,而这个store则是由许多state组成的一棵state树,下面要讲的就是这棵state树是怎样构建...
2019-07-10 11:48:55
723
原创 React学习笔记(二):react全家桶项目实战
文章目录说明项目部分截图src目录结构中文文档说明技术栈: react+redux+react-redux+react-router-dom+redux-thunk+axiosui框架是采用蚂蚁金服的 antd design脚手架工具是:create-react-app使用的后台数据接口是cnode官方的 api,大家有需要的话也可以去用当然了,大家可能觉得做这个项目用这个技术栈太复杂...
2019-07-09 22:45:46
794
原创 使用react-app-rewired启动react项目报错
使用react-app-rewired启动react项目报错报错内容如下:关键报错内容:The “injectBabelPlugin” helper has been deprecated as of v2.0翻译过来就是:自2.0版起,“injectbabelplugin”助手已被弃用react-app-rewired的新版本删除了injectBabelPlugin,这些方法被移动...
2019-06-22 16:03:09
4957
原创 前端js生成一个随机数
前端js生成一个随机数关键函数:Math.floor()Math.random()Math.floor()方法执行向下舍入,既它总是会将数值向下舍入为最接近的整数。Math.random()方法返回大于等于0小于1的一个随机数。生成随机数公式:随机数 = Math.floor(Math.random() * 可能的总数 + 第一个可能的值)举例要想生成一个1到10之间(包括1...
2019-05-07 10:27:01
43409
2
转载 小程序与普通网页开发的区别
小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM ...
2019-05-04 22:28:57
3286
原创 Nodejs中,path.join()和path.resolve()的区别
Nodejs中,path.join()和path.resolve()的区别在说path.join()和path.resolve()的区别之前,我先说下文件路径 ./和../和/ 之间的区别/代表的是根目录;./代表的是当前目录;…/代表的是父级目录。然后再来说下path.join()和path.resolve()的区别我们需要注意的是,这两个方法都属于path模块,在使用之前我们需要先...
2019-03-31 12:01:05
736
原创 css深入浅出系列之:子元素某些表示竖向距离属性的百分比设定是相对于父容器的宽度,而不是高度
css深入浅出系列只是自己在学习css的时候的一些个人见解,有错误的地方,欢迎在评论中指正噢~css深入浅出系列之:子元素某些表示竖向距离属性的百分比设定是相对于父容器的宽度,而不是高度我们看下下面的代码,算一下子元素#son的margin-top: 20%;到底是多少#father { border-top: 1px solid #f2f4f6; width: 100px; heig...
2019-03-25 17:42:45
490
转载 前端标准模式与混杂模式的区别
前端标准模式与混杂模式的区别1 区分模式的意义?IE5.5引入了文档模式的概念,通过使用DOCTYPE实现模式切换,它的主要作用是告诉浏览器以哪种模式呈现,如何解析文档,也就是说两种模式主要影响CSS内容的呈现,某些情况下也会影响JavaScript的执行。2什么是混杂模式、什么是标准模式混杂模式是一种向后兼容的解析方式,是实现IE5.5以下版本浏览器的渲染模式。标准模式是一种要求严格的...
2019-03-23 12:13:21
1810
原创 小程序聊天功能组件
小程序聊天功能组件先上效果图wxml<view class='homeView' style='margin-top:{{margintop}}rpx;'> <view class='listView'> <block wx:for="{{messageList}}"> <view wx:if="{{item.sender_...
2019-03-23 11:02:29
1303
1
原创 css深入浅出系列之:css文件放在页面顶部
css深入浅出系列只是自己在学习css的时候的一些个人见解,有错误的地方,欢迎在评论中指正噢~我们可以看到,大多数的html页面在用link引入外部css文件的时候,都是把css文件放在页面的顶部,即放在<head>标签里面,那么,这样做的原因是什么呢?答案:可以让前端性能更优化那么,为什么就可以让前端性能更加优化呢?这时,我们就需要先了解脚本和样式文件对页面渲染的影响。浏览器...
2019-03-17 17:13:13
556
原创 css深入浅出系列之:绝对定位 position:absolute
css深入浅出系列只是自己在学习css的时候的一些个人见解,有错误的地方,欢迎在评论中指正噢~今天主要在以下几个方面来展开:1、什么是绝对定位2、如何确定绝对定位元素的定位点3、absolute与relative的联系1、什么是绝对定位首先引用一句w3school关于绝对定位的原话:绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包...
2019-03-09 17:00:52
1565
转载 css让文字在一行内显示
css让文字在一行内显示1.例如 p元素,里面的文字不换行显示,超出部分不隐藏p{ width:100px; word-break:keep-all; white-space:nowrap; }2.例如 p元素,里面的文字不换行,超出部分用省略号代替p{ width:100px; word-break:keep-all; white-space:nowr...
2019-02-26 23:03:00
14374
原创 前端js获取当前时间的方法
前端js获取当前时间的方法:var time = new Date();time.getYear(); //获取当前年份time.getFullYear(); //获取完整的年份(4位,1970-???)time.getMonth(); //获取当前月份(0-11,0代表1月)time.getDate(); //获取当前日(1-31)tim...
2019-02-24 10:55:11
105314
1
原创 聊天功能获取聊天记录列表并展示最新一条聊天记录
聊天功能获取聊天记录列表并展示最新一条聊天记录记录一次项目中聊天功能,需要获取好友聊天记录列表并且展示最新一条聊天记录,同时获取新消息的数目的sql语句。SELECT count(read_status = 0 or null) AS newMessage,receiver,content,send_time,nickname,avatar_path FROM (SELECT receiver...
2019-02-21 12:09:47
5282
4
原创 不要在循环中访问数据库,这样会严重影响数据库性能
不要在循环中访问数据库,这样会严重影响数据库性能先说一个可能会在循环中查询数据库的应用场景:购物网站,有两个基本表,一个表存储商品的基本信息,比如商品价格,商品描述…,一个表存储商品的图片url,...
2019-02-13 22:34:08
18137
4
原创 小程序实现左右横线中间文字
##小程序实现左右横线中间文字废话不说,直接上效果图wxml代码如下<view class='recommend'> <text class='recommend-title'>热门推荐</text></view>wxss代码如下.recommend { text-align: center; height: 50rpx;...
2019-01-30 13:07:13
5724
原创 前端网页内容不能占满页面
前端网页内容不能占满页面如图所示构建了一个简单的div,定义高为100px,宽为100%,内容宽度却不能铺满页面解决方案:在css添加如下代码body { margin: 0; padding: 0;}原因:浏览器对body都有默认的margin值,一般为8px,当然不同的浏览器会有不同的实现,它是由浏览器的user-agent-stylesheet提供的,有些浏览器的us...
2019-01-21 22:18:16
824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人