- 博客(68)
- 收藏
- 关注
RSS订阅原创 自动化构建初体验
安装sassnpm install sass --dev安装 browser-sync 启动一个服务npm install browser-sync --dev安装 npm-run-all 用于sass构建和browser-sync一起启动原因：当通过--watch对sass文件进行监听自己自动构建的时候，命令一直停留在watch，不往下面走了，所以要一起启动npm install npm-run-all --dev...
2022-02-23 21:57:27
248
原创 百度小程序网络图片https显示不出来的解决方案（实测有效）
在地址前面加上https://images.weserv.nl/?url=网络地址例子：https://images.weserv.nl/?url=https://cdn.uviewui.com/uview/example/fade.jpg
2021-05-10 11:08:58
1483
原创 实现对象的Symbol.itertor
第一种：var people={ name:'test', sex:'male', hobbies:['ball','paint','sing'], [Symbol.iterator]() { let index = 0 return { next: () => { let keys = Object.keys(this) return index >= keys.length ? {done: true} : {
2021-03-25 23:51:06
215
原创 js中你不知道的数组合并方法及优缺点分析
1.concat(arr1,arr2,arr3…)例：var arr1 = [1,2,3];var arr2 = [4,5,6];var concatArr = arr1.concat(arr2)2.三点运算符例：var arr1 = [1,2,3];var arr2 = [4,5,6];var concatArr = [...arr1,...arr2]3.利用apply...
2020-04-04 01:04:40
605
原创 基于elementUI的菜单（element-menu）展示（无线级）
可以通过 npm install element-menu进行安装<script>export default { name: 'menu-items', props: ['menuList', 'active_menu'], render: function(h) { var showMenu = menuList => { ...
2019-11-11 18:17:04
1633
原创 发布vue组件npm步骤
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
2019-11-11 18:04:14
198
原创 react之装饰器的安装及使用
装饰器的作用：不学不知道，一学吓一跳。装饰器到底有什么用呢？它用处可就大了，一句话总结就是它是先走的，它放在谁的头上都是先执行装饰器函数然后再指定当前的函数，那么装个装饰器就可以对对象中的state，props进行修改，直接影响就是展示效果，create-react-app默认不支持装饰器的，需要做以下配置。1.运行npm run eject，暴露项目的配置项，如果失败的话，则运行git...
2019-10-31 18:00:24
1490
原创 react 之 创建上下文（createContext）
问：创建上下文有什么用呢？答：用于解决组件传值的问题。问：组件传值不是已经存在方法了吗，不就是props传值吗？答：您说的没错，props是可以传值，但是当父亲传值给儿子简单，就一层，如果是父亲传递给孙子，还有孙子的孙子呢？这么多层，是不是每层都得prop传递啊，是不是很乱，而且很累啊，而且很乱，不好写，createContext就是为了解决这个问题的，后面的reducx可能更好点好了，我...
2019-10-30 00:40:36
2256
原创 react 之 父子组件传值（看后即懂）
父组件class Data_Reconciliation extends Component { constructor(props) { super(props) this.state = { btnName: '点击', radioValue: 'youyong', // 单选框的值 } ...
2019-10-29 14:52:51
253
原创 react之redux详解及例子展示（简单）
（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...
2019-10-18 17:54:38
558
原创 react跨域解决（create-react-app项目通过）
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’, ...
2019-10-17 15:09:55
334
原创 create-react-app创建react脚手架（遇到的问题全解）
（1）node下载及安装http://nodejs.cn/（2）验证是否安装成功node -vnpm -v(3)安装脚手架,这里会自动安装到你的nodejs里面npm install create-react-app -g（4）创建react项目create-react-app react01(项目名)（5）启动项目cd react01npm start问题全解通过...
2019-10-16 13:42:29
832
原创 vue中央事件总线（bus）
面试官：vue中传值有哪几种类型的？ 我：父组件到子组件传值，子组件到父组件，子组件到子组件面试官：能具体说说吗？ 我：父到子是prop，prop包括数组类型和对象类型，对象类型就是指定传值类型，用来做数据类型验证，子到父是emit,而父组件监听emit,而父组件监听emit,而父组件监听emit触发的事件，那子到子呢？可以采用中央总线bus或者是vuex...
2019-08-16 15:57:38
3238
原创 vue中axios的封装
第一步还是先下载axioscnpm install axios -S 第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL =’’;//http req...
2019-08-14 15:16:36
202
原创 d3.js缩放
var zoom = d3.behavior.zoom().on(“zoom”,function(){d3.select("#showd3").attr(“transform”, d3.event.transform);})
2019-08-14 15:15:18
269
原创 vue之全局过滤器
main.js(1) 引入过滤器（@/filters/index.js为过滤器所在的文件）import * as filter from '@/filters/index.js'(2)// 全局过滤器配置Object.keys(filter).forEach(key => { Vue.filter(key, filter[key]) });...
2019-08-14 15:12:07
237
1
原创 vue-cli2及vue-cli3mock假数据（很棒）
vue-cli21.新建mock文件夹，然后建立你的json文件2.配置文件（bulid->webpack.dev.conf.js）3.axios请求该接口即可vue-cli3（更简单）vue-cli3主打零配置，所以配置起来更加的简单然后axios请求即可...
2019-07-18 10:46:32
576
转载 token,session,cookie...(非常详细，粉了)
https://www.cnblogs.com/moyand/p/9047978.html
2019-07-11 16:49:11
215
原创 indexedDB的用法（增删改查，样样俱全）
<html> <head></head> <body> <script> var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;...
2019-07-04 11:32:33
1972
原创 vue 3.0创建项目（一步步带你走过去）
1.卸载旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。2.安装新版本npm install -g @vue/cliORyarn global add @...
2019-07-02 14:14:18
917
原创 解决django和laytpl模版冲突及改变取值方式判断不能用（测试通过）
只需要加上{% verbatim %} {% endverbatim %}即可
2019-06-21 14:26:55
437
原创 vue+vue-routr+axios项目搭建（目前项目在用）
1.vue-cli搭建框架小白6步搞定2.下载vue-router(1)npm install vue-router(2)根目录下创建router文件夹，并在router文件夹下创建router.js文件(3)写上router.js代码import Vue from 'vue'import VueRouter from 'vue-router'/** * 加载模块 */Vu...
2019-06-06 18:40:53
511
原创 django框架环境安装(手把手教学，不成功你打我)
1.安装PythonPython 下载地址：https://www.python.org/downloads/2.安装django（1）django下载地址：https://www.djangoproject.com/download/（2）直接把下载包解压到指定的路径，我的解压路径是D:\django（3）dos命令进入解压地址：（4）执行安装命令python setup.py...
2019-06-05 23:17:38
538
原创 xlsx.core.min.js读取excel文件数据（无乱码，测试通过）
下载xlsx.core.min.jshtml：<input type="file" "onChange(event)" title="选择excel表">js：let getexcelData = [] // 存储excel数据function onChange(event) { getexcelData = [] var file = event...
2019-04-19 10:33:21
10616
原创 echart点击导航条触发的方法
myChart.on(“legendselectchanged”, function(obj) {})例子：myChart.on("legendselectchanged", function(obj) { let selectArr = obj.selected let mm = current_data...
2019-03-18 17:46:18
695
原创 webpack构建第一个项目+运行服务（13步搞定）
1.建一个空的文件夹（testwebpack）2.创建package.json配置文件npm init3.项目全局安装webpacknpm install webpack -g4.安装项目依赖npm install webpack --save-dev5.创建并配置webpack.config.js6.创建index.js和index.html,一个为入口文件，一个为普通的h...
2019-03-08 13:16:10
1561
1
原创 svg之折线
**<!docType html><html> <head> <title>svg demo</title> <style> .polyline { fill:none; stroke: antiq...
2019-01-02 13:28:36
648
原创 svg之多边形
&lt;!docType html&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;svg demo&lt;/title&gt; &lt;style&gt; .polygon { fil
2019-01-02 13:17:11
323
原创 svg之直线
<!docType html><html> <head> <title>svg demo</title> <style> .line { stroke: rgb(100, 30, 30); stro...
2019-01-02 12:35:09
576
原创 svg之椭圆形
<!docType html><html> <head> <title>svg demo</title> <style> .ellipse { fill: rgb(0, 255, 0); fill-...
2019-01-02 11:31:26
339
原创 svg之圆形
<!docType html><html> <head> <title>svg demo</title> <style> .circle { fill: rgb(0, 255, 0); fill-o...
2019-01-02 11:21:50
358
原创 svg之矩形
<!docType html><html> <head> <title>svg demo</title> <style> .rectangle { width: 300px; height: 100...
2019-01-02 11:11:47
372
原创 vue之自定义指令默认不刷新数据的解决方式（项目通过）
很多人会问，我已经v-for循环了，我数据也跟着变了，那么为什么我用自定义指令渲染的数据为什么不变呢？很好，我来给您老人家答疑解惑：因为就v-for来说，其实这个兄弟内部存在着一种机制“就地复用”，什么叫“就地复用”？这个东西就是在我自定义指令上面已经存在数据了，那么我就不再渲染新的dom了，这个也有一种“缓存”的感觉存在，这个东西虽然避免了重复渲染，会使页面再这里不需要重新加载，但是更多的时...
2018-12-25 11:00:48
2520
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人