加载中...
递归方式(推荐,项目中最安全最常用)使用递归的方式进行对象(数组)的深拷贝 1234567891011121314151617//函数拷贝const copyObj = (obj = {}) => { //变量先置空 let newobj = null; //判断是否需要继续进行递归 if (typeof (obj) == 'object' && obj !== null) { newobj = obj instanceof Array ? [] : {}; //进行下一层递归克隆 for (var i in obj) { newobj[i] = copyObj(obj[i]) } //如果不是对象直接赋值 } else newobj = obj; return newobj; } 上方函数的使用方式 ...
01 CSS Button Generator地址:cssbuttongenerator.com/ 推荐:★★★★★ 简介:CSS Button Generator是一个免费的在线工具,可让您创建跨浏览器的 HTML 和CSS 按钮样式,您不必学习任何复杂的CSS规则。只需单击并滑动即可制作CSS 3按钮。很多漂亮的按钮样本。 02 花式边界半径地址:9elements.github.io/fancy-borde… 推荐:★★★★★ 简介:通过拖拽的形式生成需要的border-radius! 03 平滑阴影地址:shadows.brumm.af/ 推荐:★★★★★ 简介:可以生成多个分层阴影,提供非常酷的效果,你也可以自定义颜色。 04 阴影生成器地址:neumorphism.io/ 推荐:★★★★★ 简介:此网站通过 选择颜色:或大小:半径:距离:强度:模糊:形状:复制边框半径:50px;背景,生成非常nice的阴影,让你的界面更加的美观自然。 05 css在线工具地址: tool.lu/css/ 推荐:★★★★ 简介:美化:格式化代码,使之容易阅读。净化:将代码单行化,并去 ...
开发过程中经常用到从master分支copy一个开发分支,下面我们就用命令行完成这个操作 1. 切换到被copy的分支(master),并且从远端拉取最新版本123$git checkout master$git pull 其中git pull 标准或完整的命令是git pull remote_repository_name branch_name,他们执行效果都一样所以省略写。 2. 从当前分支拉copy开发分支123$git checkout -b devSwitched to a new branch 'dev' 3. 把新建的分支push到远端1$git push origin dev 4. 拉取远端分支1$git pull There is no tracking information for the current branch.Please specify which branch you want to merge with.See git-pull(1) for details. git pull If you wish to se ...
git pull命令用于从另一个存储库或本地分支获取并集成(整合)。git pull命令的作用是:取回远程主机某个分支的更新,再与本地的指定分支合并,它的完整格式稍稍有点复杂。 如果当前分支只有一个追踪分支,连远程主机名都可以省略。 1$ git pull 上面命令表示,当前分支自动与唯一一个追踪分支进行合并。 当出现上面的情况时,我们可以有两种解决方法 对于这种情况有两种解决办法,就比如说要操作master吧,一种是直接指定远程master: 1git pull origin master 另外一种方法就是先指定本地master到远程的master,然后再去pull: 12git branch --set-upstream-to=origin/master mastergit pull 这样就不会再出现“There is no tracking information for the current branch”这样的提示了。
1.传值页面 123456789101112131415161718192021<script> export default { data() { return {} }, methods: { navBar() { let obj = { name: '阿清', age: 10, sex: '男' }; // 加密传递的对象数据 let item = encodeURIComponent(JSON.stringify(obj)) uni.navigateTo({ url: '/pages/navbar/navbar?item=' + item }) } } }</script> 2.接收的页面 1234567891011121314<script> export ...
官方文档: 点击前往 123456789<scroll-view scroll-y :refresher-threshold="45" :refresher-enabled="true" :refresher-triggered="refresherTriggered" @refresherrefresh="refresherrefresh" @refresherrestore="refresherrestore" @refresherabort="refresherabort" <view>内容内容内容内容内容内容内容内容内容</view></scroll-view> 123456data() { return { refresherTriggered: false, _refresherTriggered: false }} 123456789101112131415161 ...
关键: 12flex-shrink: 0;white-space: nowrap; 示例: Html 123456789101112<view class="padding-style"> <view class='overflow-company-second'> <view class="special-list"> <view class='active'>1</view> <view>2</view> <view>3</view> <view>4</view> <view>5</view> <view>6</view> </view> </view></view> css 123456789101112131 ...
同步回调理解:立即执行,完全执行完了才结束,不会放入到回调队列中。 例子:数组遍历相关函数/Promise的执行函数 异步回调理解:不会立即执行,会放到回调队列中将来执行 例子:定时器回调/ajax回调/Promisse的成功|失败的回调 1234567891011121314151617181920// 1.同步函数回调const arr = [1,5,6];arr.forEach(item => { //遍历回调,同步回调函数,不会放入队列中,一上来就执行完成。 console.log(item);})console.log("同步函数回调");// 输出结果// 1// 5// 6// 同步函数回调// 2.异步函数回调setTimeout(() => { //异步回调函数会放到队列中将来执行。 console.log("setTimeout中的回调函数!!!");},0)console.log("异步函数回调!!");// 输出结果// 异步 ...
使用到了momentjs,官网 点击前往 1234567891011121314151617181920212223242526272829303132333435363738import moment from 'moment' // 人性化时间过滤 stamp 时间戳common.humanizedTimeFilter = function (stamp) { const minute = 1000 * 60 const hour = minute * 60 const day = hour * 24 const now = new Date().getTime() - 28800000 let result const diffValue = now - stamp if (diffValue < 0) { return '' } const dayC = diffValue / day const hourC = diffValue / hour const minC = ...
1、安装 2、核心概念2.1JSX 简介 2.2元素渲染 2.3组件 & Props 2.4.1State & 生命周期 2.4.2数据流和正确使用State 2.5事件处理 2.6条件渲染 2.7列表 & Key 2.8表单 2.9状态提升 2.10组合 vs 继承 2.11React 哲学 3. 高级指引3.1无障碍辅助功能 3.2代码分割 3.3.1Context 3.3.2Context API 3.4错误边界 3.5Refs 转发 3.6Fragments 3.7高阶组件 3.8.1集成带有 DOM 操作的插件 3.8.2与其他第三方库协同 3.9.1JSX 本质 3.9.2JSX 指定 React 元素类型 3.9.3JSX 中指定 props 3.9.4JSX 中的子元素 3.10.1性能优化之生产版本 3.10.2使用 Chrome Performance 标签分析组件 3.10.3使用开发者工具中的分析器对组件进行分析 3.10.4其他优化 3.11Portals 3.12Profiler API 3.13不使用 ES6 3.14不使用 JS ...