- 博客(132)
- 资源 (21)
- 收藏
- 关注
RSS订阅
原创 React 基础 教程 涵盖各个版本
深入一下，这里import React from 'react'引用的是什么？这里的'react'对应的就是./package.json文件中dependencies中的'react'，即在该目录下用npm install安装的 react 。npm 安装的 react 的物理文件是存放在 ./node_modules/react中的，因此引用的东西肯定就在这个文件夹里面。打开./node_m...
2020-01-28 12:13:06
402
1
原创 HTML5 CSS3
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊...
2018-11-14 10:35:21
529
1
原创 Javascript js 23种设计模式
首先npm init一路回车 新建webpack.dev.config.js，修改package.json文件修改package.json文件 "scripts": { "dev&
2018-08-05 18:36:07
1917
原创 Vue3 与 Vue2 官方文档解读
性能优化，是每一个开发者都会遇到的问题，特别是现在越来越重视体验，以及竞争越来越激烈的环境下，对于我们开发者来说，只完成迭代，把功能做好是远远不够的，最重要的是把产品做好，让更多人愿意使用，让用户用得更爽，这不也是我们开发者价值与能力的体现吗。
2018-06-01 18:44:22
10372
1
原创 《JavaScript 高级程序设计（第3版）》 源码分析
《JavaScript 高级程序设计（第3版）》 源码分析《JavaScript高级程序设计》是2006年人民邮电出版社出版的图书，作者是(美)(Nicholas C.Zakas)扎卡斯。本书适合有一定编程经验的开发人员阅读，也可作为高校相关专业课程的教材。献给搬砖人士，求职人士很不错的基础扎实笔记经验 js 放置在 页面的合理位置 对于优化加载有很大的帮助切记平稳退化，如果不支持的情况下 有很多种方案 ，书中提到了...
2018-03-04 19:18:59
5494
3
原创 http中的缓存 清除index.html文件的缓存
在index.html的 meta 标签中定义禁止浏览器缓存该 html 文件（所有需要禁止缓存的 html 资源，都可以加上这些meta标签, 用来告知浏览器不要缓存这个html）缓存控制Cache-ControlCache-Control除了在响应中使用，在请求中也可以使用缓存校验Last-Modified服务端在返回资源时，会将该资源的最后更改时间通过Last-Modified字段返回给客户端客户端下次请求时通过If-Modified-Since或者If-Unmodified-Since带上L
2023-05-29 16:56:27
447
原创 video 视屏播放器详细控制
canplay、play、pause是video提供的API，在视频加载完成后需要设置视频的总时长duration也是来源于自身的API但是需要格式化时间设置当前播放时间通过自身API，currentTime#id . innerHTMl = 格式化时间函数(video . currentTime) }需要一个定时器去动态的更新这个当前时间值，在方法的最外层定义 let timer，方便释放定时器。
2023-04-24 16:40:02
1276
原创 TypeScript 介绍及使用说明
**它不是一门语言，是js的超集，它包含了目前的es5标准，也包含了未来的es6\7\8的标准****还提供了很多后端的功能，比如静态类型检查，接口，泛型等。****主要给js带来了强类型定义的实际功能，相当于在原生js上加了一层类型定义**
2022-01-25 10:37:28
2587
2
原创 小程序 wxml2canvas 生成分享卡片 小程序码丢失
这个 BUG 需要特定的动态卡片 + 特定的设备才能复现这个 BUG 是如何产生的？wxml2canvas 在绘制的时候，会根据一个叫做 sorted 的对象对它的 keys 进行遍历，该对象的 key 为节点的 top 值，value 为节点元素；问题就是出在这里，该库作者误以为 Object.keys() 总是会按照实际创建属性的顺序返回，然而当 key 为正整数的时候，返回顺序就不符合原本的预期了，会出现了绘制顺序错乱，从而导致这个 BUG 的产生。const sorted = {}so.
2022-01-24 11:06:28
684
原创 code-review 前端代码优化汇总 JavaScript One-Liner
判断是否为空对象Object.values(this.flowInfo).length>0对象obj中取值对象obj中取值 解构的对象不能为undefined、null。否则会报错，故要给被解构的对象一个默认值const {a,b,c,d,e} = obj || {};合并两个数组，合并两个对象旧方法：const a = [1,2,3];const b = [1,5,6];const c = a.concat(b);//[1,2,3,1,5,6]const obj1 = {
2021-12-07 15:48:40
883
原创 echarts 关系图 graph 节点图 动态设置x/y坐标
data: [ { name: 'Node 1', x: 300, y: 300 }, { name: 'Node 2', x: 800, y: 300 }, { name: 'Node 3', x: 550, y: 100 }, { name: 'Node 4', x: 550, y: 500 }],// links: [],links: [ { source.
2021-11-28 11:59:07
12553
6
原创 vue datepicker 动态控制时分秒 当前时间以后可选
<DatePicker type="datetime" placeholder="启动时间" style="width: 300px" ref="DatePicker" @on-change="handleSendTime" format="yyyy-MM-dd HH:mm:ss" :options="optionsnewdates" :transfer ='true' :timePickerOptions="timePickerOptions"><.
2021-08-11 15:42:13
864
原创 vue FormItem 动态遍历多层prop绑定 编辑回填信息后新增删除操作页面不渲染
vue FormItem 动态遍历多层prop绑定 编辑回填信息后新增删除操作页面不渲染
2021-07-31 18:50:24
957
原创 移动端 H5 开发指南 涉及html、css、js三大方向
与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。但本文记录的「40条坑位」绝对能让同学们少走很多弯路，特别是前端小白。
2021-04-17 13:43:13
629
原创 Plupload上传文件
Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件，简单易用且功能大，我们完全可以使用Plupload来代替以前的SWFUpload。Plupload优势1.拥有多种上传方式：HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境，选择最合适的上传方式，并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式，Plupload会自动为你选择最合适的方式。2.支持拖拽，文件不仅可以从浏览对话框中选取，还可以直接从桌面
2021-02-07 18:02:03
424
原创 Angular 8 从基础到项目实战 完整的Angular学习路径
注意nodejs版本、以及angular-cli版本ng --version 查看是否安装成功ng new taskAngular 生成项目cli目录结构介绍src/app ==项目开发的主要目录==src/assets ==项目静态文件==src/environments ==项目的环境变量==src/main.ts ==项目的根文件==src/polyfills.ts ==设置动画后处理js对各浏览器厂商的兼容性==src/styles.scss ==全局
2020-10-17 20:54:24
1421
1
原创 vue JavaScript iview 基于后端接口实现前端模糊搜索 前端分页 实现简单的前端分页功能
基于后端接口实现前端模糊搜索getData(filter) { const params = Object.assign({}, filter); params.product_name__in = this.dataItem.product_list.join(","); this.loading = true; this.dataList = []; if (this.dateArr.length > 0) { par
2020-09-13 14:19:59
522
原创 vue2.0 iview2.0+ Table 表格自定义封装 动态配置columns 按照顺序展示
common-content为最外层的盒子，paging组件一看就是管理分页的组件，把封装好的table-list当作slot插槽看一下table-list的配置项： isCheckbox 是否显示Checkbox height 表格的高度 columnObject 每一列的数据对象 checkArray 表头的数组 fixedOrder 用来固定顺序的 表头数组<div class="common-content"> <paging ref="paging.
2020-07-18 18:54:18
3356
原创 nodejs koa2开发框架 ejs嵌入式JScript模板引擎 ssr服务端渲染
<%= EJS %>高效的嵌入式 JavaScript 模板引擎。快速编译与绘制输出简洁的模板标签：<% %>所有的语法都用<% %>包裹if\else基本语法<% if (user) { %> <h2><%= user.name %></h2><% } %>include用于引入ejs定义的组件<ul> <% users.forEach(function(user)
2020-05-24 13:31:32
508
原创 vue+iview+echarts 实现报表 图表
/src/assets/echartsconfig.jsconst options = { title: {}, tooltip: { trigger: 'axis', padding: 15, textStyle: { color: '#686f79', fontSize: 12, fontFamily: 'Microsoft...
2020-04-08 16:57:07
3234
原创 iview DatePicker 最近一周 最近一天 cookies函数 过期时间 使用自定义指令控制权限
Util.js是对常用函数的封装，方便在实际项目中使用。
2020-04-03 10:45:51
852
原创 适合 React Vue 结合Webpack 生成“假”数据 Mock
数据 Mock在目前互联网行业 web 产品开发中，前后端大部分都是分离开发的，前端开发过程中无法实时得到后端的数据。这种情况下，一般会使用三种方式：模拟静态数据：即按照既定的数据格式，自己提供一些静态的JSON数据，用相关工具（如fis3）做接口来获取这些数据。该形式使用不比较简单的、只用 get 方法的场景，该项目不适用。模拟动态接口：即自己用一个 web 框架，按照既定的接口和数据结...
2020-01-30 16:54:42
334
原创 Vue 递归组件实现树结构封装 开源
<!-- checkbox.vue --><template> <label> <span> <input type="checkbox" :disabled="disabled" :checked="currentValue" @change="chan...
2020-01-23 15:17:00
464
原创 vue 查找组件 搜索组件封装
// 由一个组件，向上找到最近的指定组件function findComponentUpward (context, componentName) { let parent = context.$parent; let name = parent.$options.name; while (parent && (!name || [componentName].in...
2020-01-23 15:08:10
2369
2
原创 iview1.0结合vue1.0 js拼接JSON串、拼接复杂字符串、标签重复添加
自定义vue树结构、检查标签是否重复添加、遍历数组每一项都满足条件
2019-10-26 14:35:17
514
原创 nodejs express中间件异步回调、koa中间件async await 未来趋势
async await 要点：1. await 后面可以追加 promise 对象，获取 resolve 的值 2. await 必须包裹在 async 函数里面 3. async 函数执行返回的也是一个 promise 对象 4. try-catch 截获 promise 中 reject 的值const fs = require('fs') //nodejs 的原生模块const path...
2019-08-25 17:25:07
528
原创 Node.js 从零开发web server
nodejs是除了浏览器之外又一个js执行环境，可以作为webserver服务器。dns解析是解析到一个远端的地址，三次握手：1、客户端询问服务器是否可用；2、服务器告诉 客户端；3、客户端知道了即将访问。http的端口的80、https的端口是443mysql建表的时候需注意：pk表示所有的值不能重复；AI表示自动增加；int表示整数；varchar表示字符串；nn表示不能为空；bigint...
2019-08-25 17:12:27
683
基于video.js的rtmp直播流播放
2019-07-19
vue+html select2
2018-07-25
jQuery网站 动态波浪背景动画 实例
2018-03-08
JavaScript内容复制插件Clipboard.js
2017-12-06
jquery-1.8.2.min.js
2017-10-27
jQuery完整注册表单提交验证
2017-10-13
jquery回到顶部demo
2017-10-10
仿造中国移动商城联动筛选特效
2017-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人