随笔分类 -  JavaScript

1 2 下一页
对iframe里的fetch和xmlhttprequest拦截并对request/reponse进行包装
摘要：写了一个通常的函数可以对iframe里的fetch和xmlhttprequest拦截并对request/reponse进行包装 rewriteFetchandXmlhttp(iframeWin) { if (!iframeWin) { console.error("iframe handle was 阅读全文
posted @ 2020-12-23 15:00 Yuri_trender 阅读(1875) 评论(2) 推荐(0)
vue3 + ant-design-vue2 + vuex+mitt快速配置指南
摘要：1. 目前能和vue3配合的UI只有ant-design-vue2 2.vue3移除了event bus,使用mitt来替代 3.有了Composition API基本上不需要使用vuex了，但是某种情况 下vuex还是比较好用的。vue3的provide和inject数据回溯不容易去debug. 阅读全文
posted @ 2020-09-29 17:14 Yuri_trender 阅读(1988) 评论(0) 推荐(0)
10分钟学会React Context API
摘要：Create-react-app来学习这个功能: 注意下面代码红色的即可,非常简单. 在小项目里Context API完全可以替换掉react-redux. 修改app.js reg.js T2.js GlobalContext.js import React from 'react' const 阅读全文
posted @ 2019-07-26 15:23 Yuri_trender 阅读(505) 评论(0) 推荐(0)
js对secure的支持是没问题的，httponly是为限制js而产生的，当然httponly的cookie也不会被js创建
摘要：Javascript： js对secure的支持是没问题的，可是httponly本就是为限制js而产生的，当然httponly的cookie也不会被js创建document.cookie = "username=" +escape("leon") + "; expires=15/02/2013 00 阅读全文
posted @ 2019-02-18 11:43 Yuri_trender 阅读(468) 评论(0) 推荐(0)
30分钟学会React Hook, Memo, Lazy
摘要：我们来学习React 16.8里的新特性。 1. 自行配置好React的环境，推荐你使用Create React APP, 你也可以下载本文档Zip解压到本地直接运行. https://github.com/yurizhang/fed-study/blob/master/my-project.zip 阅读全文
posted @ 2019-02-14 14:19 Yuri_trender 阅读(482) 评论(0) 推荐(0)
Rematch Redux的替代品
摘要：前言：Rematch和vuex很像。 文档：https://github.com/yurizhang/rematch 简介： 先看看rematch的官方介绍： Rematch是没有boilerplate的Redux最佳实践。没有多余的action types，action creators，swit 阅读全文
posted @ 2019-02-01 15:00 Yuri_trender 阅读(1304) 评论(0) 推荐(0)
H5移动端原生长按事件
摘要：// 函数名longpress// 参数为: 需长按元素的id、长按之后处理函数func function longPress(id, func,timeout=500) { var timeOutEvent; document.querySelector('#' + id).addEventListener('touchstart', function (e) { ... 阅读全文
posted @ 2019-01-29 17:06 Yuri_trender 阅读(8980) 评论(0) 推荐(0)
wepy-cli 开发小程序如何使用vant组件
摘要：1 同样使用wepy-cli快速生成的小程序，目前可以使用组件： 2 直接通过 git 下载 Vant Weapp 源代码，并将dist目录拷贝到自己的项目中 3 git clone https://github.com/youzan/vant-weapp.git 4 将dist/目录拷贝到项目src/components/目录下面（根据自己目录结构调整）。 5 在页面test.wpy... 阅读全文
posted @ 2018-12-21 13:27 Yuri_trender 阅读(1192) 评论(0) 推荐(0)
iShow UI for React 最佳实践
摘要：React 与 AJAX React只负责处理View这一层，它本身不涉及网络请求/AJAX，所以这里我们需求考虑两个问题： 第一，用什么技术从服务端获取数据； 第二，获取到的数据应该放在react组件的什么位置。 第一，用什么技术从服务端获取数据； 第二，获取到的数据应该放在react组件的什么位 阅读全文
posted @ 2018-04-20 13:57 Yuri_trender 阅读(186) 评论(0) 推荐(0)
JS类对象实现继续的几种方式
摘要：0. ES6可以直接使用class,extends来继承. 1. 原型继承 2、类继承（借用构造函数的方式继承） 3. 极简主义 没有使用任何的prototype,apply,call 阅读全文
posted @ 2018-02-11 22:50 Yuri_trender 阅读(390) 评论(0) 推荐(0)
webpack分开打包和合并打包的瘦身
摘要：webpack.config.js 记录一下优化webpack的几个点： 1. devtool: false, //产品阶段不应该有devtool 2. 打包效果： 阅读全文
posted @ 2018-02-09 14:04 Yuri_trender 阅读(3651) 评论(0) 推荐(0)
下一代的前端构建工具:parcel打包react
摘要：1. parcel很受欢迎，webpack太慢了，试试Parcel下一代的前端构建工具 2.Parcel很快，但缺少好多插件，没有base64，没有办法拆分打包文件.... 3.总结：适合小项目 4. demo: https://github.com/yurizhang/coupon 阅读全文
posted @ 2018-01-31 16:58 Yuri_trender 阅读(332) 评论(0) 推荐(0)
vue or react mvvm里的文字上下滚动
摘要：1.jQuery 时候实现 上下滚动很简单，基本上一个animateTop就可以了 2. vue等MVVM就有些麻烦了，因为不推荐操作DOM，专注于数据 我们可以使用 css3 transition: top 0.5s; 和改变列表的位置来实现上下文无缝滚动。下图顶部的黄字应该是滚动的（不会弄gif 阅读全文
posted @ 2018-01-11 18:06 Yuri_trender 阅读(685) 评论(0) 推荐(0)
CSS grid layout demo 网格布局实例
摘要：直接 上代码，里面我加注释，相当的简单, 也可以去我的github上直接下载代码，顺手给个星：https://github.com/yurizhang/micro-finance-admin-system/blob/master/grid.html 效果如下： <!DOCTYPE html> <ht 阅读全文
posted @ 2018-01-10 18:23 Yuri_trender 阅读(1683) 评论(0) 推荐(0)
js页面可视区域懒加载
摘要：Document 阅读全文
posted @ 2017-11-15 13:35 Yuri_trender 阅读(1965) 评论(0) 推荐(0)
Vue双向绑定简单实现
摘要：转载自：http://www.cnblogs.com/kidney/p/6052935.html 代码 解释 这里 阅读全文
posted @ 2017-10-20 14:54 Yuri_trender 阅读(280) 评论(0) 推荐(0)
Array.isArray() 和 isObject() 原生js实现
摘要：function isObject(val) { return val != null && typeof val === 'object' && Array.isArray(val) === false; }; True All of the following return true: isObject({}); isObject(Object.create({})); isOb... 阅读全文
posted @ 2017-09-14 10:09 Yuri_trender 阅读(16417) 评论(0) 推荐(0)
60分钟课程： 用egg.js实现增删改查,文件上传和restfulApi, webpack react es6 （一）
摘要：今天开始我将写nodejs框架egg.js, react 实现的增删改查，文件上传等常用的b/s场景，这个将分3部分来写。 会让你在60分钟内快速 入口并应用~ 你应该用es6, node，或是php, python等基本知识。知道基本的sql (mysql) 第一部分我们先实现增删改查： prod 阅读全文
posted @ 2017-09-11 18:17 Yuri_trender 阅读(1823) 评论(1) 推荐(0)
极简的css浮动窗口
摘要：浮动窗口 点击这里打开窗口 这里是窗口内容 Close 阅读全文
posted @ 2017-07-03 11:25 Yuri_trender 阅读(1099) 评论(0) 推荐(0)
上传项目到gitHub
摘要：1. 下载安装好git bash 2.到github上注册一个马甲 3. 点new repositories 建一个项目 4. 在你项目里git clone 你的项目 5. 1.git add * 2. git commit * '注释' 3. git push origin master 阅读全文
posted @ 2017-05-30 12:20 Yuri_trender 阅读(187) 评论(0) 推荐(0)

1 2 下一页