Dong.YI-CSDN博客

原创运行Taro项目报错error:0308010C:digital envelope routines::unsupported的解决方案

如果你运行的代码没有 SSL/TLS 相关的问题，或者你正在使用最新的 Node.js 版本，那么你可能不需要设置这个环境变量。但是，如果你的代码出现了 SSL/TLS 相关的问题，或者你正在使用较旧的 Node.js 版本，那么你可以尝试设置这个环境变量来解决问题。原因是 node.js v17 版本中发布的 OpenSSl 对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成影响，所以当node版本超过v17，会出现上图问题；node版本：v18.16.0。taro版本：v3.5.5。

2023-05-25 15:22:10 735 1

原创移动端Web接入腾讯云TRTC实践（React+TS）

实时音视频服务在项目中出现的频率越来越高的，自己写webRTC的成本相对腾讯云的TRTC-SDK要多大得多，所以使用React+TS+TRTC做了移动端web通话项目

2023-04-02 00:07:35 889

原创 2021-09-24

Ts + esbuild搭建自定义cli脚手架现如今，前端框架是多得数不过来，3大主角：react / vue / angular 更是入门的基础，而学习这些框架最开始入手就是学习使用他们的脚手架，例如：create-react-app，vue-cli，angular-cli，可快速的创建好项目，提高效率；但是我们不能只限于会用，知道其原理更能让我们在团队中，特别是做基建的时候起到很大的帮助。接下来我们一起了解下脚手架的基本流程这里拿create-react-app举个例子：使用命令行创建项目$

2021-09-24 09:21:52 200

原创使用Taro框架开发小程序

最近一直在做小程序项目的开发，上手直接就是wepy, 风格跟vue差不多，整体上，还算稳定，开发起来比原生的效率要高一点；很多人也知道，mpvue就是用vue搭建的，但始终觉得，失去了路由的vue，就像失去了灵魂；虽然接下来要给大家安利的框架，也貌似失去了该灵魂- taro框架（Taro 是一套遵循 React 语法规范的多端开发解决方案。）taro开发文档： https://nervjs....

2018-09-18 15:09:18 24448

原创 git提交(commit)前的检验和其他一些实用操作

一：提交commit前的检查npm install lint-staged husky -Dpackage.json 里面scripts 字段："precommit": "lint-staged",最外层再加上："lint-staged": {"src/**": ["eslint","git add"]},当前这里的规则是可以改的，按照自己想要

2018-09-12 08:54:50 2670 1

原创 react+webpack4+typescript搭建项目

react+webpack4+typescript搭建项目公司项目打算从vue框架转成react,所以自学了下如何用webpack4搭建react+typescript的项目，虽说有脚本架create-react-app直接搭建，公司大佬也正在自己封装属于自己的脚本架，但是这里我想从0到1的自己搭建学习搭建一下(适合新手学习下):一：首先安装最新的webpacknpm instal...

2018-05-19 18:37:25 3783

原创 webpack和gulp结合使用

webpack和gulp的区别gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译替代手工实现自动化工作1.构建工具2.自动化3.提高效率用 Webpack 是当下最热门的前端资源模块化管理和文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案1.打包工具2.模块化识别3.编译模块代码方案用Gulp侧重于前端

2017-12-07 16:09:48 4224 1

原创 gulp实现监听改变自动刷新页面

gulp的安装和一些基本api我之前已经有文章介绍了，刚好最好在研究将gulp+webpack结合起来，重新回顾了下gulp的一些操作，觉得值得分享gulp-htmlmin gulp-rev-appendgulp-connectgulp-watchgulp-plumber通俗解释(解释错误可以指出)： gulp-htmlmin：压缩html，可以压缩页面javascript、css，

2017-10-27 11:15:51 5363

原创 H5 Web Notification桌面推送消息

H5 Web Notification桌面推送消息由于这两天公司项目刚好做到一个需要实时桌面推送的功能，就像平时QQ，微信消息推送那种，这个时候我们就可以用到HTML5 Web Notification 这个API了。Notification.requestPermission(function (permission) { if (permission == "granted") {

2017-05-24 14:20:21 12242 3

原创 vue.js 2.0和vue-router入门实例

自学vue.js的旅程中，没有实际项目可以操作，模仿APP一些简单的操作，所以自己边学边做了一个移动端的小实例用到的技术：1.vue.js 2.vue-router 3.axios 4.vue-awesome-swiper 5.webpack项目的结构可以理解为两部分，一部分Home,一部分为Detail： 1.Home下有4个组件，就是底部4个模块，点击每个菜单选项，会加载相应的内容

2017-03-22 22:30:58 4481 1

原创 vue.js+vue-awesome-swiper轮播

一般做移动端轮播图的时候，最常用的就是Swiper插件了，而vue.js也有一个轮播组件vue-awesome-swiper，用法跟swiper相似。1.安装vie-awesome-swipernam install vue-awesome-swiper --save-dev2.引用vie-awesome-swiper组件，这里我是用vie-cli创建的项目,在main.js：import VueA

2017-03-17 14:09:13 4711

原创 vue.js+muse-ui制作在线简历编辑

实现一个在线个人简历编辑器，实现在线编辑，生成简历图片，运用到技术：1.vue.js 2.webpack 3.muse-ui（https://museui.github.io） 4.html2canvas.js(用来将html生成图片);已经开发好的项目目录如下：然后是我的简历整体效果（利用组件的思想，这里每个模块就是一个组件，有些模块一样，可以进一步改善，这里我暂时没有）一. 搭建vue项目

2017-03-14 16:44:11 16636 3

原创 vue.js获取数据库数据

vue.js动态获取数据(通过vue.cli和webpack搭建的环境)1.首先我先在创建一个静态的data.json文件，在static下创建json文件夹，(webpack环境下，静态的文件放在static目录下){ "data":[ {"id":1,"name": "yidong", "age": "11" }, {"id":2,"name": "yid

2017-03-08 15:22:18 30226 3

原创 jQuery ajax读取本地json文件以及跨域问题

jQuery ajax读取本地json文件以及跨域问题作为一名前端，当我们想要动态异步加载数据的时候总找不到后台数据，这时我们可以自己建一个json文件用来异步操作。1. data.json文件{ "result": true, "users":[ { "firstName":"yi", "lasName":"dong

2017-02-26 21:18:18 19329 4

原创 vue.js创建项目

使用vue-cli搭建项目前期准备1.要求已安装Node.js (>=4.x, 6.x preferred) and Git 2.webpack一. 安装全局vue-clinpm install vue-cli -g二.创建项目1.我在我的桌面创建一个文件夹myFirst，为了方便寻找，然后在该文件夹下vue init webpack my-vue2.到我们my-vue文件夹下，安装项目的依赖np

2017-02-17 14:22:17 1187

原创 gulp的安装和使用

gulp的有点和特性易于使用构建快速插件高质易于学习学了解更多的gulp，可以在其官网http://www.gulpjs.com.cn学习1. gulp的安装：npm install gulp -g2. 创建一个文件夹gulpTest，在该文件夹下：npm init生成package.json3. 在gulpTest文件夹下安装局域gulp:npm install gulp --save-

2017-01-19 10:04:53 566

原创 webpack打包react和过程遇到的问题

1.首先我们需要在项目下载中间件：babel-preset-es2015，babel-preset-react，react，react-router，webpack-dev-servernpm install babel-preset-es2015 babel-preset-react reactreact-router react-router --save-devwebpack-dev-ser

2017-01-16 15:14:38 2636

原创 webpack安装和使用

安装web pack这里我们用到node.js的nam，如果没有下载的，可以到https://nodejs.org/en/先下载安装。1.我们通过npm在全局环境下安装webpack:npm install webpack -g2.安装成功后，我们用终端输入命令行:webpack —help查看webpack提供所有的命令3.现在开始构建我们的模块，先建一个文件夹，取名webpack_test(不要

2017-01-15 16:11:49 1121

原创 node+express+mongoDB搭建个人博客 (六)

搭建个人博客 ( YIDBlog )前几章我们已把微博的基本都实现了，最后我们再来做一个验证是否登录功能。1.在index.js如下代码： //检测是否登录 function checkLogin(req,res,next){ if(!req.session.user){ req.flash('error','未登录，请您先登录');

2017-01-11 21:26:53 2031

原创 node+express+mongoDB搭建个人博客 (五)

搭建个人博客 ( YIDBlog )上一篇文章中我们已经完成了文章的发表，接下来我们来实现对文章的编辑和删除。1.对文章的编辑，修改detail.ejs，代码如下：<%- include header %><p><span><a class="edit" href="/edit/<%= post.author %>/<%= post.title %>?id=<%=post._id%>">编辑</

2017-01-11 21:17:42 1545

原创 node+express+mongoDB搭建个人博客 (四)

搭建个人博客 ( YIDBlog )当我们实现了注册，登录，登出功能之后，接下来我们可以来发表文章了。1.在models文件夹创建posts.model.js，代码如下：var mongoose = require('mongoose');var config = require('./../config/config');mongoose.connect(config.mongodb);va

2017-01-11 00:33:11 1305 1

原创 node+express+mongoDB搭建个人博客 (三)

搭建个人博客 ( YIDBlog )上一章我们讲完了注册和登录功能，有人问我，登录完之后每次个人信息就没了，对此，我们就要用到session来储存我们登录之后的信息1.我们需要在项目里面引用几个中间件：express-session，connect-mongo打开终端，输入命令行：npm install express-session --savenpm install connect-mongo

2017-01-10 21:53:10 1885 16

原创 node+express+mongoDB搭建个人博客 ( 二)

搭建个人博客 ( YIDBlog )(node+express+ejs+node+mongodb+mongoose)(上一章已经将博客的界面搭建好了，这一章我们来实现用户的注册，登录等功能 )一. 连接数据库1.在根目录下创建config文件夹，在config文件夹中创建config.js文件来配置数据库信息module.exports = { port: 3000,//端口号 mo

2016-12-17 00:09:14 2136 1

原创 node+express+mongoDB搭建个人博客 ( 一 )

Mac环境下安装mongodb作为一枚前端程序猿，最近一段时间在自学node.js，在网上看的教程大多都是用mongodb(详见:https://www.mongodb.com)，所以记录下mongodb的安装与配置，这里我在mac环境下搭建.主要有两种方式，一种是直接下载压缩包解压：当前版本的下载地址：http://downloads.mongodb.org/osx/mongodb-osx-x

2016-12-16 22:29:58 7238 3

翻译 Mac环境下安装mongodb