WEB前端知识
itwangyang520
这个作者很懒,什么都没留下…
展开
-
2022-vue实现-“对象数组“-模糊搜索功能
代码】2022-vue实现-"对象数组"-模糊搜索功能。原创 2022-08-03 11:02:47 · 463 阅读 · 4 评论 -
2021-web前端-ECMAScript+
ECMAScript+let 和 const 命令ES6 新增了let、const命令,用来声明变量,let声明的变量值可以改变,const不行(const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动)特性不存在变量提升暂时性死区只要块级作用域内存在let、const命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响,如果使用let、const命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(tempo原创 2020-11-30 20:37:20 · 284 阅读 · 0 评论 -
作用域其实很简单的
//多级作用域 //-->1级作用域 let gender="男"; function fn(){ //问题1: //gender:可以访问 //age: 可以访问 //height:不能访问 //-->2级作用域 return function(){ //问题2: //gender...原创 2019-05-21 09:53:05 · 146 阅读 · 0 评论 -
Vue总结一下,今天学的
Vue. jS是一个MVVM模式的实现着,MVVM核心是ViewModel, ViewModel 就走一个观察者vue 两大核心:数据驱动,组件化 两个优点:借鉴了AngulaJS 的模块化开发和React 虚拟DOM,虚拟DOM就是把DOM操作放到内存执行 常用的自定,义属性: v-i f v-else-if ...原创 2019-05-20 22:38:32 · 264 阅读 · 1 评论 -
React核心技术-精讲---第三天的讲解(03-React进阶篇-框架原理)
组件的生命周期可以帮助我们清楚的剖析一个组件从创建到销毁的全部流程;如果能够做到知其然且知其所以然, 那么在后期多组件、中大型项目开发过程中, 就能够很好的把控项目的性能细节。1.生命周期<!-- Created by wangyang on 2019-05-13. itwangyang@gmail.com http://www.itwangyan...原创 2019-05-15 15:19:45 · 449 阅读 · 0 评论 -
React核心技术-精讲---第二天的讲解(01-React基础篇-把第一天的所学到知识串联起来做一个案例)
把第一天的所学到知识串联起来做一个案例1.首先完成组件的拼接<!-- Created by wangyang on 2019-05-13. itwangyang@gmail.com http://www.itwangyang.xyz--><!DOCTYPE html><html lang="en"><head...原创 2019-05-15 11:05:22 · 320 阅读 · 0 评论 -
jQuery里面的ajax用法-------底层到应用
<!-- Created by wangyang on 2019-05-07. itwangyang@gmail.com http://www.itwangyang.xyz--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-05-07 23:27:34 · 175 阅读 · 0 评论 -
继承、原型链继承、拷贝继承
0.为什么要使用继承方法可能功能相似,但是不是同一个方法(没有指向同一块内存,会造成内存浪费)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...原创 2019-05-19 11:30:44 · 348 阅读 · 0 评论 -
带你学习不一样的ES6,深度学习原理,带你玩嗨js----第四堂课的学习※这一章节比较难
/** * Created by wangyang on 2019-05-06. * itwangyang@gmail.com * http://www.itwangyang.xyz *//** * 类的继承 * *///定义一个类class Parent { constructor(name) { this.name = name;//实例的私有...原创 2019-05-06 21:06:25 · 266 阅读 · 0 评论 -
jQuery里面的ajax用法-------底层到应用(第三堂课-jsonp的封装)
学知识就要学会原生,学会原理今天我们来讲一下jsonp的封装,其实在百度搜索就用到jsonp来请求不同源的数据1.原生js来实现jsonpa.client.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS...原创 2019-05-11 22:00:45 · 118 阅读 · 0 评论 -
Promise/A+规范
Promise表示一个异步操作的最终结果。与Promise最主要的交互方法是通过将函数传入它的then方法从而获取得Promise最终的值或Promise最终最拒绝(reject)的原因。1. 术语promise是一个包含了兼容promise规范then方法的对象或函数,thenable是一个包含了then方法的对象或函数。value是任何Javascript值。 (包括 und...原创 2019-05-12 11:00:11 · 187 阅读 · 0 评论 -
React核心技术-精讲---第一天的讲解(01-React基础篇-快速入门)
我建议使用官方教程,配合使用,最好最好阅读原版的官方教程,中文滞后了!!!!官网教程:https://reactjs.org/华丽的分割线-------------------------------------------------------------------------------------------------------------------------------...原创 2019-05-12 23:17:50 · 529 阅读 · 0 评论 -
contenteditable="true/false" 用法
contenteditable="true"属性让div+css可以相当于Inputcontenteditable 属性是 HTML5 中的新属性。这个特别是在table里面需要输入,是需要用到这个的。语法<element contenteditable="true|false">属性值值 描述 true 规定元素可编辑。 false ...原创 2019-10-10 11:11:31 · 2271 阅读 · 0 评论 -
vue2.x 循环img src遍历加载不同图片的方法
vue2.x 循环img src遍历加载不同图片的方法第一种,vue.js直接引入网页的模式html <main class="tabThird"> <section class="showFelx"> <div v-for="(item,index) in items" :key="index" class="ite...原创 2019-09-02 17:45:59 · 6020 阅读 · 0 评论 -
正则表达式 js java c# python
正则表达式 js java c# python学习网站https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp概念正则表达式是为了解决字符串操作中一些比较麻烦的场景,比如字符串提取、字符串替换、字符串验证等常用于:表单验证:是否是一个数字、是一个电话号码、是一个邮箱。...原创 2019-06-08 11:06:23 · 151 阅读 · 0 评论 -
ES6学习
前言ES6:EMCAScript(ECMA、ES)标准JavaScript是EMCAScript的一种--------------------------------------------------------------------------------JS特别特别烂--------------------------------------------------...原创 2019-06-01 21:42:01 · 178 阅读 · 0 评论 -
async的应用
1.认识async<!-- Created by wangyang on 2019-05-22. itwangyang@gmail.com http://www.itwangyang.xyz--><!DOCTYPE html><html lang="en"><head> <meta charset="U...原创 2019-05-24 10:19:03 · 305 阅读 · 0 评论 -
小程序+云开发---基础篇
1.小程序的基础练习<!--pages/base/base.wxml--><text>{{msg}}</text><image class='banner' src="{{img}}"></image><view wx:for="{{arr}}" wx:key="{{index}}"> {{index}} {{...原创 2019-05-27 10:16:29 · 4127 阅读 · 0 评论 -
ES6-----promise的详细用法
01.promise基本操作<!-- Created by wangyang on 2019-05-22. itwangyang@gmail.com http://www.itwangyang.xyz--><!DOCTYPE html><html lang="en"><head> <meta chars...原创 2019-05-22 19:57:53 · 309 阅读 · 0 评论 -
JS库封装
1.入口函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-05-26 09:58:37 · 948 阅读 · 0 评论 -
js面向对象
<!-- Created by wangyang on 2019-05-16. itwangyang@gmail.com http://www.itwangyang.xyz--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2019-05-17 18:57:40 · 169 阅读 · 0 评论 -
jQuery里面的ajax用法-------底层到应用(第二堂课-局部刷新和loading功能)
这里面我们运用bootstrap4,来用写一个布局,就是长得这样子的实现局部加载,并且实现loading功能下面标注这些官网都是有的,可以自己搜索一下好了,下来开始撸码了index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...原创 2019-05-08 23:39:05 · 228 阅读 · 1 评论 -
带你学习不一样的ES6,深度学习原理,带你玩嗨js----第三堂课的学习
/** * Created by wangyang on 2019-05-05. * itwangyang@gmail.com * http://www.itwangyang.xyz *///箭头函数的this是定死的,指向外层的this//箭头函数虽然好,但是不能应用到所有的情况let obj8 = { name: 'wang', getName: () =&...原创 2019-05-05 19:43:18 · 178 阅读 · 0 评论 -
JavaScript基础----全方位的基础篇(一),前方高能哦
--------------------------------------------JavaScript:简介---------------------------------------------------- JavaScript:简称:js js分为三部分: 1.ECMAScript 标准------js的基本语法 2.DOM-...原创 2018-09-09 10:54:59 · 494 阅读 · 0 评论 -
web前端开发学习路线--供参考哦
原创 2018-09-08 17:13:44 · 211 阅读 · 0 评论 -
5 分钟掌握 JavaScript 实用窍门
一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。现在来把 JS 小窍门一起分享一下,可以让你事半功倍 ! 1. 删除数组尾部元素一个简单方法就是改变数组的length值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;...原创 2018-09-04 14:28:55 · 134 阅读 · 0 评论 -
ES6了解一下
1.变量声明常量和让在ES6之前,都是我们用var关键字声明变量无论声明在何处,都会被视为声明在。函数的最顶部(函数不在内即在全局作用域的最顶部)这就是函数。变量提升例如: function aa() { if(flag) { var test = 'hello man' } else { console.log(test) }...原创 2018-08-27 23:06:58 · 154 阅读 · 0 评论 -
web前端:Canvas 基础(二)
0.前言相信各位小伙伴读了之前的文章,对Canvas基础已经有了一定的认识和了解,但是大家也一定记得我在上一篇文章留了一个小的坑。就是我没有告诉大家该如何去绘制圆,之所以没有说是因为绘制圆实际上是因为CanvasRenderingContext2D对象只提供了两个绘制矩形的方法,并没有直接提供绘制圆,椭圆等几何图形的方法。为了在Canvas上绘制更复杂的方法,必须在Canvas上启用路径,...原创 2018-08-27 22:58:17 · 1701 阅读 · 0 评论 -
弹性布局详解——一看就秒听懂
前 言itWang 在网页制作过程中,布局是我们最重要的一个环节。可以说布局的好坏直接影响到整个网页的成败!布局成,则事半功倍;布局败,则事倍功半。 随着移动互联的到来,响应式网站风靡。这也就兴起了一种新兴的布局方式——弹性布局。取代我们之前“display+float+position”的布局形式,采用全新的弹性布局,会让你的网站如丝般顺滑! 今天,就让我们一起来学习一下弹性布局...原创 2018-08-02 18:56:25 · 7007 阅读 · 0 评论 -
微信小程序开发中自己的小总结
微信小程序使用起来感觉像写h5一样,对于新手估计会有比较多疑惑,如果撇去这些想法应该是很快就能上手的一套开发方案。但是它自身的限制也比较大,如不提供window对象会导致一些功能实现起来比较麻烦。我这次开发的小程序就遇到了,虽然比较快找到解决办法(可能都是比较标准化的东西),希望之后不会有其他大坑。需要其实比较简单,就是两页文章列表及文章详情页,刚上手却遇到下面的坑: 无法利用win...原创 2018-12-26 16:05:52 · 447 阅读 · 0 评论 -
VueJS 开发常见会碰壁的问题
涉及技术栈CLI: Vue-CLI UI: Element HTML: Pug(Jade) CSS: Less JavaScript: ES6正文:polyfill 与 transform-runtime 首先,vue-cli 为我们自动添加了 babel-plugin-transform-runtime 这个插件,该插件多数情况下都运作正常,可以转换大部分 ES6 语法。...原创 2018-07-22 00:21:48 · 623 阅读 · 0 评论 -
前端2018年前沿技术概览
2017年就要这一年内除了三大框架蓬勃发展,前端其他领域的技术也都在众多专注于前端开发的开发者的一起努力下不断进步,下面我就总结一下2017年兴起2018年可能会成为潮流的一部分前端技术。本文只是一个概览,我们来看看这个技术主要是干什么的,解决什么问题,当然这篇文章还有一个重要目的是,让你了解这些名词,下次在面试和装X的时候有迹可循。PWA(Progressive Web Ap)一个被吹得...原创 2018-07-22 00:13:45 · 4029 阅读 · 0 评论 -
web前端:Canvas 基础(一)
web前端:Canvas 基础(一)原创 2017-11-01 18:02:44 · 35765 阅读 · 5 评论 -
原生的 input[type="date"]修改默认的样式
最近写一个页面,用到了date类型的input,不得不说,挺好用的,免去了额外引入第三方插件的麻烦,但与此同时,也出现了新的麻烦,那就是input[type=”date”]自带的一些样式, 可以看到后面会多出一个删除的ICON和弹出日历框的向下箭头,那么要怎么移除嘞?上代码!/*----------用来移除向下箭头----------*/input[ty...原创 2018-09-06 17:27:49 · 8207 阅读 · 0 评论 -
在mac上安装vue脚手架遇上的坑
1 安装Node.js参看 上篇 node.js 环境安装【Node.js】Mac 下node安装图文详解2 安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 3 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架cnpm install -g vue-cli输入...原创 2018-09-10 13:39:58 · 3760 阅读 · 0 评论 -
JavaScript基础----全方位的基础篇(二)
3.循环结构:while循环;do-while ,for ,for-in 循环:一件事不停的或者是重复的做的 循环要有结束的条件的循环还应该有计算器(记录循环的次数) --------------------------> while 循环 while循环语法: ...原创 2019-04-01 12:27:43 · 174 阅读 · 0 评论 -
带你学习不一样的ES6,深度学习原理,带你玩嗨js----第二堂课的学习
/** * Created by wangyang on 2019-05-03. * itwangyang@gmail.com * http://www.itwangyang.xyz *///补全---->可以用到时间补全,就是说:比如:7:01,可以补全let str5 = 'abc';console.log(str5.padStart(5, '0'));consol...原创 2019-05-04 23:16:18 · 2432 阅读 · 5 评论 -
带你学习不一样的ES6,深度学习原理,带你玩嗨js----第一堂课的学习
// ***************************** let const ************************************************/** * var * 1.可以重复声明 * 2.不能定义常量 var PI = 3.14 * 3.不支持块级作用域 if(true){var a = 10},那么这个a也是会定义在全局下面的 ...原创 2019-05-02 22:52:03 · 281 阅读 · 0 评论 -
React(16+版本以上的) 基础知识介绍
今天,本章节会介绍一些 React 的基础知识和基本用法。已经入门 React 基础的同学,可以简单看看这篇文档内容。React 零基础的同学还建议去慕课网学习React入门基础。另外,下面讲到的代码将全部使用 es6 语法,教程中我会介绍一些用到的 es6 语法,但是不会从头讲解了,推荐阅读es6入门hello world以下是一个最简单的demo,将一个最简单的组件渲染到页面上...原创 2019-04-14 22:06:23 · 468 阅读 · 0 评论 -
在Mac使用Charles mock前端数据404问题
最近学习react,使用Charles mock数据。结果API 404。真的是气死人,昨天晚上解决了四个小时,都是没有解决出来,我今天早上也是解决了一早上,最后才解决出来的,现在=新的Charles 4.28的,跟一起的是不一样的,不会自动显示在左侧,只会运行外部的数据,不能运行在左侧的数据使用的是我的react项目运行在本地 3000端口,本地访问localhost:3000, 下图...原创 2019-04-14 11:38:39 · 1476 阅读 · 23 评论