- 博客(58)
- 收藏
- 关注
RSS订阅原创 IFC
IFCIFCbuju布局规则：1.框会从包含块的顶部开始，一个接一个地水平摆放；2.摆放这些框的时候，它们在水平方向上的外边距、边框、内边距所占用的空间都会被考虑在内。在垂直方向上，这些框可能会以不同的形式来对齐：它们可能会把底部或顶部对齐，也可能把其内部的文本基线对齐。能把在一行上的框都完全包含进去的一个矩形区域，被称为该行的行框。水平的margin、padding、border有...
2019-09-23 14:39:42
393
原创 vue项目中，列表组件为什么要写key
抛出结论，写key是为了高效的更新虚拟DOM渲染列表的时候，为什么要写key，并且值是id或者index这种唯一的标识diff算法对操作前后的dom树同一层的节点进行对比，一层一层对比，如下图 假如不写key,在一个列表插入新元素 ...
2019-09-23 14:38:08
1303
原创 BFC
BFC(Block formatting Context) 块级格式化上下文，布局规则如下： 1.内部的盒子会在垂直方向，一个一个地放置； 2.盒子垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的上下margin会发生重叠； 3.每个元素的左边，与包含的盒子的左边相接触，即使存在浮动也是如此； 4.BFC的区域不会...
2018-09-10 17:44:50
1333
原创 offsetWidth、clientWidth、width、scrollWidth区别及获取
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>offsetWidth、clientWidth、width、scrollWidth区别及获取</title> <style
2018-08-30 15:19:57
294
原创 替换元素与非替换元素
最近看了一道面试题，问替换元素和非替换元素的差异是什么，当我看到题目的时候就感觉自己还是差的太远了，甚至都没听说过这个名词，接下来我就记录一下个人浅显理解的关于替换元素（replaced element）和非替换元素（non-replaced element）的一些概念。html分为行内元素和块级元素：行内元素就是不会为自身内容形成新的块，不会让内容分布在多行的元素。块级...
2018-08-30 11:22:11
3853
转载 将本地文件上传到github
本文转载自：https://blog.csdn.net/zamamiro/article/details/70172900 很早之前就注册了Github，但对其使用一直懵懵懂懂，很不熟练。直到昨天做完百度前端技术学院的task，想把代码托管到Github上的时候发现自己对于Git的操作是如此之愚钝，所以今天决定把Git好好学习一遍，好让自己以后能更好地使用Github，主要还是通过Git教...
2018-08-07 13:57:33
3324
转载 chrome disable-web-security 关闭安全策略 解决跨域
Chrome 跨域访问线上接口时间：2016-04-21 作者：zhongxia前后端分离之后，联调的时候就会出现问题，那就是Ajax跨域问题。 跨域问题的解决方案有很多种比如常规的 后端使用CROS，设置允许访问接口的地址 或者 使用 JSONP等等。这里就不说前端常规的跨域解决方案，而是提供一个奇葩的方案，简单到哭
2018-06-13 10:03:42
14127
转载 介绍chrome的一些不为人知的功能
介绍chrome的一些不为人知的功能Chrome的开发者工具是个很强大的东西，相信程序员们都不会陌生，不过有些小功能可能并不为大众所知，所以，写下这篇文章罗列一下可能你所不知道的功能，有的功能可能会比较实用，有的则不一定，也欢迎大家补充交流。话不多话，我们开始。代码格式化强制DOM状态动画直接编辑网页网络限速复制HTTP请求抓个带手机的图设置断点关于Console中的技巧关于console对象关于...
2018-06-11 14:46:53
1555
原创 meta标签集合
H5标准声明，使用 HTML5 doctype，不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词 网页作者 搜索引擎抓取 为移动设备添加 viewport iOS 设备 begin 添加到主
2017-12-20 10:14:52
298
转载 html的meta总结，html标签中meta属性使用介绍
前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！html的meta总结meta标签的组成：meta标签共有两个属性，它们分别
2017-12-20 10:06:03
272
转载 微信小店开发之跳转微信商品页接口(第十一课)
微信小店接口必须经过微信认证的服务号才可以有权限调用，订阅号无权限。微信小店跳转微信商品页接口1234wx.openProductSpecificView({ productId: '', // 商品id viewType: '' // 0.默认值，普通商品详情页1.扫一扫商品详情页2.小店商品详情页});
2017-12-19 17:53:26
3094
转载 微信扫一扫接口开发案例实现(第十课)
微信扫一扫功能在我们日常生活中很常见，那么微信jsapi是如何实现扫一扫功能的呢，接来下给大家详细介绍，并附有代码实现。微信扫一扫调起微信扫一扫接口1234567wx.scanQRCode({ needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果， scanType: ["qr
2017-12-19 17:52:05
2678
1
转载 微信公众平台显示隐藏网页右上角菜单(第九课)
微信官方jsapi提供了界面操作接口，用来控制微信网页右上角的菜单，下面看看微信官方文档关于界面操作接口的说明。隐藏右上角菜单接口wx.hideOptionMenu();显示右上角菜单接口wx.showOptionMenu();关闭当前网页窗口接口wx.closeWindow();批量隐藏功能按钮接口wx.hideMenuItems({ menuList:
2017-12-19 17:51:33
2966
转载 微信jsapi获取用户地理位置接口开发(第八课)
本章节给大家介绍通过微信jsapi获取用户的地理位置，微信官方文档关于地理位置给了两种接口，一种是通过微信内置地图查看用户的地理位置，第二种是直接获取当前用户的地理位置坐标信息。使用微信内置地图查看位置接口12345678wx.openLocation({ latitude: 0, // 纬度，浮点数，范围为
2017-12-19 17:50:47
2094
1
转载 微信jsapi获取网络状态接口开发(第七课)
根据微信官方文档说明，获取手机或其它移动设备的网络状态接口，网络状态的类型目前分为2g，3g，4g，wifi。接口调用说明如下：wx.getNetworkType({ success: function (res) { var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi }});1,界
2017-12-19 17:50:10
550
转载 微信jsapi开发教程之微信jsapi选择图片,上传图片,预览和下载图片(第六课)
参数描述appId公众号的唯一标识 应用idtimestamp生成签名的时间戳nonceStr生成签名的随机串signature签名上述表格中的四个参数是初始化调用微信jsapi的凭证，咱们在前几节已经反复说明如何使用了，在这里就不在贴出如何生成上述四个参数了，不懂得初学者点击
2017-12-19 17:49:16
1364
转载 微信jsapi开发之判断当前客户端是否支持指定的js接口(第五课)
于微信jsapi的使用接口有使用权限，所以我们有必要判断一下客户端是否支持js接口。基础接口、判断当前客户端版本是否支持指定JS接口第一、jsapi.jsp代码123456789101112131415161718192021222324252627282
2017-12-19 17:48:30
2686
转载 微信jsapi开发教程之微信jsapi与java初步接入(第四课)
参数名描述appId应用ID 登录微信公众号管理平台可查询timestamp 必填，生成签名的时间戳 nonceStr必填，生成签名的随机串 signature必填，签名，见附录1 上述表格中的参数，我们在前一章节已经说的很明白，之所以做出一个表格是因为如果想要成功接入微信j
2017-12-19 17:47:32
325
转载 微信jsapi开发教程之java获取微信timestamp,nonceStr,signature(第三课)
摘要：上一节课讲了如何java如何获取jsapi_ticket参数，其实这个参数是获取本文所说的timestamp,nonceStr,signature三个参数的关键凭证。根据微信的官方文档和案例代码，上述三个参数是必须的，而且上述三个参数都是动态获取的，那么接下来，我们根据微信官方文档，用java代码来实现获取timestamp,nonceStr,signature这三个参数，在这里呢只是一
2017-12-19 17:46:26
6146
1
转载 微信jsapi开发教程之如何获取jsapi_ticket(第二课)
我们在看微信jsapi开发文档发现，想要使用微信jsapi不仅要绑定已备案的域名，而且还需要一大堆接口注入权限验证。本人感觉有点麻烦，但是也没办法，谁让微信这么火呢。通过config接口注入权限验证配置所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户
2017-12-19 17:45:39
6829
2
转载 微信JSAPI开发教程准备工作绑定域名(第一课)
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注：登录后可在“开发者中心”查看对应的接口权限。登录公众平台，点击界面左侧菜单公众号设置--功能设置点击“设置”，弹出框中填写备案成功的域名即可。此文章本站原创，地址 http://www.vxzsk.com/49.html 转载请注明出处！谢谢！
2017-12-19 17:43:31
746
转载 微信端视频播放问题
在ios和安卓手机里的微信下播放视频时，会遇到不少问题，例如需要手动点击，视频才会播放，并且视频会强制横屏播放，跳出微信框，出现控制条，关闭后视频残留及引发布局错乱等问题。解决办法：给video标签加一些属性，调用h5原生video<video id="videoALL" src="video/01.mp4" poster="images/1.jpg" /*视频封面*/
2017-12-18 11:06:28
3240
原创 移动端判是微信浏览器还是QQ浏览器--User Agent
移动端开发中有时候需要区分微信浏览器或者QQ浏览器，那么就需要判断用户代理 User Agent下面附上一般浏览器的用户代理，可以在PC浏览器上模拟微信或者QQ，从而达到调试的目的UA模拟QQ和微信客户端安卓QQ内置浏览器UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) AppleW
2017-12-14 16:42:52
1115
原创 微信开发--微信分享自定义图标和标题
前段时间由于工作需要有几个H5活动页要在微信上分享到朋友圈，分享给朋友，但是发现分享出去的都是系统默认的图片和默认的document.title，那么想要自定义这部分内容，就需要看微信公众平台的开发文档点击打开微信公众平台开发文档1.首先要分享的H5页面的域名需要微信公众账号在设置里填写”JS接口安全域名“，绑定域名才能获得接口使用权限；2.在需要调用JS接口的页面引入如下
2017-12-14 16:27:10
10796
1
转载 HTML5的Video标签的属性,方法和事件汇总
标签的属性##src ：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度 html 代码 //audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象获取video对象 Media = d
2017-12-14 15:59:49
701
转载 svn commit 时提示 Commit failed (details follow) Unable to create pristine install stream 系统找不到指定的路径
这几天在Android studio上使用svn commit的命令上传代码时一直报这个错误。刚开始以为是android studio的配置问题，在项目的文件夹中commit，但是还是报如下错误。在百度上找了一下，很多方案都解决不了，后来还是在stackoverflow上找到了解决方法，地址如下http://stackoverflow.com/que
2017-06-02 09:11:11
790
转载 前端代码检测利器——eslint for sublime安装指南
一、eslint是什么在搜到该文章之前，相信你已经对eslint有一定了解。相比jslint、jshint等这些检测工具来说，eslint最大的吸引力就在于可以支持js、jsx、es6(es2015)等代码的检测。好了，废话不多说，立即开始安装吧！here we go!二、先安装两个nodejs插件npm install eslint -gnpm install babe
2017-03-29 09:12:11
1084
转载 Javascript 面向对象编程
Javascript 面向对象编程（一）：封装作者：阮一峰Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应
2017-03-22 16:21:24
352
原创 js基本类型、对象的比较
首先由一道题联想到一些列的问题，个人觉得作为程序员，这个是一定要知道的，例子如下Js 作为弱类型语言，对变量类型并不“感冒”，所以要比较两个变量是否相同要怎么操作呢？1. 比较两个字符串是否相等var str1 = "aaa"; var str2 = "aaa"; if(str1 == str2)a
2017-03-15 10:06:31
590
原创 字符串去重且倒置
稍微整理了一下JS处理字符串的一两个用法，去重和倒置 Array.prototype.unique = function() { var n = [this[0]]; //结果数组 for(var i = 1; i < this.length; i++) //从第二项开始遍历 { //如果当前数组的第i项在当前数组中第一次出现
2017-03-08 17:30:16
350
原创 js数组操作
1、数组的创建1var arrayObj = new Array(); //创建一个数组2 3var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度4
2017-01-04 17:46:15
217
转载 display:block,inline,inline-block的用法
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是： 和其他元素都在一行上；
2016-12-28 17:38:13
378
转载 dedecms标签大全
自动数字：[field:global.autoindex/] / {dede:field.global.autoindex/}自动数字设置初始值：[field:autoindex runphp='yes']@me=$GLOBALS['autoindex']+4;[/field:autoindex] /{dede:field.autoindex runphp='yes']@me=$G
2016-12-27 16:23:00
580
原创 箭头函数
箭头函数就是简写的函数表达式，它总是匿名函数。1.如果只有一个参数，圆括号可不写(a) => { something } a => { something }2.没有参数的时候需要使用圆括号() => { something }3.返回对象时用圆括号括起来params => ({foo: bar})var getClass = arr => { return
2016-12-23 15:37:49
448
原创 字符串拼接
之前说把经常复用的东西写成模块，下次直接引用即可，那么不常用的如果写成了模块未免有些浪费，例如一个标题，例如一个“更多”这样的话可以在js中采用字符串拼接的方式添加到dom中，下面的例子中不仅添加了一个老师的名片（html结构），还加上了关注和取消关注的功能，就像微博关注一样。代码解释和说明都写在注释和图片上了，上图：
2016-12-22 18:26:57
292
原创 分享功能
做网站经常会有分享功能，如分享到QQ空间，分享到朋友圈等很多社交软件中，这里有一个方便的方法提供：1.首先 在JS中添加如下代码代码中 config.bdText = $("****").text()中的****代表分享的时候你想默认显示哪里的文字，这里就添加这个容器的id或者class,效果如下2.在要点击分享的的HTML中加几个类名然后再在它们的
2016-12-21 17:37:19
400
原创 一个模块
在一个网站中通常有一些东西是可以复用的，为了避免重复代码，我们可以把它写成模块，可以理解为某一部分html的代码块，单独的封装起来，在以后使用的时候直接引入相应的js文件就可以了，下面我举个栗子：模块代码，单独的一个js
2016-12-20 14:00:27
479
2
原创 Web前端面试题
一、HTML 常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?答：文档模式主要有以下两个作用： 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。两种渲染模式： BackCompat：标准兼容模式未
2016-08-03 23:18:34
1136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人