1 gman344

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 20w+

Vue.js 从源码理解v-for和v-if的优先级的高低

在vue.js里面,v-for和v-if是可以一起使用作用在某个元素上,网上看到一篇文章说永远不要把v-for和v-if同时用在同一个元素上,感觉有点瞎扯,官网也注明了可以一起使用的,还把两个指令的优先级给说明了:当v-if和v-for一起使用时,v-for的优先级更高,为了方便理解举个栗子:<div id="app"> <ul> <li v-for="item in Nums" v-if="item%2==0">{{item}}...

2020-08-03 15:21:04

解决React路由URL中hash(#)部分的显示 、browserHistory打包后浏览器刷新页面出现404的问题

摘要  在React项目中,我们需要采用它的路由库React-Router来进行页面跳转,React会根据路由URL来判断是哪个页面。常见的的URL有两种显示方式,一种是hashHistory的形式,形如:localhost:3000/#/free-lesson的路由,另一种是browserHistory的形式,形如:localhost:3000/person-center的真实URL路由。在实际项目中常常用真实的URL的方式,但是该形式存在一个隐藏的问题,就是项目打包后,浏览器页面刷新会出现4...

2020-08-03 08:20:08

jquery二级导航

效果图直接放代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>cat</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/cat.css"&g...

2020-08-02 20:21:11

[javascript] 利用chrome的overrides实时调试线上js

chrome的开发者工具,在source选项卡下,可以看到js的源代码,有一个断点调试功能,就是在js的源代码行号那里点击一下,出现一个箭头,当再次刷新页面并且进行了相应操作时,就会停在断点的地方。我们可以查看相应的变量值,在右侧可以手动改变变量值,进行调试。这个地方有一个缺点,就是没有办法对代码表达式等进行手动修改,修改完再去运行调试。如果我们在编辑窗口更改了js,他并不能真正的作用于线上代码。你保存了也没有任何效果,你刷新了页面,直接就没有了,没有办法像css的调试那样,可以完全实时修改代码...

2020-08-01 20:21:10

html -- 块元素、内联元素、内联块元素 练习

html标签(也叫元素)大概可以统分为三大类,块元素、内联元素、内联块元素。块元素1,常用的块元素:ul、li、div、p、dl、dt、dd、h1~h6。2,块元素支持所有的样式。3,盒子独占据一行,即使设置了宽度。4,如果没有设置宽度,默认宽度为父元素的100%。内联元素1,常用的内联元素:span、a、em、i、b、strong。2,只支持部分样式,比如说,不支持宽、高、margin上下、padding上下。3,...

2020-07-31 08:20:09

ajax

**今天,我就带你来了解一下ajax吧!**首先我们得明白什么是ajax?那到底什么才是ajax呢? AJAX = “Asynchronous Javascript And XML”(==异步 JavaScript 和 XML==)直译出来就是异步的JavaScript和数据传输技术。国内常翻译为**==“阿贾克斯”==**是指一种无需重新加载整个网页的情况下,能够更新部分网页的技术。直白的说,ajax就是js通过一个网址去加载数据。用户是看不见的,可以通过浏览器控制台中的网络查...

2020-07-30 20:21:11

纯CSS实现带返回顶部右侧悬浮菜单

这是我做个人网页的时候加上的带返回顶部右侧悬浮菜单效果,如下图,使用工具是Hbuilder。代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="//at.a...

2020-07-30 15:21:06

为什么学习javascript

一、你知道,为什么JavaScript非常值得我们学习吗?所有的主流浏览器都支持javascript大部分网页都使用javascript它可以让网页呈现出各种动态效果作为一个web开发师,如果你想提供漂亮的网页,拥有让我用户满意的上网体验,js必不可少。二、javascript入门槛低,易学学习环境无处不在,只要有文本编辑器,就能编写javascript脚本程序我们可以用简单命令,完成一些基本操作三、从哪开始学习呢?学习javascript的起点就是处理网页,所以我们先学习基础语...

2020-07-29 08:20:04

angular 环境搭建

1. 查看npm镜像源npm config get registry 2. 配置镜像源为淘宝资源设置cnpm镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org或者修改全局镜像源npm config set registry https://registry.npm.taobao.org3. 安装angular脚手架工具cnpm install -g @angular/cli4. 查看angular cl...

2020-07-28 20:21:11

ES6语法:var、let、const的区别详解

今天来说说es6的语法,最基础的也就是var,let,const 的用法与区别了,我们来看看他们之间的恩怨情仇。 首先来说说var,这个只要是学过js的都知道,它是用来声明一个变量的,但是它在开发中也会遇到一些问题,比较难解决。先来看看下面的代码:var str="hello world";​function testVar(){  var str="hello";}testVar();console.log(str);这段代码的结果是 "hello world",这...

2020-07-28 08:20:06

Vue开发--脚手架的搭建

1、安装好Node.js2、命令台 node -v 确认版本3、全局安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org4、命令台 cnpm -v5、命令台cnpm i -g @vue/cli 脚手架安装6、安装路由 npm i vue-router --save7、配置路由8、配置webpack...

2020-07-27 20:21:08

javascript 3d网页 封装简单的Gui控制器视图类 和 ThreeBSP网格组合 ( three.js r114 初探 三)

1 完整代码下载  https://pan.baidu.com/s/1JJyVcP2KqXsd5G6eaYpgHQ  提取码 3fzt (压缩包名: 2020-3-12-demo.zip)2 图片展示  3 代码展示 1 (function(v, f){ 2 'use strict'; 3 4 if(!v || !f || window.Three !== undefined){return;} 5 6 if(W...

2020-07-27 15:21:08

JavaScript双重循环的嵌套

JavaScript双重循环的嵌套之逆战班系列循环嵌套 循环的嵌套就是一个循环体内又包含另一个完整的循环结构。如图:它的执行顺序为由外到内,外层循环执行一次,内层循环将完整的执行一次。外层循环内的循环体执行完后,返回外层循环继续执行,直到外层循环结束。运用:使用循环嵌套输出正反金字塔代码图:varn=window.prompt("请输入行数");for(i=1;i<=n;i++){//控制行数//正金字塔for(j=1;...

2020-07-26 20:21:11

适用于Web开发人员的20个CSS调色板

颜色是设计的重要组成部分。而选择完美的配色方案是所有网页设计师必须经历的一步。以下是针对Web开发人员的20个CSS调色板。1.GRADIENTS COLLECTION PREVIEWUsed CSS variables and flexbox.Made with1HTML (Pug) / CSS (SCSS)Author1MenSebDemo2.COLOR PALETTESColor palettes with Flexbo...

2020-07-26 15:21:07

js继承的封装

<script type="text/javascript"> function extend(source, target) { for(var key in source) { var value = source[key]; target[key] = value; } }// ...

2020-07-26 08:20:06

Vue(一)

指令:带有v-前缀的特殊属性。用于在表达式的值改变时,将某些行为应用到DOM上。下面的例子,用到了v-bind指令将某一层div的属性与checkbox的值绑定,当use为true时,引用class1的样式<style>.class1{ background: #444; color: #eee;}</style><div id="app"> <label for="r1">修改颜色</label><input typ...

2020-07-25 15:21:08

JavaScript 预编译与作用域

JavaScript 预编译与作用域JavaScript 预编译的过程和作用域的分析步骤是 JS 学习中重要的一环,能够帮助我们知道代码的执行顺序,更好理解闭包的概念预编译JavaScript 执行步骤检查通篇的语法错误 -> 预编译 -> 解释执行暗示全局变量变量不声明直接赋值,挂载到 window 对象下a = 1;console.log(a); // 1function test() { var b = c = 1;}test();co...

2020-07-25 08:20:05

jQuery 选择器

jquery使用jQuery的官网地址: https://jquery.com/,官网即可下载最新版本。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> <style&gt...

2020-07-24 20:21:23

HTML5(五)Geolocation

HTML5 Geolocation定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。注意: Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。geography 地理; location 位置; Geo+location 地理位置; current 现在;getCurrentPosition() 方法 - 返回数据T若成功,则 g...

2020-07-24 15:32:09

ES6 字符串、数值与布尔值、函数参数的解构赋值

const str="hello world";const [a,b,...oth]=str;字符串分割为数组的三种方法:const str="hello world";const [...str1]=str;const str2=[...str];const str3=str.split("");提取字符串的属性和方法:const str="hello world";const {length,split}=str;数值与布尔值的解...

2020-07-24 08:20:06

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。