摘要: 引言 前几天做一个迷你京东小项目的时候涉及到一个全选的小功能,一开始用的是 attr,但是效果完全不是自己想要的,当商品按钮点击过一次后,attr就无法对其状态进行更改,最后谷歌了一番发现需要用 prop 来代替。虽然效果问题解决了,但是自己还是想弄懂 prop 和 attr 的区别. 版本使用不同 阅读全文
posted @ 2018-11-05 20:28 sfornt 阅读(211) 评论(0) 推荐(0) 编辑
摘要: Bootstrap Table 总结 jQuery Java Bootstrap Table JS文件 传参:直接将需要的参数置于 queryParams 方法中,例如 line:formData注意: queryParams 中的 queryStr 是获取文本框的值,在表格加载完后,在文本框中输入 阅读全文
posted @ 2018-11-05 20:27 sfornt 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 写在前面:网站轮播图建议使用swiper组件,非常方便快捷。vue轮播图插件之vue awesome swiper 接手一个项目,轮播图是用element ui的carousel实现的,看起来效果还不错,只是固定宽高,并未做适配,于是将就代码做下修改,以适配各种显示器屏幕。 bannerHeight 阅读全文
posted @ 2018-11-05 20:25 sfornt 阅读(8824) 评论(0) 推荐(0) 编辑
摘要: 微信小程序的学习 微信小程序的开始尝试 TodoList 微信开发者工具生成 目录如下: . | app.js | app.json | app.wxss | pages | | index 主页 | | | index.js | | | index.json | | | index.wxml | 阅读全文
posted @ 2018-11-05 20:15 sfornt 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 开始 这段时间一直在看vue的源码,源码非常多和杂,所以自己结合资料和理解理出了一个主线,然后根据主线去剥离其他的一些知识点,然后将各个知识点逐一学习。这里主要是分析的Vue事件处理的实现。 正文 一、了解使用方式 在分析之前先了解下几个api的使用方式: vm.$on(event, callbac 阅读全文
posted @ 2018-11-05 20:15 sfornt 阅读(1209) 评论(0) 推荐(1) 编辑
摘要: 面试经典题——URL加载 一、涉及基本知识点: 1. 计算机网络 五层因特尔协议栈: 应用层(dns、http):DNS解析成IP并完成http请求发送; 传输层(tcp、udp):三次握手四次挥手模式建立tcp连接; 网络层(IP、ARP):IP寻址; 数据链路层(PPP):将请求数据封装成帧; 阅读全文
posted @ 2018-11-05 20:11 sfornt 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 什么是FC? Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context,块级格式化上下文,一个独立的块级渲染区域,该区域拥有一套渲染规 阅读全文
posted @ 2018-11-05 20:09 sfornt 阅读(813) 评论(0) 推荐(0) 编辑
摘要: CSS的可视化格式模型 CSS中规定每一个元素都有自己的盒子模型(相当一规定了这个元素如何显示); 然后可视化格式模型则是把这些盒子模型按照规则摆放到页面上,也就是如何布局; 换句话说,盒子模型规定了怎么在页面上摆放盒子,盒子的相互作用等等; CSS的可视化格式模型就是规定了浏览器在页面中如何处理文 阅读全文
posted @ 2018-11-05 20:06 sfornt 阅读(395) 评论(0) 推荐(0) 编辑
摘要: 日历组件 由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发。 如何写一个日历组件 基础效果如下图: 然后可以接受一个起始日期参数start date,设置日历当前显示的年月。可以监听一个点击事 阅读全文
posted @ 2018-11-05 20:04 sfornt 阅读(2603) 评论(0) 推荐(0) 编辑
摘要: 微信小程序 传值取值的几种方法总结 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是:data index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1 生成值 在删除图标与文字添加data in 阅读全文
posted @ 2018-11-05 20:01 sfornt 阅读(602) 评论(0) 推荐(0) 编辑
摘要: 一、作用域 作用域共有两种主要的工作模型:第一种是最为普遍的,被大多数编程语言所采用的词法作用域,另外一种叫作动态作用域; JavaScript所采用的作用域模式是词法作用域。 1.词法作用域 词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。编译的词法分析阶段基本能够知道全部标识符在哪里 阅读全文
posted @ 2018-11-05 20:00 sfornt 阅读(145) 评论(0) 推荐(0) 编辑
摘要: mui.openWindow兼容web&plus环境下的页面传参 背景介绍 刚刚好要写个微信公众号和html5+兼容的项目 发现总是用localStorage传参不是事啊 太不优雅了 想了想还是想办法兼容下吧 兼容原理 调用mui.openWindow前先判断相关环境,执行相关兼容方法 使用 阅读全文
posted @ 2018-11-05 19:58 sfornt 阅读(3687) 评论(0) 推荐(0) 编辑
摘要: HTML5提供了一组Geolocation API,来自navigator定位对象的子对象,获取用户的地理位置信息Geolocation API使用方法:1.判断是否支持 navigator.geolocation2.调用getCurrentPosition(successCallback, err 阅读全文
posted @ 2018-11-05 19:57 sfornt 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 如果你用过wepy打包小程序的话,那么你一定碰到了很多坑,(什么也不用说,抱一下吧)下面记录的是本人遇到的一个小坑, 编译的时候出现了黄色警告 如果你出现了上图这样的话,相信你一定也知道什么意思,就是你的xml出现了标签不闭合的状态,我这边提供几个思路当然我也是从网上搜了一下滴 嘿嘿 场景1 场景2 阅读全文
posted @ 2018-11-05 19:56 sfornt 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 很多时候,我很喜欢angular的编码风格,特别是angular支持typescript之后,完整的生命周期,完美的钩子函数,都是别的语言所无法替代的。这里我来说说我自己的网络请求封装,某种意义上来说,angular自己的网络请求封装的很好的,我们没有必要再来画蛇添足,但是,可能是我有那么一点点的代 阅读全文
posted @ 2018-11-05 19:54 sfornt 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 概述 参考自谷歌的教程网站的加载性能可以从减少网络延迟、减少资源数量、减少资源体积和使用缓存 4 个方面来进行优化。 1. 减少网络延迟与网络请求 避免使用着陆页进行重定向。重定向会导致额外的HTTP请求,造成网络延迟,拖慢网页的呈现。重定向也可能造成额外的DNS查找,TCP握手和TLS协商。 合并 阅读全文
posted @ 2018-11-05 19:53 sfornt 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 前言 补漏洞系列~今天来动手体验一下HTML5中的离线应用之mainifest缓存清单。实际上H5还提供了一个JavaScript接口来用于更新缓存文件的方法以及对缓存文件的操作。在Chrome中,输入以下地址就可以查看浏览器的本地缓存: 关于manifest 离线应用,就是没有网络的时候,我也可以 阅读全文
posted @ 2018-11-05 19:52 sfornt 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 如何优雅的使用vue+Dcloud(Hbuild)开发混合app 最近在做混合app,前端框架用的是vue,打包app使用的是Dcloud,不过在开发过程中有一点不爽的是,如果想使用Dcloud提供的plus这个环境变量,难倒每次都得使用npm run build先把vue打包,然后再用Hbuild 阅读全文
posted @ 2018-11-05 19:51 sfornt 阅读(1513) 评论(0) 推荐(0) 编辑
摘要: 抛出问题 这四次输出,按常理来说分别是: 1,2,3,4。但是,实际输出为: 0, 0, 2, 3 setState的注意点 setState不会立刻改变React组件中state的值(即setState是异步更新) setState通过一个队列机制实现state更新; 当执行setState时,会 阅读全文
posted @ 2018-11-05 16:55 sfornt 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 另一遍通用的NODEJS数据库方法koa,express,node 通用方法连接MySQL 1.Node.js 连接 MySQL 连接mysql: 数据库连接参数说明 2.Node.js 连接 MongoDB: MongoDB是一种文档导向数据库管理系统,由C++撰写而成。MongoDB 教程。 安 阅读全文
posted @ 2018-11-05 16:54 sfornt 阅读(4058) 评论(0) 推荐(0) 编辑