Knight__D

使用官方脚手架creact-react-app1. 首先通过npm全局安装create-react-appnpm install -g create-react-app2. 然后使用create-react-app命令来创建项目create-react-app <项目名>3. 启动项目npm start删除不必要的文件后梳理需要安装那些依赖1.react-router-dom路由2.axios3.js-cookie4.redux、react-re

现象：在使用canvas的toDataURL（）方法时，控制台有时会报错：Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.原因：这是由于之前由drawImage（）向canvas导入的图片跨域而导致的。解决方法：1、在引用图片之前打开跨域资源允许权限（一定要注意顺序）： const image = ne

vue.config.jsvue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。"use strict";const path = require("path");const webpack = require("webpack");const defa...

关于前端学习整理的复习大纲，偏向于理论方面（面试）目录css篇js篇浏览器篇vue篇react篇小程序篇css篇什么是BFC flex布局，flex:1是哪几个属性的缩写 移动端布局dpr这个是什么东西，怎么获取的，rem布局一般页面根元素fontsize是多少？ css盒模型 Css3新特性 （H5、C3、ES6的新特性） 多栏布局方式 水平垂直居中的几种实现方式 清除浮动 伪类和伪元素的区别，::before 和:after 的作用分别是什么 CS.

目录需求调研js判断键盘是否按了F5刷新js判断浏览器访问，刷新，返回防止其他不正当访问需求需求：统计某个页面访问量，用户状态不限制需要排除非正常进入页面的方式，比如刷新或者其他不正当手段调研用户刷新页面的方式：键盘F5 或者 浏览器的刷新，通过调研发现，两种方式都可以被监听到避免其他不正当手段访问页面：页面参数都不可作为判断依据，可携带唯一标识js判断键盘是否按了F5刷新直接上代码<script> document.onkeyd.

在移动端html中经常出现横向/纵向滚动的效果,但是在iPhone中滚动速度很慢,感觉不流畅,有种卡卡的感觉,但是在安卓设备上没有这种感觉;要解决这个问题很简单:一行代码搞定 -webkit-overflow-scrolling : touch;

相信大家在做移动端开发的时候会经常遇到这种场景，需要适时的弹出遮罩（有时为了突出还会在外面加上蒙层），弹窗出现以后，为了追求良好的用户体验，遮罩以下的屏幕是禁止滑动的。在网上找了很多资料，大体就这两种做法，但都有不完善的地方。加上自己的思考和总结，想到一个办法，应该可以解决你的问题。a）大众型一般，大家想到的都是给body或者html添加overflow：hidden样式，当然he

function f(str){    var arr=str.split("");    /*把传进来的字符串分割成字符串数组*/    var obj={};    for(var i=0;i&lt;arr.length;i++){       var val=arr[i];    /*每个数组元素用val变量接收*/        if(obj[val] &amp;&amp; obj[val...

Html代码seo优化布局讲解搜索引擎对html代码是非常优化的，所以html的优化是做好推广的第一步。一个符合 seo 规则的代码大体如下界面所示。 1、&lt;!–木庄网络博客–&gt; 这个东西是些页面注释的，可以在这里加我的“木庄网络博客”，但过多关键字可能被搜索引擎惩罚！ 2、&lt;html&gt; 这个是代码开头 结尾时和&lt;/html&gt;对应。 3、&lt;...

1、按住键盘的Alt键,然后鼠标按下左键往下或往上拖动即多个光标同时可输入状态。自动代码  ALT+回车 导入包,自动修正  CTRL+ALT+L 格式化代码  CTRL+ALT+I 自动缩进  CTRL+ALT+O 优化导入的类和包  CTRL+E 最近更改的文件/代码  CTRL+SHIFT+SPACE 切换窗口  CTRL+SPACE空格 代码自动完成，代码提示,一般与输入法冲突  CTR...

功运行iview-admin之后，您就可以开始动手修改它，将自己的内容替换进去了。 首先最基础也是最重要的，应该说是路由配置，路由配置里目前有三种类型的配置，对应三种页面的展示成功运行iview-admin之后，您就可以开始动手修改它，将自己的内容替换进去了。 首先最基础也是最重要的，应该说是路由配置，路由配置里目前有三种类型的配置，对应三种页面的展示类型。直接来看代码:./src/rou...

实例：https://www.cnblogs.com/weichen913/p/iview.html解释：https://cn.vuejs.org/v2/guide/render-function.htmliview table使用说明：https://www.iviewui.com/components/table搜索+复选框列表：<FormItem...

如图：实现在用户列表中输入信息时，下面的列表随之更新，我遇到的问题是，列表更新后，对应的选中状态没有及时更新。以下为示例代码<template><div style="border-bottom: 1px solid #e9e9e9;padding-bottom:6px;margin-bottom:6px;"><Checkb...

今天接到一个任务，里面有个小动画是，手指拖动火柴到蜡烛上，蜡烛点燃。现在研究了下元素随手指移动的代码。  Mobile Cookbook#someElm {width: 100px;height: 100px;background:#ccc;position:absolute;}           

最近写了个H5的小页面，遇到一些兼容问题，记录下（主要针对QQ和微信 ），一、.调 用手机相机或相册功能：type="file" name="imgfile" id="camera">一开始是这样写的：type="file"name="imgfile"accept="image/*"capture="camera"id="camera">

1.悬浮导航2.导航定位html:id="content"> id="navbar"> id="nb_title">9折区> class="nb_content" href="javascript:void(0)">厨房神器 class="nb_content" href="javascript:void

BootStrap对开发者来说最大的好处就是响应式布局和一些优秀的样式 现在我给大家介绍一些使用BootStrap的步骤和一些常用的东西1.编写头部head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="view

当我们沉浸在旺盛的需求之中时，整个人便会成为一台工作的机器，切着类似的页面，写着同样的逻辑，重复着昨天或者上个月做的事情，时间久了，觉得腻味，没有什么创新，也没有明显的成长。用一句通俗的话来讲：工作五年，后面四年重复着第一年的活儿。很多人尝试跳出这个怪圈，不过基于环境压力和思维受阻，最后又不得不选择放弃。今天想通过介绍如何高效有保障地开发一个无线页面来帮助大家找到突破口。日常开发状

下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内

border-radius   border-colors   boder-imagebox-shadow    text-shadowbackground-size     background-origin   background-cliptext-overflow     word-wraptransitionopacitybox-sizin

CSS3 选择器（Selector）写过 CSS 的人应该对 CSS 选择器不陌生，我们所定义的 CSS 属性之所以能应用到相应的节点上，就是因为 CSS 选择器模式。参考下述代码：清单 1. CSS 选择器案例 Body > .mainTabContainer div > span[5]{ Border: 1px solod red; Background-c

一个简单的许愿树制作，记录一下html> 许愿树 http-equiv="content-type" content="text/html;charset=utf-8"> type="text/css"> *{ margin: 0; padding: 0; } body{ background-image:url(images/

今天学习了下cookie的用法 ， 简单做了个小封装/*封装cookie*/function setCookie(name,value,expires,path,domain,secure) { var cookieName = encodeURIComponent(name)+'='+encodeURIComponent(value); if(expires i

js中substr,substring,indexOf,lastIndexOf,split等的用法 1.substrsubstr(start,length)表示从start位置开始，截取length长度的字符串。var a="dsfvsgfhgh";alert(a.substr(7,3));弹出值为：hgh 2.substringsubstring(start,

需求：10月份时：10月10号之前页面中显示数据为7653，从10月10号之后，每天定时减少数据，直到月末。10月份之前或之后数据都显示为0HTML>lang="en"> charset='UTF-8' /> 数据更新 #content{position: relative;margin: 0 auto;width: 10rem;}

1.活动倒计时2.商品倒计时（定时更换图片及位置）html:id="timer"> id="t_status">id="goods" style="height: 41.52rem;">css: #goods ul li img,#timer{width:10rem} #t_status li{color:#fff;text-

!function() {var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-w

做了好几版本的红包雨，表示很愁人，手机卡顿一直是个大问题，这里整理了一份稍简洁的版本。1.红包从下向上运动，开始位置随机2.曲线运动，碰到边缘时自动转弯，并自带旋转效果3.定义两条线路，不至于看起来太规律注：可以在此基础上更改相应参数，把定值写成随机值可以看起来更没有规律些，点击事件，点击效果自行定义，定时器使用完记得清除。依然调用了页面初始化以及px转rem的两个小J

JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但是在中国，万恶的IE6仍然大量的存在，我们不得不去考虑它。对于JS代码的优化，实际上有很多的情况，有些影响是比较小的，而有些是比较严重的，本文中，我把几个我认为影响比较严重的情况列出来，供大家参考。

大多人都认为前端开发是一个「相对于其他技术来说更简单的技术」，在他们心中的前端工程师是这样工作的：把 Photoshop 文件、图片或者线框放进一个网页；偶尔设计 Photoshop 文件、图片或者线框；用 JS 编程，为网页制作动画、过渡效果；用 HTML 和 CSS 编程，确定网页的内容和形式。事实上，前端工程师在做的是：