<!docType html><html> <head> <title>svg demo</title> <style> .line { stroke: rgb(100, 30, 30); stro...
<!docType html><html> <head> <title>svg demo</title> <style> .polygon { fil
**<!docType html><html> <head> <title>svg demo</title> <style> .polyline { fill:none; stroke: antiq...
1.安装 http-proxy-middlewarenpm install http-proxy-middleware2.在src目录下创建setupProxy.js,并加入以下代码const proxy = require(‘http-proxy-middleware’);module.exports = function (app) {app.use(proxy(’/api1’, ...
（0）初始准备npm install --save reduxnpm install --save react-reduxnpm install --save-dev redux-devtools（1）redux各个参数的相关介绍1.state： 存储数据的仓库2.action： 改变state中数据的方法3.reducer: 就是将state和action联系起来，从而改变st...
父组件class Data_Reconciliation extends Component { constructor(props) { super(props) this.state = { btnName: '点击', radioValue: 'youyong', // 单选框的值 } ...
问：创建上下文有什么用呢？答：用于解决组件传值的问题。问：组件传值不是已经存在方法了吗，不就是props传值吗？答：您说的没错，props是可以传值，但是当父亲传值给儿子简单，就一层，如果是父亲传递给孙子，还有孙子的孙子呢？这么多层，是不是每层都得prop传递啊，是不是很乱，而且很累啊，而且很乱，不好写，createContext就是为了解决这个问题的，后面的reducx可能更好点好了，我...
装饰器的作用：不学不知道，一学吓一跳。装饰器到底有什么用呢？它用处可就大了，一句话总结就是它是先走的，它放在谁的头上都是先执行装饰器函数然后再指定当前的函数，那么装个装饰器就可以对对象中的state，props进行修改，直接影响就是展示效果，create-react-app默认不支持装饰器的，需要做以下配置。1.运行npm run eject，暴露项目的配置项，如果失败的话，则运行git...
1.安装node及npmnode -v (测试node是否安装成功)npm -v（测试npm是否安装成功）2.安装cnpmnpm install -g cnpm --registry=http://registry.npm.taobao.org3.安装全局脚手架cnpm install -g vue-cli4.创建项目进入你项目的保存位置，然后vue init w...
如果我们写一个弹窗，弹窗中存在关闭按钮、输入框、发送按钮等。你可能会问，这有什么难的，你就是几个div、input吗？好，那现在需要升级了，这几个控件还有别的地方要用到。没问题，复制黏贴呗。那如果输入框要带数据验证，按钮的图标支持自定义呢？这样用JavaScript封装后一起复制呗。那等到项目快完结时，产品经理说，所有使用输入框的地方要改成支持回车键提交。好吧，给我一天的时间，我一个一个加上去。上面的需求虽然有点变态，但却是业务中很常见，那就是控件，Javascript能力的复用。没错，Vue.js的组
1.父传子 （三步走）父:a.父组件中定义值b.调用子组件并引用c.在引用的标签上给子组件传值子：props接收数值2.子传父（四步走）子：a:定义用于传值的方法b:emit进行传值父：c:父组件中调用子组件并且在子组件中绑定emit进行传值 父： c:父组件中调用子组件并且在子组件中绑定emit进行传值父：c:父组件中调用子组件并且在子组件中绑定emit定义的方法...
1.npm 引入elementUInpm i element-ui -S2.在main.js文件中全局引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI)
vuex：状态管理模块1.使用const moduleA = new Vuex.Store({// 保存数据state:{ 在任何组件可以通过KaTeX parse error: Expected 'EOF', got '}' at position 82: …,10,20] }̲, // 修改s…store.commit(‘incr...
// 全局时间戳转换指令注册Vue.directive('time',{ bind: function (el,binding) { let getTime = new Date(binding.value) el.innerHTML = `${getTime.getFullYear()}-${getTime.getMonth()+1}-${getTime.getDate()...
很多人会问，我已经v-for循环了，我数据也跟着变了，那么为什么我用自定义指令渲染的数据为什么不变呢？很好，我来给您老人家答疑解惑：因为就v-for来说，其实这个兄弟内部存在着一种机制“就地复用”，什么叫“就地复用”？这个东西就是在我自定义指令上面已经存在数据了，那么我就不再渲染新的dom了，这个也有一种“缓存”的感觉存在，这个东西虽然避免了重复渲染，会使页面再这里不需要重新加载，但是更多的时...
vue-cli21.新建mock文件夹，然后建立你的json文件2.配置文件（bulid->webpack.dev.conf.js）3.axios请求该接口即可vue-cli3（更简单）vue-cli3主打零配置，所以配置起来更加的简单然后axios请求即可...
main.js(1) 引入过滤器（@/filters/index.js为过滤器所在的文件）import * as filter from '@/filters/index.js'(2)// 全局过滤器配置Object.keys(filter).forEach(key => { Vue.filter(key, filter[key]) });...
1.vue项目中（config -> index.js）改为自己想要的端口改端口2.配置nginx
面试官：vue中传值有哪几种类型的？ 我：父组件到子组件传值，子组件到父组件，子组件到子组件面试官：能具体说说吗？ 我：父到子是prop，prop包括数组类型和对象类型，对象类型就是指定传值类型，用来做数据类型验证，子到父是emit,而父组件监听emit,而父组件监听emit,而父组件监听emit触发的事件，那子到子呢？可以采用中央总线bus或者是vuex...
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
onchange 和oninput事件比较onchange :只有当表单元素发生改变时调用，在元素失去焦点时调用方法 可使用的元素：,, 和 onInput :只有当表单元素发生改变时调用，元素变化，立即触发方法 可使用的元素： , , 和 ...
1.点击链接https://meyerweb.com/eric/tools/css/reset/index.html2.copy代码3.将copy的代码放到项目的css文件中，然后在index.html中引入此css即可
在异步加载成功后，加上myScroll.refresh();（重新计算高度）例子：
众所周知，ES6之前是没有class语法的，其实很多开发人员都一直说，js不需要类似于java中的类，但是我感觉，class是不能少的，而且很重要，因为它极大的改善了代码的复用性，前端面向对象思想更加依赖于class这个目前看起来会越来越重要的语法，而且如果配合module，你可能会越来越感觉js越来越像java语法模式了，不过有一点需要注意，如果不同页面需要在方法中写入的代码不同，那么这个用起...
我的理解：我认为prop就像是一个黑客，他可以对操作进行拦截，对数据进行篡改，绝对的处理数据的神器先来一段代码<html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body> &
添加链接描述
1.建一个空的文件夹（testwebpack）2.创建package.json配置文件npm init3.项目全局安装webpacknpm install webpack -g4.安装项目依赖npm install webpack --save-dev5.创建并配置webpack.config.js6.创建index.js和index.html,一个为入口文件，一个为普通的h...
myChart.on(“legendselectchanged”, function(obj) {})例子：myChart.on("legendselectchanged", function(obj) { let selectArr = obj.selected let mm = current_data...
下载xlsx.core.min.jshtml：<input type="file" "onChange(event)" title="选择excel表">js：let getexcelData = [] // 存储excel数据function onChange(event) { getexcelData = [] var file = event...
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
