前端 - 领域 - 链滴

登录注册

19,025 浏览查看所有领域

关于微前端实现原理与 ngx-planet(四) 服务端渲染
1.为什么要服务端渲染因为公司后端服务在 k8s 上，是分布式的微服务，之前端全部打包部署在了物理机器(虚拟机)nginx 上,如果通过 helm 做应用商店的话，nginx 前端这部分无法处理，包括灰度部署，CI 等，全部都只能做到接口级别的处理，并不能连带静态资源文件一起处理，所以基于分布式的前端整改迫在眉睫。 ..
- Angular
  
  Angular 是 AngularJS 的新版本。
  24 引用 • 66 回帖 • 359 关注
7
Aries - 基于 Go + Vue 的现代化博客系统
项目介绍主题管理功能还在开发中！ Aries 是基于 Gin + GORM + MySQL + Vue + H5 开发的现代化博客系统，博客主要分为后台管理端和展示端。后台管理端采用前后端分离的开发模式，通过 JSON 格式数据进行前后端交互。展示端基于传统模式开发，采用 Go Template 模板引擎来渲染页 ..
- golang
  
  Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。
  449 引用 • 1350 回帖 • 635 关注
30
浅尝 Vue —— 笔记一五前端使用的加密算法 HmacSHA256
[图片] 需要安装 cnpm install crypto-js --save-dev 创建 secret.js /** * 对 token 进行加密传输给后台进行验证 */ let CryptoJS = require('crypto-js'); // 引入AES源码js export default { /* * ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
33
浅尝 Vue —— 笔记八前端使用浏览器控制台断点调试
F12 打开浏览器调试工具后，在 source 中找到想要打断点的 .js 文件中的代码行，在行号左侧点击即可打上断点。然后点击下部栏目 tags 行的第一个按钮 pause script execution F8 Ctrl+\(可直接使用快捷键 Ctrl+)进入断点调试模式。比如想要断点模式观察某按钮执行的方法的过 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
28
Vue3.0 的深入学习
[图片] Vue3.0 来了 2020 年 09 月 18 日在万众期待中 Vue3.0 正式版发布于 git 上并被命名为‘One Piece’。这也许在这个并不平凡的一年里不算一件大事，但是对于我们广大的前端开发者开讲是一个轰动的事情。Vue3.0 历经了 2 年多的开发工作，终于带着全新的特性在万众期待中来了。 ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  229 引用 • 1324 回帖
102
野生社区客户端 V1.4 手机签到、清风明月 IOS 来临
原来距离上次更新已经是 200 多天前的事了，社区 API 调整了之后，一直无法使用。。。这两天抽时间修复了一下：适配社区 API 升级关闭原来的好友圈功能（主要是这个功能会发大量请求，对服务器不太友好，容易被 ban）好友圈的地方改成清风明月列表增加手机上发清风明月功能领域列表标签墙手机上可以签到啦 ..
- Flutter
  
  Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。
  36 引用 • 89 回帖 • 1 关注
68
为了能让你们用上 flutter, 我准备做几期视频教程
[图片] 前言又到了一年一度的春节假期,又是拉开人与人之间差距的时刻了! 去年因为疫情的原因,我在家自学了近一个月的 flutter,然后在 github 上啪啦啪啦地写了一堆 flutter 项目,收到相当不错的反响. 下面是我那个时期写的 flutter 项目，感兴趣的可以拿去把玩把玩。 [图片] flutter ..
- Flutter
  
  Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。
  36 引用 • 89 回帖 • 1 关注
63
纪念我完成首个实用的前端
[图片] 电脑端 [图片] 手机端，可见响应化设计这个前端的功能是通过调用 bilibili API 获得特定 BV 号的视频推荐列表，然后将其渲染出来。框架为 React+material-ui，使用 axios 进行请求。现在各项功能已经基本完成，故公开地址，欢迎来玩。附：芬兰赫尔辛基大学全栈公开课（免费， ..
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  162 引用 • 266 回帖 • 553 关注
64
vue 2.9.6 升级到 3X 版本
[图片] 先通过 npm uninstall vue-cli -g 卸载 vue，然后再安装，但是 vue -V 时依然是 2.9.6 版本：第一步： npm config get registry 第二步： npm config set registry https://registry.npm.taobao.or ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
29
vue3 +ts 自定义全局变量
[图片] 1. 全局变量挂载 // vue2 Vue.prototype.$lm = {} // vue3 const app = Vue.createApp({}) app.config.globalProperties.$lm = {} 2.声明类型使用 ts 的情况下，挂载完全局变量后，在 vue 文件中，通过 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
72
做了个 web 版的苹果小组件库站点
苹果的小组件概念已经出来一段时间了，一直想做一个 Web 版本的。初始想法：页面上所有功能区块均是小组件，可拖拽，可增删改，可定义大小，甚至可以独立访问。经过将近一个月的打磨迭代，终于有点眉目了。✿✿ヽ (°▽°) ノ✿ 访问地址：https://nicegoodthings.com/ 当前积累了将近 16 个小组件 ..
- 创造
  
  你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！
  128 引用 • 804 回帖 • 1 关注
101
vue 锚点设置
路由设置----(针对 history 模式) const router = new VueRouter({ mode: 'history', /** 兼容 #id 锚点定位 */ scrollBehavior (to, from, savedPosition) { if (to.hash) { return { se ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
38
[Moyck 的第 6 个 App] 轻舟 - 多个地点规划路线
[图片] 轻舟 - 多个地点规划路线**** 导航 App 很多，但是没有一个能多个地点规划最短路线比如我去旅游时，只要输入想去的几个景点点击规划，自动规划出最短的路线送外卖到多个地点不想走冤枉路？旅游观光时希望节省路程时间？送货上门规划最优路线？ “两岸猿声啼不住轻舟已过万重山” 使用轻舟 App 轻松规划 ..
- Android
  
  Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。
  310 引用 • 307 回帖 • 465 关注
30
center - css
content center .content-center { display: grid; place-content: center; gap: 1ch; } gentle flex .gentle-flex { display: flex; flex-direction: column; align-items ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  229 引用 • 1324 回帖
13
手把手教你如何巧用 Github 的 Action 功能
概念 GitHub Actions 是 GitHub 于 2018 年 10 月推出的持续集成服务。那么何谓持续集成呢？持续集成持续集成（Continuous integration），也就是我们经常说的 CI。它是一种软件开发实践，可以让团队在持续的基础上收到反馈并进行改进，不必等到开发后期才寻找和修复缺陷，常 ..
- 持续集成
  
  持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。
  14 引用 • 7 回帖 • 3 关注
77
HTML 和 CSS 基础学习
HTML 提供了大量元素，没一个元素都有特殊的用途，保证网页的丰富多样性：区块：div 区分：span 文本：p、h1~h6、em、dt、dd 表格：table、tbody、thead、tr、td、th、tfoot、caption 表单：form、input、label、textarea、select 链接：a 图片 ..
- HTML
  
  HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
  98 引用 • 290 回帖 • 35 关注
111
nginx 单端口通过前缀来区分多个 vue 项目
[图片] nginx 单端口通过前缀来区分多个 vue 项目一、前言以前发布项目都是使用端口不同来区分多个项目、现在老板要求只使用一个端口、通过前缀不同来区分多个项目。比如 localhost/admin 访问的后台管理项目， localhost/phone 访问的是移动端业务项目听到这个需求时，自然而然的想 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
74
Vue3 使用 Mitt 替代 EventBus
[图片] 前言前段时间接触了 Vue，作为一个合格的前端，流行的框架还是得会点的不过一直听说 Vue 开箱即用，VueX、Vue Router、Event Bus 一堆现成的玩意，然而接触了 Vue3 才发现，EventBus 被去掉了？？？这怎么可以（暂时不提 Composition API，我菜鸡还没学会。。 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
114
【小作品】公文写作词汇大全小程序 && ios 版同步发布：v1.0.3
，支持快速搜索，与复制，以及自动填充到编辑器哦。 ios 传送门：[链接] [链接] [图片][图片][图片][图片][图片]
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  162 引用 • 266 回帖 • 553 关注
51
单行生成唯一字符串 id
const uid = () => performance.now().toString(36) + Math.random().toString(36).substr(2); 来比代码~
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
65
网站来点圣诞气氛？
上 codepen 找了一圈灵感..... Merry Christmas, Friends!
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
134
撸了一个 H5 搜索框
[图片] 最近干了一个移动端需求，有个关于首页搜索框的功能实现。找了一些组件库和开源的工具，发现没有一个合适的，有大致相同的代码上也是比较。。。。所以，只能自己写了~ 最近需求块上线了，我也将代码抽了出来，毕竟也踩了不少坑，当做实战经验分享也是挺好的。晚上没事，做了个 PPT，顺便将代码抽离干净了（内部一些组件的东西不 ..
- 分享
  
  有什么新发现就分享给大家吧！
  229 引用 • 1666 回帖 • 100 关注
123
移动端滚动加载更多组件 - loadermore
移动端滚动加载更多组件前言之前在移动端需求的时候，有个功能点就是关于滚动加载，滚动到底部以后，自动执行下次请求。本来想着使用公司内部基础组件的，但是发现基础组件没有（内部一般禁止引入一些大公司的组件，风险问题）。看了其他开源的单组件，写的都挺好的，但是整体代码量较多，内心是存在排斥心理的，所以... 没办法，只能 ..
- 分享
  
  有什么新发现就分享给大家吧！
  229 引用 • 1666 回帖 • 100 关注
44
Vue Springboot （包括后端解决跨域）实现登录验证码功能详细完整版
[图片] 利用 Hutool 基于 Vue、ElementUI、Springboot （跨域）实现登录验证码功能前言一、Hutool 是什么？二、下面开始步入正题：使用步骤 1.先引入 Hutool 依赖 2.控制层 3.下面到前端登录界面前言提示：实现此功能建立在你至少能够基础使用 vue、elementu ..
- Java
  
  Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。
  2883 引用 • 8096 回帖 • 693 关注
80
简单的代码，挺实用
最近在开发一个需求的时候，需要实时查看 JS 对象的结构，直接在 vue devtools 看比较麻烦，同时如何直接在页面上利用 {{object}} 展示，样式上会比较乱。所以，在某个开源的工具（忘了哪个）发现了一段类似的代码，特意保存下来并修改了一下，对我来说挺实用的，感兴趣的朋友可以试试。 [图片] https ..
- 代码
  
  443 引用 • 542 回帖 • 6 关注
94
JavaScript 详说事件机制之冒泡、捕获、传播、委托
DOM 事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）*：通俗的理解就是，当鼠标点击或者触发 dom 事件时，浏览器会从根节点开始由外到内*进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
48
整个 css filter 的配置页
试了试 vite 写了个小工具，主要是用于试用 css 属性 filter 的展示效果 [图片] 页面还是比较简陋的，后续有时间可能需要对 drop-shadow 进行配置化展示。 http://vite-filter.logiczc.vercel.app/ https://github.com/ra-utility/ ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  162 引用 • 411 回帖
52
小程序排版
小程序排版示例 [图片] 代码 wxml hello hello hello hello hello hello Fancy With faded secondary text display_1 display_2 display_3 display_4 ..
- 小程序
  
  74 引用 • 217 回帖 • 1 关注
58
Ajax 介绍和简单用法
一. Ajax 基础 1. 异步传输 +js+xml 优点：无需刷新整个页面，就能更新局部数据的技术缺点：打破了浏览器的 back 回退机制 2. 同异步异步:当一行代码还没结束，就可以执行另一行代码同步:当一行执行结束，才能执行另一行代码 3. 连接步骤创建 XMLHttpRequest 请求对象发起 op ..
- AJAX
  
  25 引用 • 96 回帖
77
HTML5 新增
一. H5 新增 1.语义化标签作用: 提高代码可读性，便于维护；有利于网络爬虫检索，提高网站排名。 H1 标签爬虫也会爬 1.1.那些标签？ header、nav、article、section、aside、footer 1.2.meta 标签属性网站描述 decsription：网站关键字 keywords ..
- HTML
  
  HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
  98 引用 • 290 回帖 • 35 关注
82
有前端的大佬指点一二关于竖式书写？
[图片] 图里的竖式书写编辑器看着挺有感觉想用 css 的 ** writing-mode: vertical-rl;** 来实现相同的 terminal 编辑效果，做个 h5 的复古 editor 但是碰到些问题，html + css 貌似水平滚动时从右到左不会像从上到下那样自动滚动到最左边(从上到下 ..
- 排版
  
  6 引用 • 62 回帖
200
前端领域优质项目汇总 - 更新中
[图片] 前端领域优质项目汇总前端领域优质项目汇总，包括基础知识（HTML、CSS、JS）、布局、前端框架、微信相关、工程化，Nodejs,大数据可视化等项目序号分类简介官网关键词 1 工程化 Webpack 是前端资源模块化管理和打包工具。Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以 ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  229 引用 • 1324 回帖
87
链滴微信小程序已经开源更新到 0.0.2
链滴微信小程序 0.0.2 [图片] https://github.com/goldhan/ld gitee 同步：https://gitee.com/goldhan/ld 重要如有样式显示错误问题，请重新点击小程序右上角设置按钮 -> 重新进入小程序链滴微信小程序版本 0.0.1 第一次提交 0.0.2 ..
- 链滴
  
  链滴是一个记录生活的地方。
  
  记录生活，连接点滴
  
  42 引用 • 3059 回帖 • 1 关注
660
vue 文件结构顺序统一
vue 文件顺序在平时的开发中，会发现很多 vue 文件里面的结构很不统一，比如找个生命周期函数，可能在 methods 配置下面，影响到了开发效率，保持统一的代码风格有助于团队成员多人协作。 Vue 官网文档中也有推荐[链接],文档中对选项顺序做了许多分类。但从工程项目角度思考，也是借鉴了其他开发者推荐的顺序：大 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
74
临时占坑 - Vue2.x 接入 esbuild，提升打包速度
V1 版本 - 废弃 [图片] V2 版本对 vue SFC 整体的工作流又重新梳理了一遍 [图片]
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
142
JavaScript 中的对象类型
什么是对象简单的说，对象就是一组属性（property）的集合。每个属性包含两部分：属性名（key）—— 可以是字符串或者符号（symbol）类型值。特征（attributes）—— 用来描述属性的状态。属性的分类对象属性可以分为两类：数据属性（data property）—— 属性值是可以直接访问的。访 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
43
JavaScript 中的 Object
在 JavaScript 中，几乎所有的对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性。 Object 是 JavaScript 的一个内置对象，它是一个构造函数，但是也可以用作普通的函数。构造函数 Object 作为构造函数，可以使用 new 关键字来生成一个新的对象。 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
59
个人支付宝微信支付回调实现原理
[图片] [图片] 用户打开浏览器，先从 sessionStorage 读取订单号，如果本地没有则生成订单号，sessionStorage 保存一份，post 订单号和支付类型给后端后端收到请求后，生成待付费用(整数 + 随机小数)，将订单号，支付类型，待付费用，时间戳，写入订单表(id 订单号待付费用时间戳)， ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
168
JavaScript 的类型系统
当前 ECMAScript 标准定义了 8 种数据类型，包括 7 个原始（primary）类型，还有一个是对象类型。类型含义说明 Undefined 未定义未声明的变量，或者声明过但未赋值的变量的值。该类型只有一个值： undefined。 Null 空值该类型只有一个值： null。 Number 数值表 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
65
【React】上拉加载更多，原生 js 的实现
本来是找的第三方库，但是都不好用，由于项目使用的布局是 Absolute，导致各种 bug，最后还是用原生吧。给需要监听的组件设置一个 Ref。 (this.scroll = e)}> 然后在组件加载后 if (this.scroll) { this.scroll.addEventListener('scro ..
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  162 引用 • 266 回帖 • 553 关注
109
webpack 加载器 - 打包处理 css 文件
[链接] 1. 创建 src\css\1.css 文件 li { list-style: none; } 2. 在 index.js 中引入 1.css 文件 import './css/1.css' 3. 自动打包的时候提示了错误提示缺少一个合适的 loader 来处理 .css 文件 4. 安装 loader n ..
- webpack
  
  webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。
  41 引用 • 127 回帖 • 347 关注
41
ES6 类的私有属性
怕是面试题 - ES6 类的私有属性 TS 中实现了 ES6 找那个类的基本功能以外，同时还添加了一些新的方法，比如私有属性，继承多态（面向对象）等。俺对私有属性的实现，确实比较感兴趣，琢磨着也得了解了解 ES6 怎么去实现。 // 私有属性 - 闭包实现 class Example1 { constructor() ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  229 引用 • 1324 回帖
98
JS 打包压缩工具测试（benckmarks）
JS 打包压缩工具测试（benckmarks）测试工具测试对比的工具如下： [链接]：支持 es6 语法的压缩工具 [链接]：外界认为是一款快 10~100 倍的压缩工具 [链接]：支持 es6 [链接]：老派结果 code: [链接] 标识： Ms：最快最慢 Size：最轻最重 Gzip：最轻最重 d3/ ..
- 前端
  
  前端技术一般分为前端设计和前端开发，前端设计可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括 HTML、CSS 以及 JavaScript 等。
  229 引用 • 1324 回帖
64
JavaScript 基于原型的继承
面向对象中的继承特性，有三种实现方案：基于类（class-based）基于原型（prototype-based）基于元类（metaclass-based） JavaScript 采用的是基于原型的实现方案，这也是 JavaScript 最重要的语言特性之一。 ES6 之前，在 JavaScript 中没有类（cl ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
49
JavaScript 简介
[图片] JavaScript 历史 Brendan Eich 自 1995 年 4 月受聘于网景公司，开始实现一种名为“魔卡（Mocha）”——JavaScript 最早的开发代号或名称的语言。仅两个月之后，为了迎合 Netscape 的 Live 战略而更名为 LiveScript。到了 1995 年年末，又为了迎 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
52
CSS 笔记整理
清除浮动浮动是我们常用的一种布局方式，随之而来的就是需要清除浮动，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个 :after
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  162 引用 • 411 回帖
92
【react-native】Undefined symbols for architecture x86_64
出现这种情况，多半是你添加了一个新的第三方库，结果不兼容，或者编译失败了，然后使用 yarn remove xxx 移除卸载后同样不行，重新安装 pod 呢，也是有问题。建议： 1.rm -rf node_modules 2.cd ios && rm -rf Podfile.lock Pods 3. ..
- React
  
  React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。
  162 引用 • 266 回帖 • 553 关注
59
写了一个快速创建引导页的小工具，正式版发布了
上半年的重心是一个技术项目，如果也顺利落地并进入了维护阶段，老大的要求一直是非常苛刻的，用户体验要求非常高。在项目不断的迭代中，增加了很多功能，但是在实际给用户演示过程中，发现很多功能用户并不知道，这样萌生了这个小工具的想法。为什么要自己写？开源中有一个 intro.js，但是整体来说，体积比较大，很多功能也不需 ..
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
331
距离全栈你只差一个 kotlinx
示例项目地址: https://github.com/wangyuheng/kotlin-dsl-html 全栈不能保证一定能够解决复杂的问题, 但却能帮你打开解决复杂问题的大门. [图片] 近些年，前端技术变得愈发复杂。这一趋势除了导致全球变暖，也让全栈开发的难度越来越大。但是，阻碍一个后端开发去写页面的根本原因到 ..
- Kotlin
  
  Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。
  17 引用 • 30 回帖 • 6 关注
136
scrollIntoView 函数简化置顶功能
基本介绍 [链接] Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。仔细想想，发现这个功能有很好的的实用性，比如置顶 document.body.scrollIntoView({behavior: 'smooth'}) 打开控制台，输入下面代码试试
- JavaScript
  
  JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。
  675 引用 • 1136 回帖 • 701 关注
62
Vue3.0 正式发布在即，element 凉了？
Vue3.0 正式发布在即，element 凉了？ [图片] Vue3.0 在今年第三季度正式发布。但是 element-ui 据目前居然停更了 4 个月，要凉的赶脚么。 [图片] 8/23、9/13 只是更新说明，其他的都没有更新。 [图片] 提交最多的大佬也没更新了根据网上消息，element 核心团队都离职了 ..
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
944
分享：一键拷贝常用动画效果 CSS 代码
分享一个 CSS 动效相关的网站： https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果，如鼠标悬停、输入框获取焦点、加载、以及其他动画；不仅有展示效果，并提供一键拷贝至剪切板，以便您可以在自己的项目中使用。备注：这个项目是基于 Github 的一个项目（CSSFX ）fork ..
- CSS
  
  CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  162 引用 • 411 回帖
128
input 宽度设置注意事项
input 的 width 属性只对 type='image'情况下起作用，可参考 [链接]，如果想对 input 元素设置高度和宽度请使用 css 样式 style='width:158px;height:30px'。
- HTML
  
  HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
  98 引用 • 290 回帖 • 35 关注
42
vue 疑难杂症三大定理
据说，Vue 项目解决 bug 和问题用这三步就可以没有什么是 deep watch 解决不了的，有就加 immediate 事件相关，dom 不更新？试试 nextTick 实在不行，就用 setTimeout
- Vue.js
  
  Vue.js（读音 /vjuː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  222 引用 • 638 回帖 • 489 关注
197