
web前端
带你走进Web前端开发世界
午夜.幽魂.男
每个优秀的人,都有一段沉默的时光,那段时光是付出了很多努力,却得不到结果的日子,我们把它叫做扎根。
展开
-
ES2015简介和基本语法
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。说明:此文章根据《实战ES2015:深入现代JavaScript+应用开发》这本书做的笔记,更多详细内容请查看书籍。电子版在文章底部。一、ECMAScript的发展历程image.png二、ES2015能为实际开发带来什么ECMAScript的发展速度在不断加快,影响范围越来越大,除了Web前端开发以外转载 2021-09-20 14:57:29 · 514 阅读 · 0 评论 -
前端 数组操作 求差集
const arr = checkedItems const brr = this.havedItems for (let i = 0; i < brr.length; i++) { for (let j = 0; j < arr.length; j++) { if (arr[j] === brr[i]) { arr.splice(j, 1) j-- }原创 2020-07-24 13:01:52 · 662 阅读 · 0 评论 -
js 去掉对象数组某个属性
// 要求:// 现有数组对象:let arr = [{featureId: 1, featureContent: ‘全新未用’, checked: ‘0’},{featureId: 2, featureContent: ‘验货面付’, checked: ‘0’},{featureId: 3, featureContent: ‘快递包邮’, checked: ‘0’},{featureId: 4, featureContent: ‘保修期内’, checked: ‘0’},{featureId原创 2020-07-03 14:08:17 · 2211 阅读 · 1 评论 -
ES6 指南
ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。1. let、const 和 block 作用域let允许创建块级-作用域,ES6推荐在函数中使用let定义变量,而非var:var a = 2;{ let a = 3;...转载 2019-11-26 17:43:47 · 268 阅读 · 0 评论 -
vue webpack-dev-server --inline --progress --config build/webpack.dev.conf.js报错
"scripts": { "dev": "NODE_ENV=development webpack-dev-server --open --inline --hot", "build": "NODE_ENV=production webpack --progress --hide-modules" },这是项目package.json中自带的配置环境书写,出现报错的原因是因为...转载 2019-11-25 16:40:46 · 1148 阅读 · 0 评论 -
微信小程序相关
微信小程序的相关文件类型微信小程序项目结构主要有四个文件类型wxml: (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式js 逻辑处理,网络请求json 小程序设置,如页面注册,页面标题及...转载 2019-10-19 14:10:09 · 132 阅读 · 0 评论 -
小程序登录
小程序登录小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。原创 2019-07-17 10:57:03 · 144 阅读 · 0 评论 -
Tomcat中的session小结
什么是Session参考地址对Tomcat而言,Session是一块在服务器开辟的内存空间,其存储结构为ConcurrentHashMap;Session的目的Http协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录。Session的主要目的就是为了弥补Http的无状态性。简单的说,就是服务器可以利用session存储客户端在...转载 2019-08-03 09:04:06 · 280 阅读 · 0 评论 -
data和props
事件驱动在前端来说数据驱动式框架,必然离不开事件驱动,事件驱动一定程度弥补了数据驱动的补足,在dom操作的时代同上都是这样操作:通过特定的选择器查找到需要操作的结点 -> 给结点天界相应的事件监听响应用户操作,效果是这样:用户执行某事件(点击,输入,后退等等) -> 调用JavaScript来修改节点这种模式对业务来说是没有什么问题,但是从开发承办和效率来说会比较力不从心,在...原创 2019-07-17 16:36:16 · 895 阅读 · 0 评论 -
弹性盒子
弹性盒子是 CSS3 的一种新的布局模式。css3弹性盒(Flexible Box 或 flexbox), 是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空间。浏览器支持:弹性盒子由弹性容器(Flex container)和弹性元素(Flex item)组成弹性容...转载 2019-07-23 18:17:31 · 78 阅读 · 0 评论 -
css
@默认是从 src 目录开始查找,也可以自己配置一些其它路径或者符号原创 2019-07-18 17:59:14 · 79 阅读 · 0 评论 -
webstrom IDE格式化代码规则遵循eslint设置
div + css 布局原创 2019-08-20 23:32:52 · 291 阅读 · 0 评论 -
v-if vs v-show
v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的:如果在初始渲染时条件为假,则什么都不用做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始...原创 2019-06-17 11:55:10 · 130 阅读 · 0 评论 -
href=“#“ 使用
HTML 链接 - name 属性name 属性规定锚(anchor)的名称。您可以使用 name 属性创建 HTML 页面中的书签。书签不会以任何特殊方式显示,它对读者是不可见的。当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。命名锚的语法:<a name="labe...原创 2019-06-13 11:41:11 · 1736 阅读 · 0 评论 -
call和apply
call和apply用来调用函数,并用指定对象(第一个参数)替换函数的 this 值,同时用指定数组替换函数的参数。注:也可以不指定参数,此时只是单纯的调用函数,如:fun.call()语法:fun.call(thisobj,arg1,arg2) ;当后面参数个数确定时用call,参数之间用逗号连接fun.apply(thisobj,[arg1,arg2]);当后面参数个数不确定时用appl...转载 2019-06-13 11:45:00 · 94 阅读 · 0 评论 -
JavaScript 深拷贝与浅拷贝
var a = {}此时a是一个对象,是一个没有任何属性的对象。var a = {‘name’:‘object’}此时,a是一个对象,是一个有一个属性的对象**,属性名为name,属性的值为object。alert 对象访问属性的两种方式:1.alert(a.name) 2. alert(a[name])var a = function(){}此时a指向一个函数,相当于有一个函数,名...原创 2019-06-13 11:49:15 · 2189 阅读 · 0 评论