
前端
hiose89
这个作者很懒,什么都没留下…
展开
-
简单JSON入门,学会只需要2步
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。JSON是Douglas Crockford在2001年开始推广使用的数据格式,在2005年-2006年正式成为主流的数据格式,雅虎和谷歌就在那时候开始广泛地使用JSON格式。1、数组形式原创 2022-05-16 00:38:40 · 268 阅读 · 0 评论 -
2022笔记
ver:1.0uid:1234566,pwd:333,time:2原创 2022-05-16 00:13:30 · 79 阅读 · 0 评论 -
vue2.X 前端易错问题和注意事项汇总
1、方法中只有一个参数又指定了默认值时可能会出问题、因为在onlick事件调用时如果不传参数 会默认把事件传过来做参数2、v-model 绑定了一个没有的对象属性时,自己会在beforeUpdate方法中自己创建3、continue只有在for中才生效4、iview日期组件可能会出BUG,如果用的是v-model获取到的是utc时间,提交时间少8小时。所以不要通过v-model去绑定 5、Duplicate keys detected: '1'. This may cause an ...原创 2021-07-28 11:56:03 · 267 阅读 · 0 评论 -
uniapp 自定义原生tabbar样式
全网上大多数方法就是写一个自定义样式的tabbar然后封装成组件最后再自己现实跳转功能但是这样做无论是性能或体验来说都是很差的最近好像uview挺火的,他们也写了一个tabbar组件。然后引用一下他对自己写的tabbar评价确实自定义tabbar会出现这些问题。缺点:1、需要在每一个需要tabbar页面引用这个组件,再设定好相应的激活值 2、跳转的时候屏幕上会出现短暂的空白,网络不好的时候还会很严重 3、如果...原创 2020-08-07 12:21:38 · 3502 阅读 · 0 评论 -
async await 与 Promise
Promise只能依靠then触发执行 可以想象resolve等于then reject=catchasync 告诉程序这是一个异步操作,await 是一个操作符,即 await 后面是一个表达式。async会函数返回一个 Promise 对象 在async内return会被当作resolve的参数async/await 相比原来的Promise的优势在于处理 then 链,不必把回调嵌套在then中,只要await 即可但用await来获取结果的话代码结构就...原创 2020-08-06 18:12:37 · 144 阅读 · 0 评论 -
css relative absolute定位
relative :相对定位=>按照自己原来的位置来移动不会脱离文档流absolute:绝对定位=>会脱离文档流1、无父元或所有父元素没有定位 =>按照body来做参照2、父元素有定位 =>按最近一级的父元素带有定位(relative absolute fixed)的元素来参照移动...原创 2020-06-25 23:55:44 · 138 阅读 · 0 评论 -
vuex学习(二)使用篇
import Vue from 'vue'import Vuex from 'vuex'import fetch from '../common/httpRequest'Vue.use(Vuex)const store = new Vuex.Store({ state: { //全局状态,取值取这里的东西 name:'' }, mutations: { //同步提交到这操作相对应的状态值,需要在这里修改state里的值 ...原创 2020-06-25 11:41:43 · 136 阅读 · 0 评论 -
vuex 学习(一)应用场景
在实际开发中 我们会经常需要用到一些特殊的数据,它们可能很常用,而且是多个页面都需要共享的数据。比如token 登录状态地址等等。问:具体什么时候需要用状态管理?答:当你的数据需要跨主键跨、页面实、实时响应渲染实时响应是重点一个简单案例说明为什么要用vuex我在main.js挂载了一个全局变量keyVue.prototype.$key= "hello";在A页面显示了这个数据<view class="bg-red" style="height: 100...原创 2020-06-25 11:21:53 · 277 阅读 · 0 评论 -
jquery添加点击事件没反应,动态添加点击事件
原文:https://blog.youkuaiyun.com/yajie_china/article/details/793922881.无法触发相应事件的两种代码执行以下两种代码时,点击#id时,无alert弹出。//1$('#id').click( function() { alert('事件无相应');})//2$('#id').on('click' , functio...转载 2019-04-24 20:03:03 · 3372 阅读 · 1 评论 -
jQuery Event对象的属性和方法
原文:http://www.365mini.com/page/tag/jquery-event-objectjQuery的Event对象用于表示当前文档元素触发的DOM事件,它对JS原生的Event对象进行了封装,从而实现跨浏览器的兼容。该对象主要用于获取事件的相关信息,或对该事件进行处理。注意:除了下列属性和方法外,jQuery的Event对象还具备JS原生Event对象的属性和方法...转载 2019-04-12 23:18:40 · 306 阅读 · 0 评论 -
细解JavaScript ES7 ES8 ES9 新特性【转】
细解JavaScript ES7 ES8 ES9 新特性原文:https://tuobaye.com/2018/11/27/%E7%BB%86%E8%A7%A3JavaScript-ES7-ES8-ES9-%E6%96%B0%E7%89%B9%E6%80%A7/题记:本文提供了一个在线PPT版本,方便您浏览细解JAVASCRIPT ES7 ES8 ES9 新特性 在线PPT ver...转载 2019-04-02 19:18:42 · 323 阅读 · 0 评论 -
es6新特性(五之generator)
generator (生成器)一个可暂停的方法,配合关键词yield,return,next一、generator的申明申明方法时多加一个*,便可以得到一个generator对象,*可放在functtion和方法名之间,但不能紧贴着,一定要留空格let g=function* Test(){ yield //当遇到yield会暂停}二、generator的调用ge...原创 2019-04-02 18:38:25 · 190 阅读 · 0 评论 -
es6新特性(四之Promise )
Promise字面意思是承诺,但具体用法和场景呢一、首先了解Promise对象和Promise的调用,其中涉及到关键词resolve、reject、和then resolve和reject是函数里的参数翻译过来是解决和决绝,简单来理解即表示成功和失败的回调函数。 Promise对象的调用方式需要用到then方法例如:let p=new Promise(function...原创 2019-04-02 16:48:45 · 234 阅读 · 0 评论 -
es6新特性(三)
JSON相关 一、 json转字符串JSON.stringify 可以将JSON对象转换为字符串let josn={a:1,b:"2"};let str=JSON.stringify(josn);如果需要将转换为字符串的JSON加到URL里传递时。还需要将它的编码进行16进制转义一下 let josn={a:1,b:"2"}; let str= enco...原创 2019-04-02 15:38:25 · 179 阅读 · 0 评论 -
es6新特性(二)
面向对象在es6之前,没有类的概念,只能通过原型添加东西去模拟出类的意思。先不说麻烦,很写来也很分散。如:function Usr(id,name){ this.id=id; this.name=name;}Usr.prototype.ShowId=function(){ alert(this.id)}Usr.prototype.ShowName=...原创 2019-04-02 14:58:34 · 81 阅读 · 0 评论 -
ES6新特性(一)
一、let 和 const let和const声明的变量不可以重复声明。同时拥有作用域,出了括号就不能再使用。二、箭头函数=> 这个东西其他语言已经玩烂大街了,没什么好说的。三、函数的参数扩展参数默认值——定义参数时可以直接赋值 展开运输符...可以用做剩余参数的收集,和可变参数一样,且必须为最后一个位置 可以用作数组的展开...原创 2019-04-02 13:54:47 · 107 阅读 · 0 评论 -
如何让contenteditable元素只能输入纯文本
原文:https://www.zhangxinxu.com/wordpress/2016/01/contenteditable-plaintext-only/一、温故而知新很多年以前,稍等,让我搜一下contenteditable(右上角),哈,是2010年的时候,写了篇文章“div模拟textarea文本域轻松实现高度自适应”,就是说的contenteditable的应用。虽然说,利...转载 2019-04-11 09:47:57 · 360 阅读 · 0 评论 -
Web Essentials插件介绍
代码段Web Essentials对CSS、JavaScript和HTML都提供了很多快捷的功能支持,具体列表如下:CSS即时预览Live Web Preview每次修改的时候,都可以使用CTRL+ALT+Enter快捷键或者点击方案右键上的Live Web Preview选项来即时预览你修改的页面,每次修改完 HTML或者相应的CSS, Ctrl+S保存以后,即时窗口会立即生...转载 2019-03-30 17:03:43 · 405 阅读 · 0 评论