前端开发工程师,做pc和h5端界面。现在前端主用框架vue.js,后端主用nodejs(框架express.js)。
npm私服简化团队内部包管理,提供私密组件存储与快速访问。Verdaccio作为热门选择,基于Node.js,易部署且功能丰富。搭建后,CI/CD流程提速,维护统一,版本清晰。安装仅需全局`npm install -g verdaccio`,启动简易。发布组件需注册、登录及`npm publish`至自定义registry。配置文件(`config.yaml`)支持定制,如更换logo或启用HTTPS。常见问题包括主题定制与解决500错误。进阶话题如域名绑定与自动化版本更新将在后续探讨。寻求同道,共同优化与运维,提升私服稳定性与实用性。
给我们的静态资源启一个web 服务 给我们的nodejs 的项目设置反向代理,80端口访问 给我们的接口做转发 设置跨域请求 配置https服务的请求接口
通过打开一个h5 网页,这个h5 页面做一个中转(期间可能要拉接口,拉取后台配置的跳转页面url,比如跳转到一个活动页面),最后跳转对应app对应的界面中。
ajax上传文件显示进度的操作,文章后有演示地址,以及封装成vue的插件
1.组合继承 (JavaScript 中最常用的继承模式 ) (position: page168) (书中定义了两个变量名 SuperType SubType 乍一看 感觉不太能区分,我将改为 a b ,更加明显区分开来这是两个东西。
vue的插件开发 1.本地开发 1.1 初始化本地开发项目 我们采用vue-cli,初始化一个vue 项目。这个不做详解,请移步到 这里 https://www.cnblogs.com/anxiaoyu/p/7071143.html,查看具体详细。
实现效果如下: 实现要求具体如下: 1.标题有序号 上图标记1 2.标题下面的子集标题要有一定的缩进,且子集标题也有一定的序号,上图标记 2 3.如果子集标题内容过长,换行的时,开始的位置不能超过对应序号的位置,如上图标记3 dom: ...
1、input 默认的 type 为 radio的样式,在具体场合中的改造 默认的样式这样: 但是我要这样的: 这样看来是不是比原来的好看多了。 2、优化radio的样式 {{val}} 这个是vue的一个例子,点击一个元素给它追加一个class。
vue配合其他ui框架除了开发一个完整的web项目外,也有不少的项目做一些h5的活动页面开发。你的页面现在需要模拟微信的摇一摇动作。 项目环境: vue-cli 完成的一个项目 准备插件(包):依赖的第三方的插件(后续会完成如何写vue插件的方法)shake.js ,github地址: https://github.com/alexgibson/shake.js 我使用的github 项目要点赞(现在要养成习惯) 使用:在vue的一个组件里使用这个 插件。
一、介绍 vuex里面的四大金刚:State, Mutations,Actions,Getters (上次记得关于vuex笔记 http://www.cnblogs.com/adouwt/p/8283898.
前后端交互的时候,跨域是避不开的问题。 总结就是如下: 1.Cors 我在做前后端分离的时候,会采用cors 的方法:便于其他源的调用接口,这个可以设置成任意的源头,也可以允许指定的源头。 下面的是nodejs 做后台的一个示例: //设置跨域访问 在做前后端分离,nodejs提供接口的时候,这个设置跨域请求必不可少 app.
1 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.
安装nodejs: wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xztar xvf node-v6.9.5-linux-x64.
对 v-html 的扩展操作, 问题产生背景, 在vue 项目中,用v-html渲染 html字符串,这里面包括a 标签等内容,因为某种需求,a 的默认跳转不符合要求,要经过自己定义的方法跳转。 原来的a : eeee 处理后的: 正则匹配: export function handel ...
1. ^ 字符串的开始; $ 字符串的结束 example: "^abc" 以abc 开头 "def$" 以def结尾 2. * 没有或者更多; + 一次或者更多 ; ? 没有或者一个 example: "ab*" a 后面跟着零个或者若干个b; "ab+" ...
https://github.com/DDFE/DDFE-blog/issues/10 全局安装 webpack :(当前笔记版本: webpack 3.10.0 , mac环境) 1. npm install webpack -g 2.
安装(mac):关于brew 的问题: http://www.cnblogs.com/adouwt/p/8042201.html brew install nginx 启动: brew services start nginx 重启: brew services restart nginx...
1、 npm install vuex 2、 在src 下 新建文件夹 store (为什么是这个单词,vuex 是用来状态管理的,用储存一些组件的状态,取存贮,仓库之意),store 文件下 新建文件 index.
for-of 循环 for-of 不能直接用来遍历对象的属性,如果你想遍历对象的属性,你可以使用 for-in 语句(for-in 就是用来干这个的),或者使用下面的方式: for (let key of Object.
之前写了一个关于电影院订票的小小笔记。http://www.cnblogs.com/adouwt/p/7860337.html , 订票系统 http://ticket.scampus.cn/cinema/5a49d0c6fe136c070428d7ed 这里涉及到了前端和后端的知识。
滚动监听 better-scroll 无法滚动的分析,直接翻到最后,看问题汇总,希望能帮助你解决。 借用一下人家这个好看的项目图片,做一个解释。左边的内容会跟右边的内容一起关联,点击左边的菜单,右边会滚动到对应菜单的内容区域;滚动右边的内容,左边会滚动到对应的菜单项。
判断数据类型的偏方很多,但是很多就不是那么的特别准确,比如 typeof 没法判断是 Object 还是Array。 通用方法就是查找该数据类型的原型。 首先我们宏观的知道下,在 JavaScript 中所有的类型如果没有指明继承某个类型,则默认是继承的 Object 类型。
1、使用递归。对于给定字符串中的每个字母,为字母创建字谜。使用map()将字母与每部分字谜组合,然后使用reduce()将所有字谜组合到一个数组中,最基本情况是字符串长度等于2或1。 const anagrams = str => { if (str.
1.创建管理员 2.授权认证 3.给使用的数据库添加用户 普通连接(非授权连接)数据库 mongod -f /usr/local/etc/mongod.conf 授权连接数据库 mongod -f /usr/local/etc/mongod.conf --auth 里面的数据库,就无法查看。
大家知道js现在不仅仅可以写前端界面而且可以写后端的业务了,这样js就可以写一个全栈的项目。这里介绍一个nodejs + express + mongodb + bootstap 的全栈项目。 1、安装必要的包,npm install express npm install mongodb npm install ejs (需要使用什么工具,就安装哪个工具) 2、建一个入口文件,index.js,这里主要是做路由的分发。
//这个模块里面封装了所有对数据库的常用操作 var MongoClient = require('mongodb').MongoClient; var config = require("../config.
首先了解下的Mac的 homebrew ,官网:https://brew.sh/index_zh-cn.html 简单的说: Homebrew 能干什么? 答:使用 Homebrew 安装 Apple 没有预装但 你需要的东西 比如你要安装nginx, brew install ...
服务器:阿里云 ecs 从 Windows 环境远程登录 Linux 实例 远程登录软件的用法大同小异。本文档以 Putty 为例,介绍如何远程登录实例。Putty 操作简单、免费、免安装, 下载地址:http://www.chiark.greenend.org.uk/~sgtatham/putty/ 启动 Putty.exe 程序,进入 Putty 主界面。
css /*loading*/ .loader { width: 100px; height: 101px; border: 8px solid; border-top-color: hsl(154,100%,31%);...
有这么一张图,如下,有没有想起它是什么呢? 遇到实际问题: 比如值班人员具体值班时间显示,领导说,我要很直接的看出,哪些同学在哪个时间段的值班状态。 嗯是的,就是这么一句话。需求也就是这么一句话,剩下的自己发挥。
前言 相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,作为记录。 正文 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。
viewport 通用模版: DOCTYPE html> 标题 这里开始内容 参考:http://www.qdfuns.com/notes/48206/d69581dd876539fb47ff750cd8cccb00.html
1.模糊遮罩效率,模糊滤镜效果 -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); 2.
项目技术: webpack + vue + element(mint-ui, etc...) + axois (vue-resource) + less-loader+ ... vue的操作的方法案例: 1.
一个汉字的长度等于两个英文字母的长度。 所以在限制字符串长度的时候,需要将两者的类型转换成一致,处理方法如下: /** 字符串截取 参数 str 字符串 len 长度。
eslint 这个代码规则,是在用webpack +vue-cli这个脚手架时候接触的,默认的规则可能不太习惯我们日常平时的代码开发,需要对这个规则稍加改造。 下面的是 eslintrc.js的基本规则(语句分号结尾,支持空格和tab的混合缩进) // https://eslint.
1.需求分析 后台管理:提供电影院的名字,地址,票价,座位的排布(含空座位),上映时间(含多个)等 前台选座管理:用户可以选择不通的时间,不同的座位,多个座位,选中且放弃的情况,然后支付,出现二维码 2.思考(先提供已经完成的部分,支付部分尚未完成) 就两个页面,一个是表单提交(管理页面),一个是选座页面,后面还有支付页面尚未完成。
//分页条获得分页数字,然后跳转到拼接字符串的页面 function getPage(page) { var window_href = location.pathname; var newWindowHref = window_href + "?page=" + page; window.
//查找数组中的val 的下标 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; } //找对数值对应下标,删除 Array.
var doc = window.document var docEl = doc.documentElement var tid function refreshRem () { var width = docEl.
git diff b4556 //当前分支 比较 b4556 commit号 git revert HEAD //会滚到上一个版本 git reset HEAD^ 回滚到上一个提交点 git revert b4556 8uutgh //会滚到上 8uutgh commit git reset ...
window.touchMove=function(){ // 用于纪录触摸开始时的坐标 var startX=0,startY=0, //创建一个变量,用于保存触摸方向 touchDirection=""; //创建一个对象,用于保存滑动事件 var funcs = {}; if(arguments.
mongo show dbs use xxx show collections db.xxx.find() db.users.update({ "xxx" : ObjectId("xxxx")},{$set:{"xxx":true}}) db.
var oUl = document.querySelector("ul"); var oBtn = document.querySelector("input"); var count = 0; var timer = null; ...
图片上传本地预览,获得图片的base64(可压缩) .upload_image { width: 800px; } 点击上传图片 提交 var im...
function random(arr) { var newArr = []; var temp = {}; function randomNumber() { for (var i = 0; i < arr.
比如接口 /test, 请求方式get, 请求过来的数据要处理在container 里,如下代码 $.get("/test", {}, function(result){ $(".
width: 300px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //显示两行 -webkit-box-orient: vertic...
纯CSS3模拟星体旋转效果 .box{ transform: scale(0.5); position: relative; padding: 1px; height: 300px; width: 300px; margin:100px auto; } .