首先安装路由
npm install --save react-router-dom
新建一个router.js文件
然后我们的router.js代码如下↓
1 import React from 'react'
2 //这里的HashRouter是一个的路由的模式,它分为两种Brows
今天给大家分享一种用JS写的导航栏,虽然我们工作中不会使用JS来做导航栏,为了练习我们用JS来做一个JS导航栏
这种方法要比其他方法代码量少很多,但是需要对事件冒泡有一定的理解,如果需要理解冒泡可以参考一下,
该注释的地方我都给大家注释上了
思路:给所有的 li 加上 鼠标移入事件当鼠标移入时
一、函数参数
1.可以使用默认参数
function add(x=1,y=2){
return x+y;
}
2.用let或const再次声明参数会报错,var不会。
function add(x=1,y=2){
let x = 1; // error
const x = 2
如何编码解码
编码:var code=encodeURI("原文"); 解码:var 原问=decodeURI("code"); 用encodeURIComponent代替encodeURI 用decodeURIComponent代替decodeURI eval 专门执行字符
功能简介:
不需要借助百度的语音SDK即可完成,只需要通过前端语言利用页面获取用户语音直接将语音数据发送给后端保存,之后通过条件判断再将保存好的语言文件地址发送给目标用户,借此即可完成用户之间的单点通信
from flask import Flask,render
以下是我遇到的一些经典的JS面试题,结合我自己的理解写的详解,主要参考高程一书,欢迎大家批评指正
1.
var a;
console.log(a);
答:运行结果为打印undefined。
首先,以上代码完全运行的话需要引擎,编译器,作用
URI
URI全称:Uniform Resource Identifier,中文名为统一资源标识符。用来标识唯一标识互联网上的信息资源。
Web上可用的所有资源,比如html、图像、视频等,都是由URI进行标识。
URI包括URL和URN。
URL
URL全称:Uniform Resource Lo
wxSearch优雅的微信小程序搜索框 一、功能 支持自定义热门key 支持搜索历史 支持搜索建议 支持搜索历史(记录)缓存 二、使用 1、将wxSearch文件夹整个拷贝到根目录下
2、引入
// wxml中引入模板
<import src="/wxSearch/wxSearch.w
在ES6中我们有两种定义变量的方式:let const
let特点:
1.let定义时不会进行变量声明提升
2.变量不允许被重复定义
3.变量不可以被删除
4.在for循环当中用let定
1.
{
loader:"postcss-loader",
options: { // 如果没有options这个选项将会报错 No PostCSS Config found
plugins: (
if (window["context"] == undefined) {
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.lo
一、新建项目使用scss
使用ng new 项目名称创建项目的时候
ng new my-app --skip-install --prefix mpr --style=scss
二、已有项目使用scss
首先,安装node-sass包
npm install node-sass --save-dev
作为网页内容的一部分,图像和视频通常要消耗很多资源加载。要提高网页应用的性能,如何避免资源浪费在加载图像和视频上就很重要了。但是,很多时候我们都不愿意减少网页上的媒体资源,所以我们经常无从下手。幸运的是,我们有懒加载这个绝招,它可以帮助我们减少加载时间和降低负载,而不在内容上偷工减料。
认
具体background简写可以参考这篇文章.
这里注意,如果简写里要写background-size,则这里必须写 / ,否则整个背景图片样式没有解析出来。
它和font以及border-radius里简写方式使用的/用法相似。/可以在支持这种写法的浏览器里在background-positio
$emit 子组件触发父组件的方法:
1 <!-- 子组件 -->
2 <template>
3 <div id="child">
4 <button @click="tryToParent">click</bu
1 var str1=new String('str1');
2 var str2='str2';
3 console.log(typeof str1);//object
4 console.log(typeof str2);//string
5 console.log(str1 ins
这个情况不知道在火狐的什么情况下会出现这个问题,但是他的demo定位在火狐下是没有问题的。
正常情况下展示位置是这样的
但是呢,在我的火狐下展示的位置是这样的.
哎,默默的读源码吧;
源码:
修改后的代码:
react获取当前页面的url参数,必须在url路由对应的组件上获取,在子组件上获取不到,为undefined,获取形如 /news/:id 的后面的参数 id
this.props.match.params.id
获取形如 /news?id="abc"的 ?id="abc" 部分,
自己实现了一个可以进行编辑的下拉选择框,主要功能点
可以进行输入的下拉选择框
根据输入内容筛选值
支持上下键进行下拉内容的选择
支持使用Enter键确认上下键选择的内容
支持ESC键退出选择
下面才是重点
演示图(演示时颜色选择了经典的红绿配 -_-||| )
实现代码如下
1.测试使用页面
&
原生JS-旋转木马
今天写一个原生JS写的旋转木马JS效果。
实现原理:
1.建立一个数组给每一张图片写对应的z-index,opacity,top,width;
2.实现旋转的操作是把建造的数组里面的第一组值放到最后一组,点下按钮就执行一次。
显示效果图:
html布局:
<di