前端之JavaScript
文章平均质量分 65
一顆苹果
调试的错误就是编程给你最好的东西,因为在每个错误上面都标志着前进的一步。
展开
-
Ant Design Vue Pro去掉权限,直接进入系统
Ant Design Vue Pro去掉权限,直接进入系统原创 2022-08-22 11:05:15 · 1483 阅读 · 3 评论 -
vue项目中,列表组件为什么要写key
抛出结论,写key是为了高效的更新虚拟DOM渲染列表的时候,为什么要写key,并且值是id或者index这种唯一的标识diff算法对操作前后的dom树同一层的节点进行对比,一层一层对比,如下图 假如不写key,在一个列表插入新元素 ...原创 2019-09-23 14:38:08 · 1326 阅读 · 0 评论 -
chrome disable-web-security 关闭安全策略 解决跨域
Chrome 跨域访问线上接口时间:2016-04-21 作者:zhongxia前后端分离之后,联调的时候就会出现问题,那就是Ajax跨域问题。 跨域问题的解决方案有很多种比如常规的 后端使用CROS,设置允许访问接口的地址 或者 使用 JSONP等等。这里就不说前端常规的跨域解决方案,而是提供一个奇葩的方案,简单到哭转载 2018-06-13 10:03:42 · 14306 阅读 · 0 评论 -
介绍chrome的一些不为人知的功能
介绍chrome的一些不为人知的功能Chrome的开发者工具是个很强大的东西,相信程序员们都不会陌生,不过有些小功能可能并不为大众所知,所以,写下这篇文章罗列一下可能你所不知道的功能,有的功能可能会比较实用,有的则不一定,也欢迎大家补充交流。话不多话,我们开始。代码格式化强制DOM状态动画直接编辑网页网络限速复制HTTP请求抓个带手机的图设置断点关于Console中的技巧关于console对象关于...转载 2018-06-11 14:46:53 · 1562 阅读 · 0 评论 -
微信端视频播放问题
在ios和安卓手机里的微信下播放视频时,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会强制横屏播放,跳出微信框,出现控制条,关闭后视频残留及引发布局错乱等问题。解决办法:给video标签加一些属性,调用h5原生video<video id="videoALL" src="video/01.mp4" poster="images/1.jpg" /*视频封面*/转载 2017-12-18 11:06:28 · 3281 阅读 · 0 评论 -
微信开发--微信分享自定义图标和标题
前段时间由于工作需要有几个H5活动页要在微信上分享到朋友圈,分享给朋友,但是发现分享出去的都是系统默认的图片和默认的document.title,那么想要自定义这部分内容,就需要看微信公众平台的开发文档点击打开微信公众平台开发文档1.首先要分享的H5页面的域名需要微信公众账号在设置里填写”JS接口安全域名“,绑定域名才能获得接口使用权限;2.在需要调用JS接口的页面引入如下原创 2017-12-14 16:27:10 · 10844 阅读 · 1 评论 -
meta标签集合
H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词 网页作者 搜索引擎抓取 为移动设备添加 viewport iOS 设备 begin 添加到主原创 2017-12-20 10:14:52 · 327 阅读 · 0 评论 -
微信小店开发之跳转微信商品页接口(第十一课)
微信小店接口必须经过微信认证的服务号才可以有权限调用,订阅号无权限。微信小店跳转微信商品页接口1234wx.openProductSpecificView({ productId: '', // 商品id viewType: '' // 0.默认值,普通商品详情页1.扫一扫商品详情页2.小店商品详情页});转载 2017-12-19 17:53:26 · 3107 阅读 · 0 评论 -
微信JSAPI开发教程准备工作绑定域名(第一课)
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注:登录后可在“开发者中心”查看对应的接口权限。登录公众平台,点击界面左侧菜单公众号设置--功能设置点击“设置”,弹出框中填写备案成功的域名即可。此文章本站原创,地址 http://www.vxzsk.com/49.html 转载请注明出处!谢谢!转载 2017-12-19 17:43:31 · 756 阅读 · 0 评论 -
js基本类型、对象的比较
首先由一道题联想到一些列的问题,个人觉得作为程序员,这个是一定要知道的,例子如下Js 作为弱类型语言,对变量类型并不“感冒”,所以要比较两个变量是否相同要怎么操作呢?1. 比较两个字符串是否相等var str1 = "aaa"; var str2 = "aaa"; if(str1 == str2)a原创 2017-03-15 10:06:31 · 598 阅读 · 0 评论 -
Javascript 面向对象编程
Javascript 面向对象编程(一):封装作者:阮一峰Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应转载 2017-03-22 16:21:24 · 359 阅读 · 0 评论 -
前端代码检测利器——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 · 1094 阅读 · 0 评论 -
字符串去重且倒置
稍微整理了一下JS处理字符串的一两个用法,去重和倒置 Array.prototype.unique = function() { var n = [this[0]]; //结果数组 for(var i = 1; i < this.length; i++) //从第二项开始遍历 { //如果当前数组的第i项在当前数组中第一次出现原创 2017-03-08 17:30:16 · 359 阅读 · 0 评论 -
js数组操作
1、数组的创建1var arrayObj = new Array(); //创建一个数组2 3var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度4原创 2017-01-04 17:46:15 · 223 阅读 · 0 评论 -
箭头函数
箭头函数就是简写的函数表达式,它总是匿名函数。1.如果只有一个参数,圆括号可不写(a) => { something } a => { something }2.没有参数的时候需要使用圆括号() => { something }3.返回对象时用圆括号括起来params => ({foo: bar})var getClass = arr => { return原创 2016-12-23 15:37:49 · 468 阅读 · 0 评论 -
字符串拼接
之前说把经常复用的东西写成模块,下次直接引用即可,那么不常用的如果写成了模块未免有些浪费,例如一个标题,例如一个“更多”这样的话可以在js中采用字符串拼接的方式添加到dom中,下面的例子中不仅添加了一个老师的名片(html结构),还加上了关注和取消关注的功能,就像微博关注一样。代码解释和说明都写在注释和图片上了,上图:原创 2016-12-22 18:26:57 · 299 阅读 · 0 评论 -
分享功能
做网站经常会有分享功能,如分享到QQ空间,分享到朋友圈等很多社交软件中,这里有一个方便的方法提供:1.首先 在JS中添加如下代码代码中 config.bdText = $("****").text()中的****代表分享的时候你想默认显示哪里的文字,这里就添加这个容器的id或者class,效果如下2.在要点击分享的的HTML中加几个类名然后再在它们的原创 2016-12-21 17:37:19 · 406 阅读 · 0 评论 -
一个模块
在一个网站中通常有一些东西是可以复用的,为了避免重复代码,我们可以把它写成模块,可以理解为某一部分html的代码块,单独的封装起来,在以后使用的时候直接引入相应的js文件就可以了,下面我举个栗子:模块代码,单独的一个js原创 2016-12-20 14:00:27 · 485 阅读 · 2 评论