web前端
关注
分享
扫一扫
三木森森の
安安静静的过完这一生，有意义的事情都不简单，加油
展开
-
一篇文章弄懂深浅拷贝
其实这两个概念真的很简单，但是实际工作中，大多数人依然没有彻彻底底的搞明白他们之间的一些区别。介绍深浅拷贝之前，需要先说说赋值。其实在很多人眼里，包括之前的我也有这个误解，认为浅拷贝和赋值是一样的东西，实际不是的。区别还很大。首先是一些前置知识： 1、js的一般数据类型是存储在栈中； 2、js的引用类型的数据是储在堆中；针对引用数据类型来说 赋值、深拷贝、浅拷贝的区别： - 赋值：当我们把一个新对赋值给一个新的变量时...原创 2020-11-24 00:25:12 · 196 阅读 · 2 评论 -
微前端的思考
由于公司业务变的越来越复杂，新开的项目就有20多个，项目配置依赖80%以上是相似的，这就不得不考虑如何更有效的去完成开发。最近有看到微前端这个概念，貌似可以解决这样的一个困境。single-SPA是有些公司尝试使用的一个框架，iframe应该是很少人使用的，坑太多了。2016年就提出了的模仿服务端的前端架构想法https://single-spa.js.org/https://mic...原创 2020-04-19 22:01:58 · 188 阅读 · 0 评论 -
动画资源
BFC IFC GFC FFChttp://tridiv.comhttp://ds-overdesign.com/transform/matrix3d.htmlhttp://github.com/Zhangdroid/CSS-Matrix3dhttp://meyerweb.com/eric/tools/matrix/http://f2e.name/case/css3/...原创 2020-02-28 13:09:10 · 239 阅读 · 0 评论 -
制作组件很容易遗忘的两个属性provide，inject
https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E4%BE%9D%E8%B5%96%E6%B3%A8%E5%85%A5依赖注入，后代直接拿祖先的方法原创 2020-02-22 19:14:07 · 172 阅读 · 0 评论 -
vue2.x和vue3的数据响应式原理
尤雨溪在今年国庆节5号预发布了vue3，98%是ts写的，这说明来年ts应该会处于一个很重要的位置，要学ts咯哈哈哈。那么都快要使用3了，vue2.x和vue3的数据响应式原理有什么差异？我单独分析一个点。 首先看看原理图 vue2.x用的核心函数是Object.defineProperty，defineProperty核心并不是为对象做数据绑定的，而是给对象的属性做一...原创 2019-10-26 20:29:40 · 1897 阅读 · 2 评论 -
序列帧动画，今天偶然发现的很有意思的动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .frame{ width: 8原创 2018-07-10 17:20:35 · 2075 阅读 · 0 评论 -
pwa消息推送（译文）
最近在研究pwa（progressive web application）,所以翻看了一些资料，发现有一篇文章写的是推送通知的，写得真心不错。我希望这篇文章能有更多人看到，我就把这篇文章翻译了一下。然后加上一些自己的个人见解（我的基于这个改的demo地址https://github.com/Chasen-Zhang/push-demo），如果你英文还行，就不要看我的了，直接看原文。原...翻译 2018-12-17 21:47:09 · 3069 阅读 · 0 评论 -
document.title在某些app中无法更改的解决方案
function setDocumentTitle(str){ setTimeout(()=> { //利用iframe的onload事件刷新页面 let title = document.getElementsByTagName('title')[0]; title.innerText = str; let iframe = d...原创 2019-01-24 14:26:01 · 1554 阅读 · 0 评论 -
element-ui树形 数据嵌套处理
@check="check"import * as _ from 'underscore';//引入underscorecheck(e1, e2) { let oridata = e2.checkedNodes; let halfs = this.$refs.searchTree.getHalfCheckedNodes(true); halfs.map((ite...原创 2019-04-16 01:32:39 · 1851 阅读 · 0 评论 -
vue引入组件文件骚操作
// 全局动态引入组件 global.jsimport Vue from 'vue'function changeStr(str){ return str.charAt(0).toUpperCase()+str.slice(1);}const requireComponent = require.context('.',false,/\.vue$/);requireCompon...原创 2019-10-08 22:25:38 · 289 阅读 · 0 评论 -
webpack自定义loader和plugins 简单的理解
#自定义loader比如说我们自己想写一个打包之后将文件当中的console.log全部移除（官网有，这里只是举个例子），就可以自己写一个移除console.log的loader，类似webpack的配置：const staticPlugin = require('./staticChange')rules: [ { test:...原创 2019-10-10 11:30:12 · 479 阅读 · 0 评论 -
绚丽小球
参考@叶建华 @www.IT666.com<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绚丽小球</title> <style> *{转载 2018-05-31 00:37:48 · 304 阅读 · 0 评论 -
基于vue的树形控件，回调组件
free-tree-list.vue<template> <li> <span @click="toggle(model.id)"> <i v-if="isFolder" class="icon" :class="[open ? 'folder-open': 'folder']">&am原创 2018-04-26 16:38:40 · 2903 阅读 · 0 评论 -
关于浏览器兼容的问题以及字符串编码的一个坑，鼠标滚动事件mousewheel和DOMMouseScroll
话不多说，附上代码：body{background: gray;overflow: hidden;}.wrap-ul li{width: 100%;height: 100%;color: #fff;font-size: 50px;text-align: center;}.wrap-ul li:first-child{原创 2017-03-09 09:31:57 · 686 阅读 · 0 评论 -
vuejs 百度下拉框的实验
都说vuejs多么吊，看了它的基本语法之后，做了一个百度下拉框的玩意，但是要感谢一下肖总，他算是我的启蒙老师。代码如下，用这个框架，如果你只专注数据，那么你已经成功了！代码如下： 交互 .gray{ background: #ccc; }原创 2017-03-09 17:10:54 · 861 阅读 · 0 评论 -
文字滚动的两种方法和两种呈现方式
第一种：两行无缝轮播：var str='Organizations need to assess how their digital, I come from China ---Organizations need to assess how their digital, I come from China ';var strArr=st原创 2017-03-29 10:26:36 · 1375 阅读 · 0 评论 -
vuejs视图不能及时更新的问题 ，深入响应式原理
vuejs 深入响应式原理 视图更新原创 2017-09-20 20:50:28 · 14280 阅读 · 5 评论 -
angular4 的常用命令
最近在做angular项目的时候常用的一些命令原创 2018-01-02 09:21:05 · 955 阅读 · 0 评论 -
d3 v4版本画基本图
感谢 http://www.ourd3js.com/wordpress/ 提供的技术参考，其中地图的文件china.geojson 下载地址http://www.ourd3js.com/wordpress/638/，此版本为v4作图，与v3有些差异。v3和v4版本差异较大！欢迎交流学习，批评指正。另外打包图有参考：https://segmentfault.com/u/comehope/articl...原创 2018-03-13 18:04:21 · 2356 阅读 · 0 评论 -
自己手写的滑块验证码，前端签证码。因为极验验证好像要收费，自己纯手工打造，大家可以自己在这个基础上改进
自己手写的滑块验证码，前端签证码。因为极验验证好像要收费，自己纯手工打造，大家可以自己在这个基础上改进。原创 2017-08-22 23:13:01 · 8023 阅读 · 2 评论 -
闲来无事，写了一个无缝滚动的小功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;原创 2018-03-25 20:19:25 · 267 阅读 · 0 评论 -
根据产品写的一个可拖拽的，可改变大小的小型插件
其中用到echarts和jquery自己下载，其中echarts是画图插件，无关紧要。不是关注的重点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &原创 2018-04-04 14:47:43 · 678 阅读 · 0 评论 -
js跨域请求的个人见解
这是我的第一篇文章，也是我最近做项目的一个总结吧。今天我们来说说跨域，我只要说两种解决方案，第一种是生成script标签，另一种是ajax封装的跨域方法。其实这两个都是jsonp的形式（好吧，，，，其实就是一种。:-D）我就以这个获取百度数据讲一讲。第一种：附上代码function cbFun(data){console.log(data);}cb=cb原创 2017-03-03 10:29:31 · 527 阅读 · 0 评论