web前端
超级无敌一个王凯旋
这个作者很懒,什么都没留下…
展开
-
基于Proxy的双向数据绑定尝试
基于Proxy的双向数据绑定尝试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基于Proxy的双向数据绑定尝试</title></head><body> <div id="root"> 名字:<input id="inputName" type="text"原创 2020-08-20 16:49:34 · 201 阅读 · 0 评论 -
react+redux+devtools配置及使用方法
使用redux及中间件thunk和devtools安装1.安装redux、react-redux、redux-thunknpm install --save redux react-redux redux-thunk2.安装辅助工具redux-devtoolsnpm install --save-dev redux-devtools-extension使用1.在store文件中引入import {createStore, applyMiddleware} from 'redux'impor原创 2020-05-28 10:13:37 · 1519 阅读 · 0 评论 -
使用react-redux的过程及常见的坑 -- 01
使用react-redux的过程及常见的坑 – 01使用 react-redux和redux1.安装npm install redux react-redux -S2.配置使用大多数教程里面演示了非常复杂的配置流程,他们将store、action、reducer分离开来,使新手看不明白因此我将不会拆分这些部分从而更简单明了的演示它们的使用方法(1)创建store.js// 引入reduximport {createStore} from 'redux'// 配置默认state数据c原创 2020-05-09 08:52:09 · 1001 阅读 · 0 评论 -
Cannot assign to read only property 'exports' of object '#Object'问题记录
问题浏览器报错Cannot assign to read only property ‘exports’ of object ‘#’解决:代码中混用了export/import和module.exports/require如果使用了babel,请将所有语法改成export/import,否则会出现这个情况启动webpack-dev-server服务提示错误:Cannot a...原创 2020-01-30 14:26:57 · 1120 阅读 · 0 评论 -
NVM安装的两种方法
nvm安装的两种方式1.使用安装包安装这种方式没什么好说的,重点在于需要按清楚自己的安装路径,第一次选择的目录是nvm的安装路径,第二次选择的目录是npm快捷方式的路径2.使用压缩包安装(1).首先下载好安装包(2).解压安装包到想要安装到的未知(3).配置解压后文件夹内的settings.txt配置文件root:C:\dev\nvm (nvm安装的路径)path:C:\...原创 2019-11-04 09:06:56 · 662 阅读 · 0 评论 -
最简单的方法解决事件冒泡
不考虑兼容性的写法event.stopPropagation()兼容性写法function stopPropagation(e){ e=window.event||e; if(document.all){ //只有ie识别 e.cancelBubble=true; }else{ e.stopPropagation(); }...转载 2019-10-28 09:45:55 · 429 阅读 · 0 评论 -
css解决input或图片与文字的对其方式
input[type=checkbox]{ display: inline-block; vertical-align: middle; margin-bottom: 2px; }原创 2019-10-28 09:28:20 · 372 阅读 · 0 评论 -
将上传的文件进行base64转码,并转换为JSON数据格式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-10-24 15:31:30 · 2451 阅读 · 0 评论 -
select标签显示提示且提示无法被选中
select标签显示提示且提示无法被选中<select class="form-control m-b ipt" name="account"> <option **disabled selected**>请选择</option> <option>1</option> <option>2</opt...原创 2019-09-04 09:50:16 · 1149 阅读 · 0 评论 -
第0课:对web前端的理解与课程的规划
想学习web前端?废话不多说,所有软件的创始人和历史背景一律略过,我们直奔主题!首先我们需要了解一下想要做一个合格的web前端开发工程师应该学会做什么?做web前端,我们需要以下流程:制作产品原型--利用HTML5+css+js等前端技术把网站前端做出来前端是什么?前端就相当于一个人的身体表面,一个漂亮的人首先要有一个完美的形态、外表和举止,而一个漂亮前端也是这样它需要拥有一个完美的形态(html...原创 2018-05-26 22:02:15 · 300 阅读 · 0 评论 -
JavaScript简介
JavaScript诞生于1995年,主要用于处理以前由服务器端语言负责的一些输入验证操作,在JavaScript问世之前,必须把表单数据发送到服务器端才能确定用户是否填写了合法的值,如电话号等值。今天的JavaScript已经成为一门功能全面的编程语言,能够处理复杂的计算和交互,拥有了闭包,匿名函数,甚至元编程等特性,作为Web的一个重要组成部分,JS的重要性是不可言喻的。起初,JS是N...原创 2019-08-03 17:03:50 · 105 阅读 · 0 评论 -
web前端要懂的基础知识
#理论知识##前端开发Web Front-end development##后端开发Web Back-end development##前端开发什么?结构布局/样式呈现/页面的动态交互HTML/css/JavaScriptJS分为脚本/数据交互处理/数据格式化渲染##为什么老的网站只有htm而不是html?老版系统比如window 98或老linux系统只认后缀名三位,不认三位...原创 2019-08-04 20:01:27 · 142 阅读 · 0 评论 -
关于基本标签的面试考点
标签特性介绍1.h1~h6 标题(heading)标签1~6字号逐渐减小公共点:独占一行、粗体em单位指的是默认文字大小的倍数,默认字体大小为body设置的字体大小浏览器默认文字大小是16px2.p 段落(Paragraph)标签特性:独占一行首行缩进:css代码 text-indent:2em;3.strong标签strong和b标签都会将字体加粗,但strong比b标签更好...原创 2019-08-05 21:23:32 · 126 阅读 · 0 评论