随笔分类 - 框架
摘要：1、watch // DOM <span>{{obj.a}}</span> <button @click="changeA">click me</button> data() { return { name: 'a' }; }, watch: { name: function(value,oldVa
阅读全文
posted @ 2020-10-17 14:37
浅笑·
摘要：我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性： 1、src 图片资源地址2、mode 图片裁剪、缩放的模式3、binderror 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: ‘something wrong’
阅读全文
posted @ 2020-10-17 14:34
浅笑·
摘要：1. StatelessWidget 一个 StatelessWidget 是不能被改变的，比如：Icon、Text等。由于不可改变，因此并没有什么生命周期。 2. StatefulWidget 一个 StatefulWidget 是有状态的，可变的。一个 StatefulWidget 组件可以通过
阅读全文
posted @ 2020-10-17 14:30
浅笑·
摘要：Flutter安装介绍 在这里，你必须得安装好你的开发者环境，并且运行你的第一个flutter程序了。如果你还不知道怎么开始，请参考Flutter中文网安装教程或者Flutter官网安装教程进行安装环境。 目前我开发是通过Android Stdio和VSCode进行开发，如果你是前端开发工程师，你会
阅读全文
posted @ 2020-10-17 14:28
浅笑·
摘要：在前端开发中，设置元素的 class 列表和内联样式是基本要求。本文主要讲解vue开发中，样式列表和内联样式的绑定，仅供学习分享使用，如果有不足之处，还请指正。 概述 vue操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需
阅读全文
posted @ 2020-10-17 14:26
浅笑·
摘要：前言 之前写过一篇旧react项目安装并使用TypeScript的文章：在React旧项目中安装并使用TypeScript的实践。 博客里使用awesome-typescript-loader对Typescript代码进行检测和转换。 而这几天又修改了一下自己的脚手架，使用@babel/preset
阅读全文
posted @ 2020-10-17 14:24
浅笑·
摘要：最近在学习react框架，之前一直都是用vue 开发，知道在vue 中知道如何配置一下相关的webpack 有助于开发，学react 过程中，我也在想这些该怎么配置啊，所以就有这篇文章。这篇文章主要是讲 react-create-app 生成的项目利用 react-app-rewired 和 cus
阅读全文
posted @ 2020-10-17 14:22
浅笑·
摘要：3.0迟迟没有发布release版本，现阶段在vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写vue 组件的一些限制和注意事项。 webpack 配置 配置webpack对TS，TSX的支
阅读全文
posted @ 2020-10-17 14:21
浅笑·
摘要：大概因为平时工作项目的原因，写了很多次树形组件，越写越觉得可以写得更简单并且更具有复用性、扩展性。树组件的应用场景很多，比如一篇文章的目录、一个公司部门组织情况、思维导图等，其实都可以用树形结构来描述。本文讲述一下vue中树组件的简单实现。 树组件在线体验地址：http://wintc.top/la
阅读全文
posted @ 2020-10-17 14:20
浅笑·
摘要：前言 之前有用 webpack4与babel7改造基于vue-cli2生成的工程模板，介绍文章在此。之后通过一些实践，除去了cli工具相对复杂的配置结构，提供轻量化版本的配置方案。之所以说是轻量化，是相对于vue、react等框架提供的官方cli工具而言的。并不是说这些cli工具不好，它们本身提供了
阅读全文
posted @ 2020-10-17 14:19
浅笑·
摘要：在本教程中，我们将完成一个关于如何在 Node.js 中 使用 JavaScript ，并结合 JWT 认证，实现基于角色（role based）授权/访问的简单例子。 作为例子的 API 只有三个路由，以演示认证和基于角色的授权： /users/authenticate - 接受 body 中包含
阅读全文
posted @ 2020-10-17 14:18
浅笑·
摘要：我们在写vue项目的时候会遇到给组件命名，这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:'xxx' } 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤举个例子：我们有个组件命名为detail,其中dom加载完
阅读全文
posted @ 2020-10-17 14:16
浅笑·
摘要：每个团队都必须在开发过程中做出各种决定。其中通常会涉及到 yarn，npm 或其它用于构建和打包 JavaScript 代码的工具。一些开发人员渴望朝着某个方向前进，有时他们会花费大量时间来尝试，去做出实际上对他们的工作几乎没有什么影响的决策。 首先，要了解为什么要做出一个有趣的决定，我们需要看一下
阅读全文
posted @ 2020-10-17 14:15
浅笑·
摘要：webpack 加载动态图片 所谓动态图片指的是接口返回的图片地址，这里的地址指的是本地的图片地址，而非网络图片的url。本地有一个 image 文件夹，存放需要用到的图片。按照接口返回的图片地址比对去加载。webpack加载图片首先想到的是 file-loader 或者 url-loader 加载
阅读全文
posted @ 2020-10-17 14:14
浅笑·
摘要：借助react，我们可以构建动态且高度交互的单页应用程序，充分利用这种交互性的一种方法是通过条件渲染。 条件渲染一词描述了根据某些条件渲染不同UI标签的能力。在react文档中，这是一种根据条件渲染不同元素或组件的方法。此概念通常被应用到如下情况中： 从API渲染外部数据显示/隐藏元素切换应用程序功
阅读全文
posted @ 2020-10-17 14:11
浅笑·
摘要：什么是数据响应式 从一开始使用 vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。换句话说就是 vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。 因此实现数据响应式有两个重点问题：
阅读全文
posted @ 2020-10-17 14:10
浅笑·
摘要：有时候给页面内容添加一个关键词搜索功能，如果搜索结果能够像浏览器搜索一样高亮显示，那找起来就会很明显体验会好很多。本文就介绍一下关键词搜索高亮的实现方案。 实现效果大概如下： 可在线预览：http://wintc.top/laboratory/#/search-highlight。 一、实现原理 实
阅读全文
posted @ 2020-10-17 14:09
浅笑·
摘要：日常我们开发了一个库之后，如何打包之后提供给别人使用呢？如果你不清楚，就继续看吧！！！ 初始化库 mkdir library cd library npm init -y 经过以上步骤后会生成一个library文件夹，里面包含一个package.json文件。然后简单修改为如下所示： { "name
阅读全文
posted @ 2020-10-16 14:43
浅笑·
摘要：一、概念 mpvue是 美团修改了 vue.js的 runtime和 compiler使其可以运行在小程序环境中，从而引入了整套 Vue.js开发体验的小程序框架。 二、优化细节 1、实例生命周期 不同于vue的是我们会在小程序 onReady 后，再去触发 vue mounted 生命周期 除了
阅读全文
posted @ 2020-10-16 14:41
浅笑·
摘要：vue 是一套在前端开发中广泛采用的用于构建用户界面的渐进式JavaScript框架。vue 通过响应的数据绑定和组合的视图组件让界面开发变得非常的简单。这边文章来看看如何使用Vue开发以太坊DApp。 Vue 简介 Vue 除了是JavaScript框架，还提供了一个配套的命令行工具 Vue CL
阅读全文
posted @ 2020-10-16 14:40
浅笑·
浙公网安备 33010602011771号